Repository: Mekaeil/LaravelUserManagement Branch: master Commit: 9ae2558523a1 Files: 195 Total size: 1.5 MB Directory structure: gitextract_oflpl47l/ ├── .gitignore ├── .phpunit.result.cache ├── .travis.yml ├── LICENSE ├── README.md ├── composer.json ├── phpunit.xml.dist ├── src/ │ ├── Config/ │ │ ├── laravel_user_management.php │ │ └── permission.php │ ├── Console/ │ │ └── .gitkeep │ ├── Contracts/ │ │ └── UserManagementContracts.php │ ├── Database/ │ │ ├── Migrations/ │ │ │ ├── .gitkeep │ │ │ ├── 2019_01_01_111111_create_users_table.php │ │ │ ├── 2019_01_01_222222_create_departments_table.php │ │ │ ├── 2019_01_01_333333_create_user_department_users_table.php │ │ │ ├── 2019_01_01_444444_create_permission_tables.php │ │ │ ├── 2019_02_02_555555_create_soft-delete_users_table.php │ │ │ └── 2019_10_17_110654_create_password_reset_table.php │ │ └── Seeders/ │ │ ├── .gitkeep │ │ ├── Department/ │ │ │ ├── DepartmentTableSeeder.php │ │ │ └── MasterDepartmentTableSeeder.php │ │ ├── Permission/ │ │ │ ├── MasterPermissionTableSeeder.php │ │ │ └── PermissionTableSeeder.php │ │ ├── Role/ │ │ │ ├── MasterRoleTableSeeder.php │ │ │ └── RoleTableSeeder.php │ │ └── UserManagementDatabaseSeeder.php │ ├── Entities/ │ │ ├── .gitkeep │ │ ├── Department.php │ │ ├── Permission.php │ │ ├── Role.php │ │ ├── User.php │ │ └── export/ │ │ ├── Department.php │ │ ├── Permission.php │ │ ├── Role.php │ │ └── User.php │ ├── Facade/ │ │ └── UserManagement.php │ ├── Http/ │ │ ├── Controllers/ │ │ │ ├── .gitkeep │ │ │ ├── Admin/ │ │ │ │ ├── DepartmentsController.php │ │ │ │ ├── PermissionsController.php │ │ │ │ ├── RolesController.php │ │ │ │ ├── UsersController.php │ │ │ │ └── export/ │ │ │ │ ├── DepartmentsController.php │ │ │ │ ├── PermissionsController.php │ │ │ │ ├── RolesController.php │ │ │ │ └── UsersController.php │ │ │ └── Auth/ │ │ │ ├── AuthController.php │ │ │ └── export/ │ │ │ └── AuthController.php │ │ └── Requests/ │ │ ├── .gitkeep │ │ ├── Admin/ │ │ │ ├── StoreDepartment.php │ │ │ ├── StorePermission.php │ │ │ ├── StoreRole.php │ │ │ ├── StoreUser.php │ │ │ ├── UpdateDepartment.php │ │ │ ├── UpdatePermission.php │ │ │ ├── UpdateRole.php │ │ │ └── UpdateUser.php │ │ └── Auth/ │ │ ├── UserLogin.php │ │ └── UserRegistration.php │ ├── LaravelUserManagementProvider.php │ ├── Public/ │ │ └── mekaeils-package/ │ │ ├── css/ │ │ │ └── style.css │ │ ├── js/ │ │ │ ├── dashboard.js │ │ │ ├── misc.js │ │ │ └── off-canvas.js │ │ └── vendors/ │ │ ├── css/ │ │ │ └── vendor.bundle.base.css │ │ ├── iconfonts/ │ │ │ └── mdi/ │ │ │ ├── README.md │ │ │ ├── bower.json │ │ │ ├── css/ │ │ │ │ └── materialdesignicons.css │ │ │ ├── license.md │ │ │ ├── package.json │ │ │ ├── preview.html │ │ │ └── scss/ │ │ │ ├── _animated.scss │ │ │ ├── _core.scss │ │ │ ├── _extras.scss │ │ │ ├── _functions.scss │ │ │ ├── _icons.scss │ │ │ ├── _path.scss │ │ │ ├── _variables.scss │ │ │ └── materialdesignicons.scss │ │ └── js/ │ │ ├── vendor.bundle.addons.js │ │ └── vendor.bundle.base.js │ ├── Repository/ │ │ ├── Contracts/ │ │ │ ├── BaseRepositoryInterface.php │ │ │ ├── DepartmentRepositoryInterface.php │ │ │ ├── PermissionRepositoryInterface.php │ │ │ ├── RoleRepositoryInterface.php │ │ │ └── UserRepositoryInterface.php │ │ └── Eloquents/ │ │ ├── BaseEloquentRepository.php │ │ ├── DepartmentRepository.php │ │ ├── PermissionRepository.php │ │ ├── RoleRepository.php │ │ └── UserRepository.php │ ├── Resource/ │ │ ├── js/ │ │ │ └── mekaeils-package/ │ │ │ ├── assets/ │ │ │ │ ├── demo.css │ │ │ │ └── scss/ │ │ │ │ ├── material-kit/ │ │ │ │ │ ├── _alerts.scss │ │ │ │ │ ├── _autocomplete.scss │ │ │ │ │ ├── _badges.scss │ │ │ │ │ ├── _buttons.scss │ │ │ │ │ ├── _cards.scss │ │ │ │ │ ├── _carousel.scss │ │ │ │ │ ├── _checkboxes.scss │ │ │ │ │ ├── _colors.scss │ │ │ │ │ ├── _datepicker.scss │ │ │ │ │ ├── _dialogs.scss │ │ │ │ │ ├── _dropdown.scss │ │ │ │ │ ├── _example-pages.scss │ │ │ │ │ ├── _footers.scss │ │ │ │ │ ├── _headers.scss │ │ │ │ │ ├── _images.scss │ │ │ │ │ ├── _info-areas.scss │ │ │ │ │ ├── _inputs.scss │ │ │ │ │ ├── _layout.scss │ │ │ │ │ ├── _misc.scss │ │ │ │ │ ├── _mixins.scss │ │ │ │ │ ├── _navbars.scss │ │ │ │ │ ├── _pagination.scss │ │ │ │ │ ├── _pills.scss │ │ │ │ │ ├── _popups.scss │ │ │ │ │ ├── _progress.scss │ │ │ │ │ ├── _radios.scss │ │ │ │ │ ├── _responsive.scss │ │ │ │ │ ├── _shadows.scss │ │ │ │ │ ├── _tables.scss │ │ │ │ │ ├── _tabs.scss │ │ │ │ │ ├── _togglebutton.scss │ │ │ │ │ ├── _typography.scss │ │ │ │ │ ├── _variables.scss │ │ │ │ │ ├── mixins/ │ │ │ │ │ │ ├── _transparency.scss │ │ │ │ │ │ └── _vendor-prefixes.scss │ │ │ │ │ └── plugins/ │ │ │ │ │ ├── _perfect-scrollbar.scss │ │ │ │ │ └── _plugin-nouislider.scss │ │ │ │ └── material-kit.scss │ │ │ ├── layout/ │ │ │ │ ├── MainFooter.vue │ │ │ │ ├── MainNavbar.vue │ │ │ │ └── MobileMenu.vue │ │ │ ├── main.js │ │ │ ├── plugins/ │ │ │ │ ├── globalComponents.js │ │ │ │ ├── globalDirectives.js │ │ │ │ ├── globalMixins.js │ │ │ │ └── material-kit.js │ │ │ ├── router.js │ │ │ └── views/ │ │ │ ├── App.vue │ │ │ ├── Index.vue │ │ │ ├── Landing.vue │ │ │ ├── Login.vue │ │ │ ├── Profile.vue │ │ │ ├── Register.vue │ │ │ └── components/ │ │ │ ├── BasicElementsSection.vue │ │ │ ├── JavascriptComponentsSection.vue │ │ │ ├── LaravelUserManagement.vue │ │ │ ├── NavPillsSection.vue │ │ │ ├── NavigationSection.vue │ │ │ ├── NotificationsSection.vue │ │ │ ├── SmallNavigationSection.vue │ │ │ ├── TabsSection.vue │ │ │ ├── TypographyImagesSection.vue │ │ │ └── Widgets/ │ │ │ ├── Badge.vue │ │ │ ├── Dropdown.vue │ │ │ ├── Modal.vue │ │ │ ├── Pagination.vue │ │ │ ├── Parallax.vue │ │ │ ├── Tabs.vue │ │ │ ├── cards/ │ │ │ │ ├── LoginCard.vue │ │ │ │ └── NavTabsCard.vue │ │ │ └── index.js │ │ ├── lang/ │ │ │ └── en/ │ │ │ └── trans.php │ │ └── views/ │ │ ├── mekaeils-package/ │ │ │ ├── layouts/ │ │ │ │ ├── alert.blade.php │ │ │ │ ├── breadcrumb.blade.php │ │ │ │ ├── footer.blade.php │ │ │ │ ├── header.blade.php │ │ │ │ ├── side-nav.blade.php │ │ │ │ └── top-nav.blade.php │ │ │ ├── master.blade.php │ │ │ └── vue/ │ │ │ └── master.blade.php │ │ └── user-management/ │ │ ├── auth/ │ │ │ ├── layouts/ │ │ │ │ ├── footer.blade.php │ │ │ │ └── header.blade.php │ │ │ ├── login.blade.php │ │ │ ├── master.blade.php │ │ │ └── register.blade.php │ │ ├── department/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ └── index.blade.php │ │ ├── master.blade.php │ │ ├── permission/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ └── index.blade.php │ │ ├── role/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ └── index.blade.php │ │ ├── side-nav.blade.php │ │ └── user/ │ │ ├── create.blade.php │ │ ├── edit.blade.php │ │ └── index.blade.php │ ├── Routes/ │ │ └── user_management.php │ ├── Tests/ │ │ └── .gitkeep │ └── UserManagement.php └── tests/ ├── SampleTest.php └── bootstrap.php ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ vendor/ node_modules/ npm-debug.log # Laravel 4 specific bootstrap/compiled.php app/storage/ # Laravel 5 & Lumen specific public/storage public/hot storage/*.key .env.*.php .env.php .env Homestead.yaml Homestead.json # Rocketeer PHP task runner and deployment package. https://github.com/rocketeers/rocketeer .rocketeer/ composer.lock .DS_Store .idea ================================================ FILE: .phpunit.result.cache ================================================ C:37:"PHPUnit\Runner\DefaultTestResultCache":116:{a:2:{s:7:"defects";a:0:{}s:5:"times";a:1:{s:56:"Mekaeil\LaravelUserManagement\Test\sampleTest::testHello";d:0.007;}}} ================================================ FILE: .travis.yml ================================================ language: php sudo: false matrix: include: - php: 7.2 env: LARAVEL_VERSION=5.5.* - php: 7.3 env: LARAVEL_VERSION=5.5.* - php: 7.2 env: LARAVEL_VERSION=5.6.* - php: 7.3 env: LARAVEL_VERSION=5.6.* - php: 7.2 env: LARAVEL_VERSION=5.7.* - php: 7.3 env: LARAVEL_VERSION=5.7.* - php: 7.2 env: LARAVEL_VERSION=5.8.* - php: 7.3 env: LARAVEL_VERSION=5.8.* - php: 7.2 env: LARAVEL_VERSION=6.* - php: 7.3 env: LARAVEL_VERSION=6.* before_install: - if [[ $TRAVIS_PHP_VERSION =~ ^hhvm ]]; then echo 'hhvm.jit = false' >> /etc/hhvm/php.ini ; fi - composer self-update --stable -n - composer require "laravel/framework:${LARAVEL_VERSION}" --no-update -n install: - travis_retry composer install --no-suggest --prefer-dist -n -o script: - vendor/bin/phpunit --coverage-clover build/logs/clover.xml; after_script: - wget https://scrutinizer-ci.com/ocular.phar; - php ocular.phar code-coverage:upload --format=php-clover build/logs/clover.xml; - bash <(curl -s https://codecov.io/bash) © 2019 GitHub, Inc. ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2019 Mekaeil Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # Use the new version I've upgraded and revamped this package for better performance and efficiency. Check out the improvements here ([LaraPanel Framework](https://github.com/weprodev/LaraPanel-Framework)). Plus, I'm gearing up to introduce even more features. Join me in enhancing it further – follow and contribute here: [LaraPanel Package](https://github.com/weprodev/LaraPanel)"
------------------------------------- ## About Laravel User Management Manage all of the users, we use ["spatie/laravel-permission"](https://github.com/spatie/laravel-permission) package for manage all of the users. When you installing this package the "spatie/laravel-permission" package and dependencies will be install automatically. In "LaravelUserManagement" package we create all of the DB Tables, Entities, Seeders, View for manage users, roles, permissions and departments. # Installation 1. Install the package via composer: ``` composer require mekaeil/laravel-user-management ``` 2. Add the service providers in your config/app.php file: ``` 'providers' => [ // ... \Mekaeil\LaravelUserManagement\LaravelUserManagementProvider::class, ]; ``` 3. Run this command for publish vendor: ``` php artisan vendor:publish --provider="Mekaeil\LaravelUserManagement\LaravelUserManagementProvider" ``` 4. After publishing vendors, add this code to "run" method in database/DatabaseSeeder.php ``` public function run() { /* |-------------------------------------------------------------------------- | SEEDERS FOR LARAVEL USER MANAGEMENT |-------------------------------------------------------------------------- | */ $this->call(RoleTableSeeder::class); $this->call(PermissionTableSeeder::class); $this->call(DepartmentTableSeeder::class); } ``` 5. Now it's important to change config if you want(laravel_user_management): (you can skip it) ``` /* |-------------------------------------------------------------------------- | LARAVEL USER MANAGEMENT CONFIG |-------------------------------------------------------------------------- | | */ // laravel_user_management.users_table 'users_table' => 'users', // laravel_user_management.user_department_table 'user_department_table' => 'user_departments', /** * THIS TABLE IS NAME OF THE MANY TO MANY RELATIONAL TABLE * BETWEEN USERS TABLE & USER DEPARTMENTS TABLE * **/ // laravel_user_management.user_department_user_table 'user_department_user_table' => 'user_departments_users', // laravel_user_management.password_resets_table 'password_resets_table' => 'user_password_resets', // laravel_user_management.user_model 'user_model' => App\Entities\User::class, // laravel_user_management.row_list_per_page 'row_list_per_page' => 15, // laravel_user_management.admin_url 'admin_url' => env('APP_URL').'/admin', // laravel_user_management.logo_url 'logo_url'=> env('APP_URL'). "/mekaeils-package/images/logo-user-management.jpg", 'auth' => [ // laravel_user_management.auth.enable 'enable' => true, // laravel_user_management.auth.login_url 'login_url' => 'user/login', // laravel_user_management.auth.register_url 'register_url' => 'user/register', // laravel_user_management.auth.logout_url 'logout_url' => 'user/logout', // laravel_user_management.auth.username 'username' => 'email', // email OR mobile /** * DEFAULT ROLE FOR USERS WANT TO REGISTER ON WEBSITE * YOU SHOULD DEFINE THIS ROLE IN SEEDER OR CREATE IT IN ADMIN PANEL * **/ // laravel_user_management.auth.user_default_role 'user_default_role' => 'User', /** * DEFAULT STATUS FOR USERS WANT TO REGISTER ON WEBSITE * IF IT'S SET ON 'PENDING' USER CAN NOT LOGIN IN WEBSITE * AND NEED TO ACCEPT BY ADMINISTRATOR * **/ // laravel_user_management.auth.default_user_status 'default_user_status' =>'accepted', /// 'pending','accepted','blocked' // laravel_user_management.auth.dashboard_route_name_user_redirection 'dashboard_route_name_user_redirection' => 'home' /// ** ROUTE NAME ** ], ``` 6. And if set permissions table if you want to customize it: (you can skip it) ``` 'models' => [ /* * When using the "HasPermissions" trait from this package, we need to know which * Eloquent model should be used to retrieve your permissions. Of course, it * is often just the "Permission" model but you may use whatever you like. * * The model you want to use as a Permission model needs to implement the * `Spatie\Permission\Contracts\Permission` contract. */ // 'permission' => Spatie\Permission\Models\Permission::class, 'permission' => Spatie\Permission\Models\Permission::class, /* * When using the "HasRoles" trait from this package, we need to know which * Eloquent model should be used to retrieve your roles. Of course, it * is often just the "Role" model but you may use whatever you like. * * The model you want to use as a Role model needs to implement the * `Spatie\Permission\Contracts\Role` contract. */ // 'role' => Spatie\Permission\Models\Role::class, 'role' => Spatie\Permission\Models\Role::class, ], 'table_names' => [ /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your roles. We have chosen a basic * default value but you may easily change it to any table you like. */ 'roles' => 'roles', /* * When using the "HasPermissions" trait from this package, we need to know which * table should be used to retrieve your permissions. We have chosen a basic * default value but you may easily change it to any table you like. */ 'permissions' => 'permissions', /* * When using the "HasPermissions" trait from this package, we need to know which * table should be used to retrieve your models permissions. We have chosen a * basic default value but you may easily change it to any table you like. */ 'model_has_permissions' => 'model_has_permissions', /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your models roles. We have chosen a * basic default value but you may easily change it to any table you like. */ 'model_has_roles' => 'model_has_roles', /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your roles permissions. We have chosen a * basic default value but you may easily change it to any table you like. */ 'role_has_permissions' => 'role_has_permissions', ], 'column_names' => [ /* * Change this if you want to name the related model primary key other than * `model_id`. * * For example, this would be nice if your primary keys are all UUIDs. In * that case, name this `model_uuid`. */ 'model_morph_key' => 'model_id', ], /* * When set to true, the required permission/role names are added to the exception * message. This could be considered an information leak in some contexts, so * the default setting is false here for optimum safety. */ 'display_permission_in_exception' => false, 'cache' => [ /* * By default all permissions are cached for 24 hours to speed up performance. * When permissions or roles are updated the cache is flushed automatically. */ 'expiration_time' => \DateInterval::createFromDateString('24 hours'), /* * The cache key used to store all permissions. */ 'key' => 'spatie.permission.cache', /* * When checking for a permission against a model by passing a Permission * instance to the check, this key determines what attribute on the * Permissions model is used to cache against. * * Ideally, this should match your preferred way of checking permissions, eg: * `$user->can('view-posts')` would be 'name'. */ 'model_key' => 'name', /* * You may optionally indicate a specific cache driver to use for permission and * role caching using any of the `store` drivers listed in the cache.php config * file. Using 'default' here means to use the `default` set in cache.php. */ 'store' => 'default', ], ``` 7. update your config/auth.php file: ``` use App\Entities\User; return [ /* |-------------------------------------------------------------------------- | Authentication Defaults |-------------------------------------------------------------------------- | | This option controls the default authentication "guard" and password | reset options for your application. You may change these defaults | as required, but they're a perfect start for most applications. | */ 'defaults' => [ 'guard' => 'web', 'passwords' => 'users', ], /* |-------------------------------------------------------------------------- | Authentication Guards |-------------------------------------------------------------------------- | | Next, you may define every authentication guard for your application. | Of course, a great default configuration has been defined for you | here which uses session storage and the Eloquent user provider. | | All authentication drivers have a user provider. This defines how the | users are actually retrieved out of your database or other storage | mechanisms used by this application to persist your user's data. | | Supported: "session", "token" | */ 'guards' => [ 'web' => [ 'driver' => 'session', 'provider' => 'users', ], 'api' => [ 'driver' => 'token', 'provider' => 'users', 'hash' => false, ], ], /* |-------------------------------------------------------------------------- | User Providers |-------------------------------------------------------------------------- | | All authentication drivers have a user provider. This defines how the | users are actually retrieved out of your database or other storage | mechanisms used by this application to persist your user's data. | | If you have multiple user tables or models you may configure multiple | sources which represent each model / table. These sources may then | be assigned to any extra authentication guards you have defined. | | Supported: "database", "eloquent" | */ 'providers' => [ 'users' => [ 'driver' => 'eloquent', 'model' => User::class, ], // 'users' => [ // 'driver' => 'database', // 'table' => 'users', // ], ], /* |-------------------------------------------------------------------------- | Resetting Passwords |-------------------------------------------------------------------------- | | You may specify multiple password reset configurations if you have more | than one user table or model in the application and you want to have | separate password reset settings based on the specific user types. | | The expire time is the number of minutes that the reset token should be | considered valid. This security feature keeps tokens short-lived so | they have less time to be guessed. You may change this as needed. | */ 'passwords' => [ 'users' => [ 'provider' => 'users', 'table' => config('laravel_user_management.password_resets_table'), 'expire' => 60, ], ], ]; ``` 8. After all of the steps run these commands ordinary. ``` 5.1 php artisan migrate 5.2 php artisan db:seed ``` 9. If you want to use Vue.js, change "laravel_user_management" config file: ``` /** * IN THIS PACKAGE WE USE THE VUE.JS FOR PAGES IF YOU * WANT TO USE IT, ENABLE IT AND FOLLOW INSTALLATION STEPS IN README FILE. * **/ 'vue_theme' => true, ``` Then run this command again: ``` php artisan vendor:publish --provider="Mekaeil\LaravelUserManagement\LaravelUserManagementProvider" ``` Now follow USE VUE.JS FOR YOUR PROJECT section in bottom of this page. ## Important After vendor:publish files you should change user migration file, because we set mobile and email to nullable, one of them you want to set to username should not nullable in Database. ``` $table->string('email')->nullable()->unique(); $table->string('mobile')->nullable()->unique(); ``` ## Routes After install package you can set this routes on your admin panel: 1. Users Management: ``` [method type: GET, url: domain.com/admin/user-management/user ] admin.user_management.user.index [method type: GET, url: domain.com/admin/user-management/user/create ] admin.user_management.user.create [method type: POST, url: domain.com/admin/user-management/user/store ] admin.user_management.user.store [method type: GET, url: domain.com/admin/user-management/user/edit/{ID} ] admin.user_management.user.edit [method type: PUT, url: domain.com/admin/user-management/user/update/{ID} ] admin.user_management.user.update [method type: DELETE, url: domain.com/admin/user-management/user/delete/{ID} ] admin.user_management.user.delete [method type: PUT, url: domain.com/admin/user-management/user/restore/{ID} ] admin.user_management.user.restore ``` 2. Roles Management: ``` [method type: GET, url: domain.com/admin/user-management/role ] admin.user_management.role.index [method type: GET, url: domain.com/admin/user-management/role/create ] admin.user_management.role.create [method type: POST, url: domain.com/admin/user-management/role/store ] admin.user_management.role.store [method type: GET, url: domain.com/admin/user-management/role/edit/{ID} ] admin.user_management.role.edit [method type: PUT, url: domain.com/admin/user-management/role/update/{ID} ] admin.user_management.role.update [method type: DELETE, url: domain.com/admin/user-management/role/delete/{ID} ] admin.user_management.role.delete ``` 3. Permissions Management: ``` [method type: GET, url: domain.com/admin/user-management/permission ] admin.user_management.permission.index [method type: GET, url: domain.com/admin/user-management/permission/create ] admin.user_management.permission.create [method type: POST, url: domain.com/admin/user-management/permission/store ] admin.user_management.permission.store [method type: GET, url: domain.com/admin/user-management/permission/edit/{ID} ] admin.user_management.permission.edit [method type: PUT, url: domain.com/admin/user-management/permission/update/{ID} ] admin.user_management.permission.update [method type:DELETE, url:domain.com/admin/user-management/permission/delete/{ID} ] admin.user_management.permission.delete ``` 4. Departments Management: ``` [method type: GET, url: domain.com/admin/user-management/department ] admin.user_management.department.index [method type: GET, url: domain.com/admin/user-management/department/create ] admin.user_management.department.create [method type: POST, url: domain.com/admin/user-management/department/store ] admin.user_management.department.store [method type: GET, url: domain.com/admin/user-management/department/edit/{ID} ] admin.user_management.department.edit [method type: PUT, url: domain.com/admin/user-management/department/update/{ID} ] admin.user_management.department.update [method type:DELETE, url:domain.com/admin/user-management/department/delete/{ID} ] admin.user_management.department.delete ``` 5. Authentication ``` **** * IMPORTANT: THESE URL CAN BE CHANGE IN CONFIG FILE. * THESE URLS ARE DEFAULT. **** [method type: GET, url: domain.com/user/login ] auth.user.login [method type: POST, url: domain.com/user/login ] auth.user.login [method type: GET, url: domain.com/user/register ] auth.user.register [method type: POST, url: domain.com/user/register ] auth.user.register [method type: GET, url: domain.com/user/logout ] auth.user.logout ``` ## Demo 1. login and registration ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/login-register.jpg) 2. admin panel and create user ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/admin-panel.jpg)
![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/create-user.jpg) # USE VUE.JS FOR YOUR PROJECT If you want to use Vue.js for your project you can use the following installation instead of the bootstrap theme. After installing package follow this steps: ``` 1. npm install vue 2. Add this section to your package.json file: "dependencies": { "v-tooltip": "^2.0.2", "vue-carousel": "^0.18.0", "vue-clickaway": "^2.2.2", "vue-lazyload": "^1.3.3", "vue-material": "^1.0.0-beta-11", "vue-router": "^3.1.3" } ``` Add this command in webpack file: ``` mix.js('resources/js/mekaeils-package/main.js', 'public/mekaeils-package'); ``` Edit your config file: ``` /** * IN THIS PACKAGE WE USE THE VUE.JS FOR PAGES IF YOU * WANT TO USE IT, ENABLE IT AND FOLLOW INSTALLATION STEPS IN README FILE. * **/ 'vue_theme' => true, // true, false | default: false ``` ## VUE JS DEMO 1. App Vue ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/vuejs/home.jpg) 2. Login ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/vuejs/login.jpg) 3. Register ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/vuejs/register.jpg) 4. Material Kit Theme ![image](https://github.com/Mekaeil/LaravelUserManagement/blob/master/src/Public/mekaeils-package/images/vuejs/meterialKit.jpg) # UPDATES 0. UPDATE PACKAGE FOR NEW VERSION OF THE LARAVEL => LARAVEL 6 1. VUE.JS FOR AUTH AND OTHER PAGES. (just vuejs theme without functinality like Auth,...) # IN PROGRESS 1. Adding functionality Auth in Vuejs theme. 2. Edit structure method for API response. ## TEST With this command you can running the test. ``` ./vendor/bin/phpunit ``` ## License 1. The LaravelUserManagement is open-source software licensed under the [MIT license](https://opensource.org/licenses/MIT). 2. Admin Template(PurpleAdmin-Free-Admin-Template) By [Bootstrap Dash](https://github.com/BootstrapDash/PurpleAdmin-Free-Admin-Template) 3. Vue Material Kit By [Creative Tim](https://www.creative-tim.com/product/vue-material-kit) ================================================ FILE: composer.json ================================================ { "name": "mekaeil/laravel-user-management", "description": "With this package we can manage all of the users in our project.", "type": "package", "homepage": "https://mekaeil.me", "keywords": [ "Project", "laravel", "User Management", "Spatie", "laravel permission" ], "require": { "php": "^7.2.5|^8", "laravel/framework": "^5.5|^6.0|^7.0|^8.0|^9.0|^10.0", "spatie/laravel-permission": "^2.37|^3.0|^4.0|^5.0|^6.0" }, "require-dev": { "phpunit/phpunit": "^7.5|^8.0|^9.0|^10.0|^11.0", "mockery/mockery": "^1.0" }, "suggest": { "LaraPanel Framework": "Use the new version and refactored version here: https://github.com/weprodev/LaraPanel-Framework", "LaraPanel package": "Use the new version and refactored version here: https://github.com/weprodev/LaraPanel" }, "license": "MIT", "authors": [ { "name": "mekaeil", "email": "maikel1370@gmail.com" } ], "autoload": { "psr-4": { "Mekaeil\\LaravelUserManagement\\": "src" } }, "autoload-dev": { "psr-4": { "Mekaeil\\LaravelUserManagement\\Test\\": "tests" } }, "scripts": { "test": "phpunit" }, "extra": { "laravel": { "providers": [ "Mekaeil\\LaravelUserManagement\\LaravelUserManagementProvider" ] } } } ================================================ FILE: phpunit.xml.dist ================================================  ./tests ./src ./src/ ================================================ FILE: src/Config/laravel_user_management.php ================================================ 'users', // laravel_user_management.user_department_table 'user_department_table' => 'user_departments', /** * THIS TABLE IS NAME OF THE MANY TO MANY RELATIONAL TABLE * BETWEEN USERS TABLE & USER DEPARTMENTS TABLE * **/ // laravel_user_management.user_department_user_table 'user_department_user_table' => 'user_departments_users', // laravel_user_management.password_resets_table 'password_resets_table' => 'user_password_resets', // laravel_user_management.user_model 'user_model' => App\Entities\User::class, // laravel_user_management.row_list_per_page 'row_list_per_page' => 15, // laravel_user_management.admin_url 'admin_url' => env('APP_URL').'/admin', // laravel_user_management.logo_url 'logo_url' => env('APP_URL'). "/mekaeils-package/images/logo-user-management.jpg", 'auth' => [ // laravel_user_management.auth.enable 'enable' => true, // laravel_user_management.auth.login_url 'login_url' => 'user/login', // laravel_user_management.auth.register_url 'register_url' => 'user/register', // laravel_user_management.auth.logout_url 'logout_url' => 'user/logout', // laravel_user_management.auth.username 'username' => 'email', // email OR mobile /** * DEFAULT ROLE FOR USERS WANT TO REGISTER ON WEBSITE * YOU SHOULD DEFINE THIS ROLE IN SEEDER OR CREATE IT IN ADMIN PANEL * **/ // laravel_user_management.auth.user_default_role 'user_default_role' => 'User', /** * DEFAULT STATUS FOR USERS WANT TO REGISTER ON WEBSITE * IF IT'S SET ON 'PENDING' USER CAN NOT LOGIN IN WEBSITE * AND NEED TO ACCEPT BY ADMINISTRATOR * **/ // laravel_user_management.auth.default_user_status 'default_user_status' =>'accepted', /// 'pending','accepted','blocked' // laravel_user_management.auth.dashboard_route_name_user_redirection 'dashboard_route_name_user_redirection' => 'home' /// ** ROUTE NAME ** ], /** * IN THIS PACKAGE WE USE THE VUE.JS FOR PAGES IF YOU * WANT TO USE IT, ENABLE IT AND FOLLOW INSTALLATION STEPS IN README FILE. * **/ // laravel_user_management.vue_theme 'vue_theme' => false, // true, false | default: false ]; ================================================ FILE: src/Config/permission.php ================================================ [ /* * When using the "HasPermissions" trait from this package, we need to know which * Eloquent model should be used to retrieve your permissions. Of course, it * is often just the "Permission" model but you may use whatever you like. * * The model you want to use as a Permission model needs to implement the * `Spatie\Permission\Contracts\Permission` contract. */ // 'permission' => Spatie\Permission\Models\Permission::class, 'permission' => Spatie\Permission\Models\Permission::class, /* * When using the "HasRoles" trait from this package, we need to know which * Eloquent model should be used to retrieve your roles. Of course, it * is often just the "Role" model but you may use whatever you like. * * The model you want to use as a Role model needs to implement the * `Spatie\Permission\Contracts\Role` contract. */ // 'role' => Spatie\Permission\Models\Role::class, 'role' => Spatie\Permission\Models\Role::class, ], 'table_names' => [ /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your roles. We have chosen a basic * default value but you may easily change it to any table you like. */ 'roles' => 'roles', /* * When using the "HasPermissions" trait from this package, we need to know which * table should be used to retrieve your permissions. We have chosen a basic * default value but you may easily change it to any table you like. */ 'permissions' => 'permissions', /* * When using the "HasPermissions" trait from this package, we need to know which * table should be used to retrieve your models permissions. We have chosen a * basic default value but you may easily change it to any table you like. */ 'model_has_permissions' => 'model_has_permissions', /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your models roles. We have chosen a * basic default value but you may easily change it to any table you like. */ 'model_has_roles' => 'model_has_roles', /* * When using the "HasRoles" trait from this package, we need to know which * table should be used to retrieve your roles permissions. We have chosen a * basic default value but you may easily change it to any table you like. */ 'role_has_permissions' => 'role_has_permissions', ], 'column_names' => [ /* * Change this if you want to name the related model primary key other than * `model_id`. * * For example, this would be nice if your primary keys are all UUIDs. In * that case, name this `model_uuid`. */ 'model_morph_key' => 'model_id', ], /* * When set to true, the required permission/role names are added to the exception * message. This could be considered an information leak in some contexts, so * the default setting is false here for optimum safety. */ 'display_permission_in_exception' => false, 'cache' => [ /* * By default all permissions are cached for 24 hours to speed up performance. * When permissions or roles are updated the cache is flushed automatically. */ 'expiration_time' => \DateInterval::createFromDateString('24 hours'), /* * The cache key used to store all permissions. */ 'key' => 'spatie.permission.cache', /* * When checking for a permission against a model by passing a Permission * instance to the check, this key determines what attribute on the * Permissions model is used to cache against. * * Ideally, this should match your preferred way of checking permissions, eg: * `$user->can('view-posts')` would be 'name'. */ 'model_key' => 'name', /* * You may optionally indicate a specific cache driver to use for permission and * role caching using any of the `store` drivers listed in the cache.php config * file. Using 'default' here means to use the `default` set in cache.php. */ 'store' => 'default', ], ]; ================================================ FILE: src/Console/.gitkeep ================================================ ================================================ FILE: src/Contracts/UserManagementContracts.php ================================================ increments('id'); $table->string('first_name'); $table->string('last_name'); $table->string('email')->nullable()->unique(); $table->string('mobile')->nullable()->unique(); $table->string('password'); $table->enum('status',['pending','accepted','blocked'])->default('pending'); $table->boolean('email_verified')->default(false); $table->boolean('mobile_verified')->default(false); $table->rememberToken(); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { $table = config("laravel_user_management.users_table"); Schema::dropIfExists('users'); } private function createTable(array $data) { foreach($data as $item) { } } } ================================================ FILE: src/Database/Migrations/2019_01_01_222222_create_departments_table.php ================================================ increments('id'); $table->string('title')->unique(); $table->unsignedInteger('parent_id')->nullable(); $table->timestamps(); $table->foreign('parent_id') ->references('id') ->on($table) ->onUpdate('CASCADE') ->onDelete('CASCADE'); }); } /** * Reverse the migrations. * * @return void */ public function down() { $table = config("laravel_user_management.user_department_table"); Schema::dropIfExists($table); } } ================================================ FILE: src/Database/Migrations/2019_01_01_333333_create_user_department_users_table.php ================================================ unsignedInteger('user_id'); $table->unsignedInteger('department_id'); $table->foreign('department_id') ->references('id') ->on($departments_table) ->onUpdate('CASCADE') ->onDelete('CASCADE'); $table->foreign('user_id') ->references('id') ->on($users_table) ->onUpdate('CASCADE') ->onDelete('CASCADE'); }); } /** * Reverse the migrations. * * @return void */ public function down() { $table = config("laravel_user_management.user_department_user_table"); Schema::dropIfExists($table); } } ================================================ FILE: src/Database/Migrations/2019_01_01_444444_create_permission_tables.php ================================================ increments('id'); $table->string('name')->index(); $table->string('title')->nullable(); $table->string('guard_name'); $table->string('module')->nullable(); $table->text('description')->nullable(); $table->timestamps(); $table->unique(['name','guard_name']); }); Schema::create($tableNames['roles'], function (Blueprint $table) { $table->increments('id'); $table->string('name'); $table->string('title')->nullable(); $table->string('guard_name'); $table->text('description')->nullable(); $table->timestamps(); $table->unique(['name','guard_name']); }); Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames) { $table->unsignedInteger('permission_id'); $table->string('model_type'); $table->unsignedBigInteger($columnNames['model_morph_key']); $table->index([$columnNames['model_morph_key'], 'model_type', ]); $table->foreign('permission_id') ->references('id') ->on($tableNames['permissions']) ->onDelete('cascade'); $table->primary(['permission_id', $columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_permission_model_type_primary'); }); Schema::create($tableNames['model_has_roles'], function (Blueprint $table) use ($tableNames, $columnNames) { $table->unsignedInteger('role_id'); $table->string('model_type'); $table->unsignedBigInteger($columnNames['model_morph_key']); $table->index([$columnNames['model_morph_key'], 'model_type', ]); $table->foreign('role_id') ->references('id') ->on($tableNames['roles']) ->onDelete('cascade'); $table->primary(['role_id', $columnNames['model_morph_key'], 'model_type'], 'model_has_roles_role_model_type_primary'); }); Schema::create($tableNames['role_has_permissions'], function (Blueprint $table) use ($tableNames) { $table->unsignedInteger('permission_id'); $table->unsignedInteger('role_id'); $table->foreign('permission_id') ->references('id') ->on($tableNames['permissions']) ->onDelete('cascade'); $table->foreign('role_id') ->references('id') ->on($tableNames['roles']) ->onDelete('cascade'); $table->primary(['permission_id', 'role_id']); app('cache') ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null) ->forget(config('permission.cache.key')); }); } /** * Reverse the migrations. * * @return void */ public function down() { $tableNames = config('permission.table_names'); Schema::drop($tableNames['role_has_permissions']); Schema::drop($tableNames['model_has_roles']); Schema::drop($tableNames['model_has_permissions']); Schema::drop($tableNames['roles']); Schema::drop($tableNames['permissions']); } } ================================================ FILE: src/Database/Migrations/2019_02_02_555555_create_soft-delete_users_table.php ================================================ softDeletes(); $table->dropColumn('status'); }); Schema::table($table, function (Blueprint $table) { $table->enum('status',['pending','accepted','blocked','deleted'])->default('pending'); }); } /** * Reverse the migrations. * * @return void */ public function down() { $table = config("laravel_user_management.users_table"); Schema::table($table, function (Blueprint $table) { $table->dropColumn('deleted_at'); $table->dropColumn('status'); }); Schema::table($table, function (Blueprint $table) { $table->enum('status',['pending','accepted','blocked'])->default('pending'); }); } } ================================================ FILE: src/Database/Migrations/2019_10_17_110654_create_password_reset_table.php ================================================ string('email')->index(); $table->string('token'); $table->timestamp('created_at')->nullable(); }); } /** * Reverse the migrations. * * @return void */ public function down() { $table = config("laravel_user_management.password_resets_table"); Schema::dropIfExists($table); } } ================================================ FILE: src/Database/Seeders/.gitkeep ================================================ ================================================ FILE: src/Database/Seeders/Department/DepartmentTableSeeder.php ================================================ "Clients", 'parent' => '', ], ]; } ================================================ FILE: src/Database/Seeders/Department/MasterDepartmentTableSeeder.php ================================================ departmentRepository = $repository; } protected function getDepartments() { return $this->departments; } /** * Run the database seeds. * * @return void */ public function run() { Model::unguard(); $this->command->info('============================================================='); $this->command->info(' USER MODULE: INSERT DEPARTMENTS DATA'); $this->command->info('============================================================='); $this->command->info("\n"); foreach ($this->getDepartments() as $item) { $parent = null; if($item['parent'] != null) { $parent = $this->departmentRepository->findBy([ 'title' => $item['title'], ])->id; } $findDepartment = $this->departmentRepository->findBy([ 'title' => $item['title'], 'parent_id' => $parent ]); if ($findDepartment) { $this->command->info('THIS DEPARTMENT << ' . $item['title'] . '] >> EXISTED! UPDATING DATA ...'); $this->departmentRepository->update($findDepartment->id,[ 'title' => $item['title'], 'parent_id' => $parent, ]); continue; } $this->command->info('CREATING THIS DEPARTMENT <<' . $item['title'] . '] >> ...'); $this->departmentRepository->store([ 'title' => $item['title'], 'parent_id' => $parent, ]); } $this->command->info("\n"); $this->command->info('============================================================='); $this->command->info(' INSERTING DEPARTMENTS DATA FINALIZED!'); $this->command->info('============================================================='); $this->command->info("\n"); } } ================================================ FILE: src/Database/Seeders/Permission/MasterPermissionTableSeeder.php ================================================ permissionRepository = $repository; $this->roleRepository = $role; } protected function getPermissions(){ return $this->permissions; } /** * Run the database seeds. * * @return void */ public function run() { Model::unguard(); $this->command->info('=========================================================================='); $this->command->info('USER MANAGEMENT PACKAGE: INSERT PERMISSIONS DATA'); $this->command->info('YOU CAN ADD NEW PERMISSION IN "database/seeds/PermissionTableSeeder.php"'); $this->command->info('=========================================================================='); $this->command->info("\n"); $rolePermissions = array(); foreach ($this->getPermissions() as $permission) { /// WHEN WE NEED A PERMISSION FOR DIFFERENT GUARD NAMES ////////////////////////////////////////////////////////// if (is_array($permission['guard_name'])) { foreach ($permission['guard_name'] as $guard) { $rolePermissions = $this->setPermissions($permission,$guard); $this->command->info(' THIS PERMISSION <<' . array_keys($rolePermissions)[0] . ' >> ASSIGNED TO THESE ROLES <<<< '. implode(' - ', $rolePermissions[array_keys($rolePermissions)[0]]) . ' >>> GUARD NAME = ' . $guard); $permObject = $this->permissionRepository->findBy([ 'name' => array_keys($rolePermissions)[0], 'guard_name' => $guard ]); $permObject->syncRoles( $this->getRolesID($rolePermissions[array_keys($rolePermissions)[0]],$guard) ); } continue; } $rolePermissions = $this->setPermissions($permission,$permission['guard_name']); $this->guardName = $permission['guard_name']; /* |-------------------------------------------------------------------------- | UPDATE ROLE'S PERMISSIONS |-------------------------------------------------------------------------- | */ if (!empty($rolePermissions)) { $this->command->info("\n"); $this->command->info(' ********************************************* '); $this->command->info(' UPDATING ROLE\'S PERMISSIONS '); $this->command->info(' ********************************************* '); $this->command->info("\n"); foreach ($rolePermissions as $perm => $roles) { $this->command->info(' THIS PERMISSION <<' . $perm . ' >> ASSIGNED TO THESE ROLES <<<< '. implode(' - ', $roles) . ' >>> GUARD NAME = ' . $this->guardName); $permObject = $this->permissionRepository->findBy(['name' => $perm]); $permObject->syncRoles( $this->getRolesID($roles,$this->guardName) ); } $this->command->info("\n"); $this->command->info(' ********************************************* '); $this->command->info(' FINALIZED UPDATING ROLE\'S PERMISSIONS '); $this->command->info(' ********************************************* '); } } $this->command->info("\n"); $this->command->info('============================================================='); $this->command->info(' INSERTING PERMISSIONS FINALIZED!'); $this->command->info('============================================================='); $this->command->info("\n"); } private function setPermissions(array $permission , $guard = null) { $getGuard = $guard ?? $permission['guard_name']; $getPermission = $this->permissionRepository->findBy([ 'name' => $permission['name'], 'guard_name'=> $getGuard ]); if (! is_null($getPermission)) { $this->command->info('THIS PERMISSION << ' . $permission['name'] . ' >> EXISTED! UPDATING DATA ...'); $this->permissionRepository->update($getPermission->id,[ 'name' => $permission['name'], 'guard_name' => $guard ?? $permission['guard_name'], 'title' => isset($permission['title']) ? $permission['title'] : null , 'module' => isset($permission['module']) ? $permission['module'] : null , 'description' => isset($permission['description']) ? $permission['description'] : null , ]); $rolePermissions[$permission['name']] = array_values($permission['roles']) ?? null ; return $rolePermissions; } $this->command->info('CREATING THIS PERMISSION <<' . $permission['name'] . ' >> ...'); $this->permissionRepository->store([ 'name' => $permission['name'], 'guard_name' => $getGuard, 'title' => isset($permission['title']) ? $permission['title'] : null , 'module' => isset($permission['module']) ? $permission['module'] : null , 'description' => isset($permission['description']) ? $permission['description'] : null , ]); $rolePermissions[$permission['name']] = array_values($permission['roles']) ?? null ; return $rolePermissions; } private function getRolesID(array $roles, $guard) { $roleIDs = array(); foreach ($roles as $role) { $findRole = $this->roleRepository->findBy([ 'name' => $role, 'guard_name' => $guard ]); $roleIDs[] = $findRole ? $findRole->id : null; } return array_values($roleIDs); } } ================================================ FILE: src/Database/Seeders/Permission/PermissionTableSeeder.php ================================================ 'admin.manager', 'title' => 'Admin Panel', 'guard_name' => 'web', 'description' => 'This permission is for access to admin panel.', 'module' => 'User', 'roles' => [ 'Admin', ], ], ]; } ================================================ FILE: src/Database/Seeders/Role/MasterRoleTableSeeder.php ================================================ roleRepository = $repository; } protected function getRoles() { return $this->roles; } /** * Run the database seeds. * * @return void */ public function run() { Model::unguard(); $this->command->info('============================================================='); $this->command->info(' USER MODULE: INSERT ROLES DATA'); $this->command->info('============================================================='); $this->command->info("\n"); foreach ($this->getRoles() as $role) { $findRole = $this->roleRepository->findBy([ 'name' => $role['name'], 'guard_name' => $role['guard_name'] ]); if ($findRole) { $this->command->info('THIS ROLE << ' . $role['name'] .'['. $role['guard_name'] . '] >> EXISTED! UPDATING DATA ...'); $this->roleRepository->update($findRole->id,[ 'name' => $role['name'], 'title' => $role['title'], 'guard_name' => $role['guard_name'], 'description' => isset($role['description']) ? $role['description'] : null, ]); continue; } $this->command->info('CREATING THIS ROLE <<' . $role['name'] .'['. $role['guard_name'] . '] >> ...'); $this->roleRepository->store([ 'name' => $role['name'], 'title' => $role['title'], 'guard_name' => $role['guard_name'], 'description' => isset($role['description']) ? $role['description'] : null, ]); } $this->command->info("\n"); $this->command->info('============================================================='); $this->command->info(' INSERTING ROLES FINALIZED!'); $this->command->info('============================================================='); $this->command->info("\n"); } } ================================================ FILE: src/Database/Seeders/Role/RoleTableSeeder.php ================================================ "Admin", 'title' => "Administrator", 'guard_name' => "web", 'description' => "This role will assign to Administrator", ], [ 'name' => "User", 'title' => "User", 'guard_name' => "web", 'description' => "This role will assign to user.", ], ]; } ================================================ FILE: src/Database/Seeders/UserManagementDatabaseSeeder.php ================================================ setTable(config("laravel_user_management.user_department_table")); } protected $fillable = [ 'title', 'parent_id', ]; public function user() { return $this->hasMany(User::class); } public function parent() { return $this->hasOne(Department::class, 'parent_id', 'id'); } public function children() { return $this->belongsTo(Department::class,'parent_id','id'); } public function users() { $table = config("laravel_user_management.user_department_user_table"); return $this->belongsToMany( User::class, $table, 'department_id', 'user_id' ); } } ================================================ FILE: src/Entities/Permission.php ================================================ attributes['password'] = bcrypt($password); } public function __construct(array $attributes = []) { parent::__construct($attributes); $this->setTable(config("laravel_user_management.users_table")); } public function departments() { $table = config("laravel_user_management.user_department_user_table"); return $this->belongsToMany( Department::class, $table, 'user_id', 'department_id' ); } } ================================================ FILE: src/Entities/export/Department.php ================================================ attributes['password'] = bcrypt($password); // } } ================================================ FILE: src/Facade/UserManagement.php ================================================ departmentRepository = $department; $this->userRepository = $user; } public function index() { $departments = $this->departmentRepository->all(); return view('user-management.department.index', compact('departments')); } public function create() { $departments = $this->departmentRepository->all(); return view('user-management.department.create', compact('departments')); } public function edit(int $ID) { if($department = $this->departmentRepository->find($ID)) { $departments = $this->departmentRepository->all(); return view('user-management.department.edit', compact('department', 'departments')); } return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'danger', 'text' => 'Department does not exist!' ]); } public function store(StoreDepartment $request) { $parent = null; if($request->parent_id && $findDepartment = $this->departmentRepository->find($request->parent_id)) { $parent = $findDepartment->id; } $this->departmentRepository->store([ 'title' => $request->title, 'parent_id' => $parent, ]); return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'success', 'text' => "This department << $request->title >> created successfully." ]); } public function update(int $ID, UpdateDepartment $request) { if($department = $this->departmentRepository->find($ID)) { $parent = null; if($request->parent_id && $findDepartment = $this->departmentRepository->find($request->parent_id)) { $parent = $findDepartment->id; } $this->departmentRepository->update($ID,[ 'title' => $request->title, 'parent_id' => $parent, ]); return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'success', 'text' => "This department << $request->title >> updated successfully." ]); } return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'danger', 'text' => 'Department does not exist!' ]); } public function delete(int $ID) { if($department = $this->departmentRepository->find($ID)) { $this->departmentRepository->delete($ID); return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'warning', 'text' => 'Department deleted successfully!' ]); } return redirect()->route('admin.user_management.department.index')->with('message',[ 'type' => 'danger', 'text' => 'Department does not exist!' ]); } } ================================================ FILE: src/Http/Controllers/Admin/PermissionsController.php ================================================ permissionRepository = $permission; } public function index(Request $request) { $permissions = $this->permissionRepository->paginate(config('laravel_user_management.row_list_per_page')); return view('user-management.permission.index', compact('permissions')); } public function create() { return view('user-management.permission.create'); } public function edit(int $ID) { if($permission = $this->permissionRepository->find($ID)) { return view('user-management.permission.edit', compact('permission')); } return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'danger', 'text' => "This permission << $request->name >> does not exist!", ]); } public function store(StorePermission $request) { $this->permissionRepository->store([ 'name' => $request->name, 'title' => $request->title, 'module' => $request->module, 'guard_name' => $request->guard_name, 'description' => $request->description, ]); return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'success', 'text' => "This permission << $request->name >> created successfully!", ]); } public function update(int $ID, UpdatePermission $request) { if($permission = $this->permissionRepository->find($ID)) { $this->permissionRepository->update($ID,[ 'name' => $request->name, 'title' => $request->title, 'module' => $request->module, 'guard_name' => $request->guard_name, 'description' => $request->description, ]); return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'success', 'text' => "This permission << $request->name >> updated successfully!", ]); } return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'danger', 'text' => "This permission << $request->name >> does not exist!", ]); } public function delete(int $ID) { if($permission = $this->permissionRepository->find($ID)) { $name = $permission->name; $this->permissionRepository->delete($ID); return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'warning', 'text' => "This permission << $name >> deleted successfully!", ]); } return redirect()->route('admin.user_management.permission.index')->with('message',[ 'type' => 'danger', 'text' => "permission does not exist!", ]); } } ================================================ FILE: src/Http/Controllers/Admin/RolesController.php ================================================ permissionRepository = $permission; $this->roleRepository = $role; } public function index() { $roles = $this->roleRepository->all(); return view('user-management.role.index', compact('roles')); } public function create() { $permissions = $this->permissionRepository->all(); return view('user-management.role.create', compact('permissions')); } public function edit(int $ID) { if($role = $this->roleRepository->find($ID)) { $permissions = $this->permissionRepository->all(); $roleHasPermissions = array_column(json_decode($role->permissions, true), 'id'); return view('user-management.role.edit', compact('role', 'permissions', 'roleHasPermissions')); } return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'danger', 'text' => 'This role does not exist!' ]); } public function store(StoreRole $request) { $role = $this->roleRepository->store([ 'name' => $request->name, 'title' => $request->title, 'guard_name' => $request->guard_name, 'description' => $request->description, ]); if(! empty($request->permissions)) { $this->permissionRepository->setPermissionToRole($role->id, $request->permissions); } return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'success', 'text' => "his role << $request->name >> created successfully.", ]); } public function update(int $ID, UpdateRole $request) { if($role = $this->roleRepository->find($ID)) { $this->roleRepository->update($ID,[ 'name' => $request->name, 'title' => $request->title, 'guard_name' => $request->guard_name, 'description' => $request->description, ]); $permissions = $request->permissions ?? []; $this->permissionRepository->SyncPermToRole($role->id, $permissions); return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'success', 'text' => "This role << $request->name >> updated successfully.", ]); } return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'danger', 'text' => 'This role does not exist!' ]); } public function delete(int $ID) { if($this->roleRepository->find($ID)) { $this->roleRepository->delete($ID); return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'warning', 'text' => 'Role deleted successfully!' ]); } return redirect()->route('admin.user_management.role.index')->with('message',[ 'type' => 'danger', 'text' => 'This role does not exist!' ]); } } ================================================ FILE: src/Http/Controllers/Admin/UsersController.php ================================================ permissionRepository = $permission; $this->roleRepository = $role; $this->userRepository = $user; $this->departmentRepository = $department; } public function index() { // $users = $this->userRepository->all(); $users = $this->userRepository->allWithTrashed(); return view('user-management.user.index', compact('users')); } public function create() { $roles = $this->roleRepository->all(); $departments = $this->departmentRepository->all(); return view('user-management.user.create', compact('roles', 'departments')); } public function edit($ID) { if($user = $this->userRepository->find($ID)) { $roles = $this->roleRepository->all(); $departments = $this->departmentRepository->all(); $userHasRoles = $user->roles ? array_column(json_decode($user->roles, true), 'id') : []; $userHasDepartments = $user->departments ? array_column(json_decode($user->departments, true), 'id') : []; return view('user-management.user.edit', compact('roles', 'departments', 'user', 'userHasRoles', 'userHasDepartments')); } return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => 'This user does not exist!', ]); } public function store(StoreUser $request) { $user = $this->userRepository->store([ 'first_name' => $request->first_name, 'last_name' => $request->last_name, 'email' => $request->email, 'mobile' => $request->mobile, 'status' => $request->status ?? 'pending', 'password' => $request->password ]); $roles = $request->roles ?? []; $departments = $request->departments ?? []; $this->roleRepository->setRoleToMember($user, $roles); $this->departmentRepository->attachDepartment($user, $departments); return redirect()->route('admin.user_management.user.index')->with('message',[ 'type' => 'success', 'text' => 'َUser updated successfully!' ]); } public function update(int $ID, UpdateUser $request) { if($user = $this->userRepository->find($ID)) { $this->userRepository->update($ID, [ 'first_name' => $request->first_name, 'last_name' => $request->last_name, 'email' => $request->email, 'status' => $request->status, 'mobile' => $request->mobile, ]); $roles = $request->roles ?? []; $departments = $request->departments ?? []; if(count($departments) == 1 && $departments[0] == null) { $departments = []; } //// IF WE WANT TO CHANGE PASSWORD //////////////////////////////////////////////////////////// if($request->password) { $this->userRepository->update($ID, [ 'password' => bcrypt($request->password) ]); } //////////////////////////////////////////////////////////// $this->roleRepository->syncRoleToUser($user, $roles); $this->departmentRepository->syncDepartments($user, $departments); return redirect()->route('admin.user_management.user.index')->with('message',[ 'type' => 'success', 'text' => 'َUser updated successfully!' ]); } return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => 'This user does not exist!', ]); } public function delete($ID) { if($user = $this->userRepository->find($ID)) { //// soft delete $this->userRepository->update($ID, [ 'status' => 'deleted' ]); $user->delete(); return redirect()->route('admin.user_management.user.index')->with('message',[ 'type' => 'warning', 'text' => 'User Deleted successfully!' ]); } return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => 'This user does not exist!', ]); } public function restoreBackUser(int $ID) { if($this->userRepository->restoreUser($ID)) { $user = $this->userRepository->update($ID, [ 'status' => 'accepted', ]); return redirect()->route('admin.user_management.user.index')->with('message',[ 'type' => 'success', 'text' => 'User restored successfully!' ]); } return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => 'This user does not exist!', ]); } } ================================================ FILE: src/Http/Controllers/Admin/export/DepartmentsController.php ================================================ userRepository = $user; $this->roleRepository = $role; } public function loginForm() { return view('user-management.auth.login'); } public function registerForm() { return view('user-management.auth.register'); } public function login(UserLogin $request) { $username = config('laravel_user_management.auth.username'); $credentials = [$username => $request->{$username}, 'password' => $request->password, 'status' => 'accepted']; if (\Auth::attempt($credentials)) { $user = \Auth::user(); return redirect()->intended('/'); } $user = $this->userRepository->findBy(["$username" => $request->{$username}]); if($user && $user->status != 'accepted') { return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => trans('trans.your_account_does_not_activated') ]); } return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => trans('trans.username_or_password_wrong') ]); } public function register(UserRegistration $request) { $userDefaultRole = $this->roleRepository->findBy([ 'name' => config('laravel_user_management.auth.user_default_role') ]); if (!$userDefaultRole) { return redirect()->back()->with('message',[ 'type' => 'danger', 'text' => trans('trans.default_role_does_not_exist'), ]); } //// FOR ACTIVE ACCOUNT BASE PROJECT CONFIG ONE OF THE FIELDS [MOBILE, EMAIL] SHOULD BE REQUIRED $user = $this->userRepository->store([ 'first_name' => $request->first_name, 'last_name' => $request->last_name, 'email' => $request->email, 'password' => $request->password, 'mobile' => $request->mobile, 'status' => config('laravel_user_management.auth.default_user_status'), ]); /// ASSIGN DEFAULT ROLE TO USER $this->roleRepository->setRoleToMember($user, $userDefaultRole); \Auth::login($user); return redirect()->route(config('laravel_user_management.auth.dashboard_route_name_user_redirection')) ->with('message',[ 'type' => 'success', 'text' => trans('trans.account_created_successfully') ]); } public function logout(Request $request) { Auth::logout(); return redirect('/'); } } ================================================ FILE: src/Http/Controllers/Auth/export/AuthController.php ================================================ "required|unique:$table,title", 'parent_id' => "nullable|numeric|exists:$table,id" ]; } } ================================================ FILE: src/Http/Requests/Admin/StorePermission.php ================================================ 'required|unique:'. $tableNames['permissions'], 'title' => 'required|string', 'module' => 'nullable', 'guard_name' => 'nullable', 'description' => 'nullable', ]; } } ================================================ FILE: src/Http/Requests/Admin/StoreRole.php ================================================ "required|unique:".$tableNames['roles'].",name", 'title' => 'required|string', 'guard_name' => 'nullable', 'description' => 'nullable', 'permissions' => 'nullable|array', 'permissions.*' => 'nullable|exists:'. $tableNames['permissions']. ',name', ]; } } ================================================ FILE: src/Http/Requests/Admin/StoreUser.php ================================================ 'required|string', 'last_name' => 'required|string', 'email' => "nullable|email|unique:$userTable,email", 'mobile' => "required|unique:$userTable,mobile", 'password' => 'required|min:6', 'roles' => 'nullable|array', 'roles.*' => 'nullable|exists:'. $tableNames['roles']. ',name', 'departments' => 'nullable|array', 'departments.*' => "nullable|exists:$departmentTable,id", ]; } } ================================================ FILE: src/Http/Requests/Admin/UpdateDepartment.php ================================================ "required|unique:$table,title,". $this->ID, 'parent_id' => "nullable|numeric|exists:$table,id" ]; } } ================================================ FILE: src/Http/Requests/Admin/UpdatePermission.php ================================================ 'required|unique:'. $tableNames['permissions'] .',name,' . $this->ID, 'title' => 'required|string', 'module' => 'nullable', 'guard_name' => 'nullable', 'description' => 'nullable', ]; } } ================================================ FILE: src/Http/Requests/Admin/UpdateRole.php ================================================ "required|unique:".$tableNames['roles'].",name," . $this->ID, 'title' => 'required|string', 'guard_name' => 'nullable', 'description' => 'nullable', 'permissions' => 'nullable|array', 'permissions.*' => 'nullable|exists:'. $tableNames['permissions']. ',name', ]; } } ================================================ FILE: src/Http/Requests/Admin/UpdateUser.php ================================================ 'required|string', 'last_name' => 'required|string', 'email' => "nullable|email|unique:$userTable,email," . $this->ID, 'mobile' => "required|unique:$userTable,mobile," . $this->ID, 'password' => 'nullable|min:6', 'roles' => 'nullable|array', 'roles.*' => 'nullable|exists:'. $tableNames['roles']. ',name', 'departments' => 'nullable|array', 'departments.*' => "nullable|exists:$departmentTable,id", ]; } } ================================================ FILE: src/Http/Requests/Auth/UserLogin.php ================================================ "required" . ($username == 'mobile' ? '|numeric' : '|email'), 'password' => 'required', ]; } } ================================================ FILE: src/Http/Requests/Auth/UserRegistration.php ================================================ 'required|string', 'last_name' => 'required|string', "$username" => "required" . ($username == 'mobile' ? "|unique:$userTable,mobile" : "|email|unique:$userTable,email"), 'password' => 'required|confirmed|min:6', ]; } } ================================================ FILE: src/LaravelUserManagementProvider.php ================================================ loadRoutesFrom(base_path('routes/user_management.php')); } /// SET VIEW'S ROUTE $this->loadViewsFrom(base_path('views'), 'LaravelUserManagement'); /// SET MIGRATION'S ROUTE $this->loadMigrationsFrom(base_path('database/migrations')); /// PUBLISH SECTION //////////////////////////////////////////////////////////////////////////////////////////////////// /// ROUTE $this->publishes([ // ROUTE __DIR__ . '/Routes/user_management.php' => app_path('/../routes/user_management.php'), // CONFIGS __DIR__ . '/Config/laravel_user_management.php' => config_path('laravel_user_management.php'), __DIR__ . '/Config/permission.php' => config_path('permission.php'), // MIGRATIONS __DIR__ . '/Database/Migrations/' => database_path('migrations/'), // ENTITIES __DIR__ . '/Entities/export/' => app_path('Entities/'), // CONTROLLERS __DIR__ . '/Http/Controllers/Admin/export/' => app_path('Http/Controllers/UserManagement'), __DIR__ . '/Http/Controllers/Auth/export/' => app_path('Http/Controllers/UserManagement/Auth'), // SEEDS __DIR__ . '/Database/Seeders/Permission/PermissionTableSeeder.php' => database_path('seeds/PermissionTableSeeder.php'), __DIR__ . '/Database/Seeders/Role/RoleTableSeeder.php' => database_path('seeds/RoleTableSeeder.php'), __DIR__ . '/Database/Seeders/Department/DepartmentTableSeeder.php' => database_path('seeds/DepartmentTableSeeder.php'), // VIEWS __DIR__ . '/Resource/views/' => resource_path('views'), __DIR__ . '/Public/' => public_path('/'), // LANG __DIR__ . '/Resource/lang/en/' => resource_path('lang/en'), ]); if(config('laravel_user_management.vue_theme')) { $this->publishes([ // VUE.JS __DIR__ . '/Resource/js/mekaeils-package/' => resource_path('js/mekaeils-package'), ]); } } /** * Register services. * * @return void */ public function register() { /// BIND FOR FACADE PATTERN $this->app->bind('UserManagement', function(){ return new UserManagement(); }); /// BIND ABSTRACT TO CONCRETE (IOC CONTAINER WILL HANDLE IT) $this->app->bind(UserRepositoryInterface::class, UserRepository::class); $this->app->bind(DepartmentRepositoryInterface::class, DepartmentRepository::class); $this->app->bind(PermissionRepositoryInterface::class, PermissionRepository::class); $this->app->bind(RoleRepositoryInterface::class, RoleRepository::class); } } ================================================ FILE: src/Public/mekaeils-package/css/style.css ================================================ /*------------------------------------------------------------------ [Master Stylesheet] Project: Purple Admin Version: 2.0.0 -------------------------------------------------------------------*/ /*------------------------------------------------------------------- ===== Table of Contents ===== * Bootstrap functions * Template variables * SCSS Compass Functions * Boostrap Main SCSS * Template mixins + Animation Mixins + Background Mixins + Badge Mixins + Button Mixins + Miscellaneous Mixins + BlockQuote Mixins + Cards Mixins + Color Functions Mixins + Tooltips + popovers * Core Styles + Reset Styles + Fonts + Functions + Backgrounds + Sidebar + Navbar + Typography + Miscellaneous + Footer + Layouts + Utilities + Demo styles * Components + Badges + Boostrap Progress + Buttons + Cards + Checkboxes and Radios + Dropdowns + Forms + Icons + Lists + Preview + Tables * Landing screens + Auth -------------------------------------------------------------------*/ /*-------------------------------------------------------------------*/ /* === Import Bootstrap functions and variables === */ /*-------------------------------------------------------------------*/ /* === Import template variables === */ /*-------------------------------------------------------------------*/ /* === SCSS Compass Functions === */ @-moz-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-ms-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-ms-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-moz-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-o-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-ms-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-moz-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-webkit-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-o-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-ms-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-moz-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-o-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-ms-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-moz-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-webkit-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-o-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-ms-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-moz-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-webkit-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-o-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-ms-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-moz-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-webkit-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-o-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-ms-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-o-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-ms-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-o-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-ms-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-webkit-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-o-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-ms-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } /*-------------------------------------------------------------------*/ /* === Boostrap Main SCSS === */ /*! * Bootstrap v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #5E50F9; --indigo: #6610f2; --purple: #6a008a; --pink: #E91E63; --red: #f96868; --orange: #f2a654; --yellow: #f6e84e; --green: #46c35f; --teal: #58d8a3; --cyan: #57c7d4; --white: #ffffff; --gray: #6c757d; --gray-dark: #0f1531; --blue: #5E50F9; --indigo: #6610f2; --purple: #6a008a; --pink: #E91E63; --red: #f96868; --orange: #f2a654; --yellow: #f6e84e; --green: #46c35f; --teal: #58d8a3; --cyan: #57c7d4; --white: #ffffff; --gray: #434a54; --gray-light: #aab2bd; --gray-lighter: #e8eff4; --gray-lightest: #e6e9ed; --black: #000000; --primary: #b66dff; --secondary: #d8d8d8; --success: #1bcfb4; --info: #198ae3; --warning: #fed713; --danger: #fe7c96; --light: #f8f9fa; --dark: #3e4b5b; --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"; --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: transparent; } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #343a40; text-align: left; background-color: #fff; } [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: 700; } 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: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } 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:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.9375rem; padding-bottom: 0.9375rem; 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: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 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: 1.25rem; } .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: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; 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: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 20px; padding-left: 20px; 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: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .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: 20px; padding-left: 20px; } .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.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @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.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @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.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @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.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @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.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.9375rem; vertical-align: top; border-top: 1px solid #ebedf2; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ebedf2; } .table tbody + tbody { border-top: 2px solid #ebedf2; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #ebedf2; } .table-bordered th, .table-bordered td { border: 1px solid #ebedf2; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .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: #f2edf3; } .table-hover tbody tr:hover { background-color: #f2edf3; } .table-primary, .table-primary > th, .table-primary > td { background-color: #ebd6ff; } .table-hover .table-primary:hover { background-color: #dfbdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #dfbdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #f4f4f4; } .table-hover .table-secondary:hover { background-color: #e7e7e7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #e7e7e7; } .table-success, .table-success > th, .table-success > td { background-color: #bff2ea; } .table-hover .table-success:hover { background-color: #aaeee3; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #aaeee3; } .table-info, .table-info > th, .table-info > td { background-color: #bfdef7; } .table-hover .table-info:hover { background-color: #a8d2f4; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a8d2f4; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fff4bd; } .table-hover .table-warning:hover { background-color: #fff0a4; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fff0a4; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffdae2; } .table-hover .table-danger:hover { background-color: #ffc1ce; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffc1ce; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c9cdd1; } .table-hover .table-dark:hover { background-color: #bbc0c5; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #bbc0c5; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #ebedf2; } .table-dark { color: #fff; 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%; padding: 0.875rem 1.375rem; font-size: 1rem; line-height: 1; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 2px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #c9c8c8; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.875rem + 1px); padding-bottom: calc(0.875rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1; } .col-form-label-lg { padding-top: calc(0.94rem + 1px); padding-bottom: calc(0.94rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.875rem; padding-bottom: 0.875rem; margin-bottom: 0; line-height: 1; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .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 { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .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 { padding: 0.94rem 1.94rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .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: #9c9fa6; } .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: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #ffffff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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: #28a745; } .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: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .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: #34ce57; } .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 #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { 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.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #ffffff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #dc3545; } .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: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .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: #e4606d; } .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 #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { 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.2rem rgba(220, 53, 69, 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: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.875rem 2.5rem; font-size: 1rem; line-height: 1; border-radius: 0.1875rem; 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 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #b66dff; border-color: #b66dff; } .btn-primary:hover { color: #fff; background-color: #a347ff; border-color: #9d3aff; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #b66dff; border-color: #b66dff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #9d3aff; border-color: #962dff; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5); } .btn-secondary { color: #212529; background-color: #d8d8d8; border-color: #d8d8d8; } .btn-secondary:hover { color: #212529; background-color: #c5c5c5; border-color: #bfbfbf; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #d8d8d8; border-color: #d8d8d8; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #212529; background-color: #bfbfbf; border-color: #b8b8b8; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5); } .btn-success { color: #212529; background-color: #1bcfb4; border-color: #1bcfb4; } .btn-success:hover { color: #fff; background-color: #17ad97; border-color: #15a28d; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #212529; background-color: #1bcfb4; border-color: #1bcfb4; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #15a28d; border-color: #149783; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5); } .btn-info { color: #fff; background-color: #198ae3; border-color: #198ae3; } .btn-info:hover { color: #fff; background-color: #1575c1; border-color: #146eb5; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #198ae3; border-color: #198ae3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #146eb5; border-color: #1367aa; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5); } .btn-warning { color: #212529; background-color: #fed713; border-color: #fed713; } .btn-warning:hover { color: #212529; background-color: #eac301; border-color: #ddb901; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #fed713; border-color: #fed713; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ddb901; border-color: #d0ae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5); } .btn-danger { color: #212529; background-color: #fe7c96; border-color: #fe7c96; } .btn-danger:hover { color: #fff; background-color: #fe5678; border-color: #fe496d; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #212529; background-color: #fe7c96; border-color: #fe7c96; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fe496d; border-color: #fe3d63; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #3e4b5b; border-color: #3e4b5b; } .btn-dark:hover { color: #fff; background-color: #2f3844; border-color: #29323d; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #3e4b5b; border-color: #3e4b5b; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #29323d; border-color: #242c35; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5); } .btn-outline-primary { color: #b66dff; background-color: transparent; background-image: none; border-color: #b66dff; } .btn-outline-primary:hover { color: #fff; background-color: #b66dff; border-color: #b66dff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #b66dff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #b66dff; border-color: #b66dff; } .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.2rem rgba(182, 109, 255, 0.5); } .btn-outline-secondary { color: #d8d8d8; background-color: transparent; background-image: none; border-color: #d8d8d8; } .btn-outline-secondary:hover { color: #212529; background-color: #d8d8d8; border-color: #d8d8d8; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #d8d8d8; 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: #d8d8d8; border-color: #d8d8d8; } .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.2rem rgba(216, 216, 216, 0.5); } .btn-outline-success { color: #1bcfb4; background-color: transparent; background-image: none; border-color: #1bcfb4; } .btn-outline-success:hover { color: #212529; background-color: #1bcfb4; border-color: #1bcfb4; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1bcfb4; 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: #212529; background-color: #1bcfb4; border-color: #1bcfb4; } .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.2rem rgba(27, 207, 180, 0.5); } .btn-outline-info { color: #198ae3; background-color: transparent; background-image: none; border-color: #198ae3; } .btn-outline-info:hover { color: #fff; background-color: #198ae3; border-color: #198ae3; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #198ae3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #198ae3; border-color: #198ae3; } .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.2rem rgba(25, 138, 227, 0.5); } .btn-outline-warning { color: #fed713; background-color: transparent; background-image: none; border-color: #fed713; } .btn-outline-warning:hover { color: #212529; background-color: #fed713; border-color: #fed713; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fed713; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #fed713; border-color: #fed713; } .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.2rem rgba(254, 215, 19, 0.5); } .btn-outline-danger { color: #fe7c96; background-color: transparent; background-image: none; border-color: #fe7c96; } .btn-outline-danger:hover { color: #212529; background-color: #fe7c96; border-color: #fe7c96; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fe7c96; 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: #212529; background-color: #fe7c96; border-color: #fe7c96; } .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.2rem rgba(254, 124, 150, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #3e4b5b; background-color: transparent; background-image: none; border-color: #3e4b5b; } .btn-outline-dark:hover { color: #fff; background-color: #3e4b5b; border-color: #3e4b5b; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #3e4b5b; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #3e4b5b; border-color: #3e4b5b; } .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.2rem rgba(62, 75, 91, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 1rem 3rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; } .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: 1rem; color: #343a40; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ebedf2; border-radius: 0.25rem; } .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 #ebedf2; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #343a40; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .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.875rem; color: #343a40; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #343a40; } .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: 1.875rem; padding-left: 1.875rem; } .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: 0.6075rem; padding-left: 0.6075rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 2.25rem; padding-left: 2.25rem; } .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:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .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: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.875rem 1.375rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 2px; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .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.5rem; padding-left: 1.5rem; } .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: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .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.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .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='%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"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .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='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .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='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 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.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #ffffff; } .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.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 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: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #80bdff; } .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.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; 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::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-webkit-slider-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-moz-range-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-ms-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .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: 1px solid #ebedf2; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px 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: #ebedf2 #ebedf2 #ebedf2; } .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: #343a40; background-color: #ffffff; border-color: #ebedf2 #ebedf2 #ffffff; } .nav-tabs .dropdown-menu { margin-top: -1px; 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: #fff; background-color: #007bff; } .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.5rem 1rem; } .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.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; 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: 1.25rem; line-height: 1; background-color: transparent; border: 1px 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: 0.5rem; padding-left: 0.5rem; } .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: 0.5rem; padding-left: 0.5rem; } .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: 0.5rem; padding-left: 0.5rem; } .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: 0.5rem; padding-left: 0.5rem; } .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: 0.5rem; padding-left: 0.5rem; } .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(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 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(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .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(0, 0, 0, 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(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .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.5)' 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.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.3125rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .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.3125rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } .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: 0.75rem; } @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.56rem 1.13rem; margin-bottom: 1rem; list-style: none; background-color: transparent; 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: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #495057; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .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: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; 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.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #b66dff; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #9d3aff; } .badge-secondary { color: #212529; background-color: #d8d8d8; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #212529; text-decoration: none; background-color: #bfbfbf; } .badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { color: #212529; background-color: #1bcfb4; } .badge-success[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:hover, .badge-success[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:focus { color: #212529; text-decoration: none; background-color: #15a28d; } .badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { color: #fff; background-color: #198ae3; } .badge-info[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:hover, .badge-info[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:focus { color: #fff; text-decoration: none; background-color: #146eb5; } .badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { color: #212529; background-color: #fed713; } .badge-warning[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:hover, .badge-warning[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:focus { color: #212529; text-decoration: none; background-color: #ddb901; } .badge-danger { color: #212529; background-color: #fe7c96; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #212529; text-decoration: none; background-color: #fe496d; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #3e4b5b; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #29323d; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #5f3985; background-color: #f0e2ff; border-color: #ebd6ff; } .alert-primary hr { border-top-color: #dfbdff; } .alert-primary .alert-link { color: #462a61; } .alert-secondary { color: #707070; background-color: #f7f7f7; border-color: #f4f4f4; } .alert-secondary hr { border-top-color: #e7e7e7; } .alert-secondary .alert-link { color: #575757; } .alert-success { color: #0e6c5e; background-color: #d1f5f0; border-color: #bff2ea; } .alert-success hr { border-top-color: #aaeee3; } .alert-success .alert-link { color: #083f37; } .alert-info { color: #0d4876; background-color: #d1e8f9; border-color: #bfdef7; } .alert-info hr { border-top-color: #a8d2f4; } .alert-info .alert-link { color: #082c48; } .alert-warning { color: #84700a; background-color: #fff7d0; border-color: #fff4bd; } .alert-warning hr { border-top-color: #fff0a4; } .alert-warning .alert-link { color: #554806; } .alert-danger { color: #84404e; background-color: #ffe5ea; border-color: #ffdae2; } .alert-danger hr { border-top-color: #ffc1ce; } .alert-danger .alert-link { color: #622f3a; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #20272f; background-color: #d8dbde; border-color: #c9cdd1; } .alert-dark hr { border-top-color: #bbc0c5; } .alert-dark .alert-link { color: #0b0e11; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; 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: 1rem 1rem; } .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: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .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: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .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: #5f3985; background-color: #ebd6ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #5f3985; background-color: #dfbdff; } .list-group-item-primary.list-group-item-action.active { color: #ffffff; background-color: #5f3985; border-color: #5f3985; } .list-group-item-secondary { color: #707070; background-color: #f4f4f4; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #707070; background-color: #e7e7e7; } .list-group-item-secondary.list-group-item-action.active { color: #ffffff; background-color: #707070; border-color: #707070; } .list-group-item-success { color: #0e6c5e; background-color: #bff2ea; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0e6c5e; background-color: #aaeee3; } .list-group-item-success.list-group-item-action.active { color: #ffffff; background-color: #0e6c5e; border-color: #0e6c5e; } .list-group-item-info { color: #0d4876; background-color: #bfdef7; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0d4876; background-color: #a8d2f4; } .list-group-item-info.list-group-item-action.active { color: #ffffff; background-color: #0d4876; border-color: #0d4876; } .list-group-item-warning { color: #84700a; background-color: #fff4bd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #84700a; background-color: #fff0a4; } .list-group-item-warning.list-group-item-action.active { color: #ffffff; background-color: #84700a; border-color: #84700a; } .list-group-item-danger { color: #84404e; background-color: #ffdae2; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #84404e; background-color: #ffc1ce; } .list-group-item-danger.list-group-item-action.active { color: #ffffff; background-color: #84404e; border-color: #84404e; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #ffffff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #20272f; background-color: #c9cdd1; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #20272f; background-color: #bbc0c5; } .list-group-item-dark.list-group-item-action.active { color: #ffffff; background-color: #20272f; border-color: #20272f; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.4s ease; 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% - (10px * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #f2edf3; background-clip: padding-box; border: 1px solid #ebedf2; border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #ebedf2; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 15px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 15px; border-top: 1px solid #ebedf2; } .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: 30px auto; } .modal-dialog-centered { min-height: calc(100% - (30px * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 90%; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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: #000; } .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: #000; } .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: #000; } .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: #000; } .tooltip-inner { max-width: 200px; padding: 0.4rem 0.75rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.375rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .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.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 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.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 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.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 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.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 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.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .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: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; 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='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .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: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; 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: #b66dff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #9d3aff !important; } .bg-secondary { background-color: #d8d8d8 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #bfbfbf !important; } .bg-success { background-color: #1bcfb4 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #15a28d !important; } .bg-info { background-color: #198ae3 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #146eb5 !important; } .bg-warning { background-color: #fed713 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ddb901 !important; } .bg-danger { background-color: #fe7c96 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #fe496d !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #3e4b5b !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #29323d !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #ebedf2 !important; } .border-top { border-top: 1px solid #ebedf2 !important; } .border-right { border-right: 1px solid #ebedf2 !important; } .border-bottom { border-bottom: 1px solid #ebedf2 !important; } .border-left { border-left: 1px solid #ebedf2 !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: #b66dff !important; } .border-secondary { border-color: #d8d8d8 !important; } .border-success { border-color: #1bcfb4 !important; } .border-info { border-color: #198ae3 !important; } .border-warning { border-color: #fed713 !important; } .border-danger { border-color: #fe7c96 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #3e4b5b !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, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link, .navbar.horizontal-boxed-layout-navbar .navbar-top, .navbar.horizontal-full-width-layout-navbar .navbar-top, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item .nav-link, .navbar.horizontal-full-width-layout-navbar .navbar-bottom, .navbar.horizontal-full-width-layout-navbar .navbar-bottom .page-title-wrapper, .page-header { 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.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row, .navbar.horizontal-boxed-layout-navbar .navbar-top, .navbar.horizontal-boxed-layout-navbar .navbar-bottom .navbar-nav, .navbar.horizontal-full-width-layout-navbar .navbar-top, .navbar.horizontal-full-width-layout-navbar .navbar-bottom, .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav { flex-direction: row !important; } .flex-column, .navbar.horizontal-boxed-layout-navbar, .navbar.horizontal-full-width-layout-navbar { 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, .navbar.horizontal-boxed-layout-navbar .navbar-top, .page-header { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end, .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills { align-items: flex-end !important; } .align-items-center, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item .nav-link, .navbar.horizontal-full-width-layout-navbar .navbar-bottom .page-title-wrapper, .page-header { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch, .navbar.horizontal-boxed-layout-navbar, .navbar.horizontal-full-width-layout-navbar, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav.navbar-nav-left { 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, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item.nav-profile { 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(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .rtl .navbar.default-layout-navbar .navbar-menu-wrapper .search-field, .rtl .preview-list .preview-item .preview-thumbnail .preview-icon i, .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, .template-demo > .btn-group, .template-demo > .btn-group-vertical, .my-2 { margin-top: 0.5rem !important; } .mr-2, .template-demo > .btn-group, .template-demo > .btn-group-vertical, .template-demo > .dropdown, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .btn-toolbar .btn-group + .btn-group, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .template-demo > .btn, .template-demo > .btn-toolbar, .my-3 { margin-top: 1rem !important; } .mr-3, .template-demo > .btn, .template-demo > .btn-toolbar, .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, .rtl .navbar.default-layout-navbar .navbar-menu-wrapper .search-field, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #ffffff !important; } .text-primary { color: #b66dff !important; } a.text-primary:hover, a.text-primary:focus { color: #9d3aff !important; } .text-secondary { color: #d8d8d8 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #bfbfbf !important; } .text-success { color: #1bcfb4 !important; } a.text-success:hover, a.text-success:focus { color: #15a28d !important; } .text-info { color: #198ae3 !important; } a.text-info:hover, a.text-info:focus { color: #146eb5 !important; } .text-warning { color: #fed713 !important; } a.text-warning:hover, a.text-warning:focus { color: #ddb901 !important; } .text-danger { color: #fe7c96 !important; } a.text-danger:hover, a.text-danger:focus { color: #fe496d !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #3e4b5b !important; } a.text-dark:hover, a.text-dark:focus { color: #29323d !important; } .text-body { color: #343a40 !important; } .text-muted, .preview-list .preview-item .preview-item-content p .content-category { color: #9c9fa6 !important; } .text-black-50 { color: rgba(0, 0, 0, 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: 1px 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: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #ffffff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #ebedf2; } .table .thead-dark th { color: inherit; border-color: #ebedf2; } } /*-------------------------------------------------------------------*/ /* === Template mixins === */ /* Miscellaneous Mixins */ /* Animation Mixins */ @keyframes dropdownAnimation { from { opacity: 0; transform: translate3d(0, -30px, 0); } to { opacity: 1; transform: none; transform: translate3d(0, 0px, 0); } } .dropdownAnimation, .navbar .navbar-menu-wrapper .dropdown .dropdown-menu { animation-name: dropdownAnimation; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } .infinite-spin { animation-name: spin; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } /*-------------------------------------------------------------------*/ /* === Core Styles === */ /* Reset Styles */ body { padding: 0; margin: 0; overflow-x: hidden; } .form-control, .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; } .form-control { box-shadow: none; } .form-control:focus { outline: 0; box-shadow: none; } a, div, h1, h2, h3, h4, h5, p, span { text-shadow: none; } [type=button]:focus, a:active, a:focus, a:visited, button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, select::-moz-focus-inner { outline: 0; } input, .form-control:focus, input:focus, select:focus, textarea:focus, button:focus { outline: none; outline-width: 0; outline-color: transparent; box-shadow: none; outline-style: none; } textarea { resize: none; overflow-x: hidden; } .btn, .btn-group.open .dropdown-toggle, .btn:active, .btn:focus, .btn:hover, .btn:visited, a, a:active, a:checked, a:focus, a:hover, a:visited, body, button, button:active, button:hover, button:visited, div, input, input:active, input:focus, input:hover, input:visited, select, select:active, select:focus, select:visited, textarea, textarea:active, textarea:focus, textarea:hover, textarea:visited { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button, button:active, button:checked, button:focus, button:hover, button:visited { outline: 0; outline-offset: 0; } .bootstrap-select .dropdown-toggle:focus { outline: 0; outline-offset: 0; } .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited { outline: 0; } a:focus, input:focus { border-color: transparent; outline: none; } /* Fonts */ @font-face { font-family: 'ubuntu-light'; src: url("../fonts/Ubuntu/Ubuntu-Light.eot"); /* IE9 Compat Modes */ src: url("../fonts/Ubuntu/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Light.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype"); } @font-face { font-family: 'ubuntu-regular'; src: url("../fonts/Ubuntu/Ubuntu-Regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/Ubuntu/Ubuntu-Regular.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Regular.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype"); } @font-face { font-family: 'ubuntu-medium'; src: url("../fonts/Ubuntu/Ubuntu-Medium.eot"); /* IE9 Compat Modes */ src: url("../fonts/Ubuntu/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Medium.ttf") format("truetype"); } @font-face { font-family: 'ubuntu-bold'; src: url("../fonts/Ubuntu/Ubuntu-Bold.eot"); /* IE9 Compat Modes */ src: url("../fonts/Ubuntu/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype"); } /* Backgrounds */ .bg-gradient-primary { background: linear-gradient(to right, #da8cff, #9a55ff); } .bg-gradient-secondary { background: linear-gradient(to right, #e7ebf0, #868e96); } .bg-gradient-success { background: linear-gradient(to right, #84d9d2, #07cdae); } .bg-gradient-info { background: linear-gradient(to right, #90caf9, #047edf 99%); } .bg-gradient-warning { background: linear-gradient(to right, #f6e384, #ffd500); } .bg-gradient-danger { background: linear-gradient(to right, #ffbf96, #fe7096); } .bg-gradient-light { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); } .bg-gradient-dark { background: linear-gradient(89deg, #5e7188, #3e4b5b); } .sidebar-grdient-dark { background: #6a008a; background: -moz-linear-gradient(top, #6a008a 0%, #6a008a 20%, #fa0053 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #6a008a), color-stop(20%, #6a008a), color-stop(100%, #fa0053)); background: -webkit-linear-gradient(top, #6a008a 0%, #6a008a 20%, #fa0053 100%); background: -o-linear-gradient(top, #6a008a 0%, #6a008a 20%, #fa0053 100%); background: -ms-linear-gradient(top, #6a008a 0%, #6a008a 20%, #fa0053 100%); background: linear-gradient(to bottom, #6a008a 0%, #6a008a 20%, #fa0053 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a008a', endColorstr='#fa0053', GradientType=0 ); color: #ffffff; } /* Sidebar */ .sidebar { min-height: calc(100vh - 70px); background: #ffffff; font-family: "ubuntu-regular", sans-serif; padding: 0; width: 260px; z-index: 11; transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; } .sidebar .nav { overflow: hidden; flex-wrap: nowrap; flex-direction: column; margin-bottom: 60px; } .sidebar .nav .nav-item { padding: 0 2.25rem; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; transition-property: background; -webkit-transition-property: background; } .sidebar .nav .nav-item .collapse { z-index: 999; } .sidebar .nav .nav-item .nav-link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; white-space: nowrap; padding: 1.125rem 0 1.125rem 0; color: #3e4b5b; -webkit-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; transition-property: color; -webkit-transition-property: color; } .sidebar .nav .nav-item .nav-link i { color: inherit; } .sidebar .nav .nav-item .nav-link i.menu-icon { font-size: 1.125rem; line-height: 1; margin-left: auto; color: #bba8bff5; } .sidebar .nav .nav-item .nav-link i.menu-icon:before { vertical-align: middle; } .sidebar .nav .nav-item .nav-link i.menu-arrow { font: normal normal normal 24px/1 "Material Design Icons"; line-height: 1; font-size: 1.125rem; margin-left: auto; color: #9e9da0; } .sidebar .nav .nav-item .nav-link i.menu-arrow:before { content: "\f141"; font-size: inherit; color: inherit; } .sidebar .nav .nav-item .nav-link i.menu-arrow + .menu-icon { margin-left: .25rem; } .sidebar .nav .nav-item .nav-link .menu-title { color: inherit; display: inline-block; font-size: 0.875rem; line-height: 1; vertical-align: middle; } .sidebar .nav .nav-item .nav-link .badge { margin-right: auto; margin-left: 1rem; } .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before { content: "\f140"; } .sidebar .nav .nav-item.active { background: #ffffff; } .sidebar .nav .nav-item.active > .nav-link .menu-title { color: #b66dff; font-family: "ubuntu-medium", sans-serif; } .sidebar .nav .nav-item.active > .nav-link i { color: #b66dff; } .sidebar .nav .nav-item:hover { background: #fcfcfc; } .sidebar .nav .nav-item.nav-profile .nav-link { height: auto; line-height: 1; border-top: 0; padding: 1.25rem 0; } .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image { width: 44px; height: 44px; } .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img { width: 44px; height: 44px; border-radius: 100%; } .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text { margin-left: 1rem; } .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge { font-size: 1.125rem; margin-left: auto; } .sidebar .nav .nav-item.sidebar-actions { margin-top: 1rem; } .sidebar .nav .nav-item.sidebar-actions .nav-link { border-top: 0; display: block; height: auto; } .sidebar .nav .nav-item.sidebar-actions:hover { background: initial; } .sidebar .nav .nav-item.sidebar-actions:hover .nav-link { color: initial; } .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link { color: #29323d; } .sidebar .nav.sub-menu { margin-bottom: 20px; margin-top: 0; list-style: none; } .sidebar .nav.sub-menu .nav-item { padding: 0; } .sidebar .nav.sub-menu .nav-item .nav-link { color: #888; padding: 0.75rem 2rem 0.75rem 2rem; position: relative; font-size: 0.8125rem; line-height: 1; height: auto; border-top: 0; } .sidebar .nav.sub-menu .nav-item .nav-link:before { content: "\F054"; font-family: "Material Design Icons"; display: block; position: absolute; left: 0px; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #a2a2a2; font-size: .75rem; } .sidebar .nav.sub-menu .nav-item .nav-link.active { color: #b66dff; background: transparent; } .sidebar .nav.sub-menu .nav-item .nav-link:hover { color: #555555; } .sidebar .nav.sub-menu .nav-item:hover { background: transparent; } /* style for off-canvas menu*/ @media screen and (max-width: 991px) { .sidebar-offcanvas { position: fixed; max-height: calc(100vh - 70px); top: 70px; bottom: 0; overflow: auto; right: -260px; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .sidebar-offcanvas.active { right: 0; } } /* Navbar */ .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini { display: none; } .navbar .navbar-menu-wrapper .count-indicator { position: relative; } .navbar .navbar-menu-wrapper .count-indicator .count-symbol, .navbar .navbar-menu-wrapper .count-indicator .count-number { position: absolute; border-radius: 100%; border: 2px solid #ffffff; } .navbar .navbar-menu-wrapper .count-indicator .count-symbol { top: 17px; right: -3px; width: 10px; height: 10px; } .navbar .navbar-menu-wrapper .count-indicator .count-number { min-width: 14px; height: 14px; font-size: .5rem; color: #ffffff; bottom: 16px; right: -5px; line-height: 1; text-align: center; } .navbar .navbar-menu-wrapper .count-indicator:after { display: none; } .navbar .navbar-menu-wrapper .dropdown .dropdown-toggle:after { color: #b66dff; font-size: 1rem; } .navbar .navbar-menu-wrapper .navbar-nav { flex-direction: row; align-items: center; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown { position: absolute; font-size: 0.9rem; margin-top: 0; right: 0; left: auto; padding: 0; } .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown { right: auto; left: 0; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item { margin-bottom: 0; padding: 11px 13px; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i { font-size: 17px; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis { max-width: 200px; overflow: hidden; text-overflow: ellipsis; } .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i { margin-left: 10px; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider { margin: 0; } @media (max-width: 991px) { .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown { position: static; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown { left: 20px; right: 20px; top: 70px; width: calc(100% - 40px); } } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img { position: relative; width: 32px; height: 32px; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img { width: 32px; height: 32px; border-radius: 100%; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status { position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 2px solid #ffffff; bottom: 5px; right: -5px; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online { background: #1bcfb4; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline { background: #fe7c96; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy { background: #fed713; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text { margin-left: 1.25rem; } .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text { margin-left: 0; margin-right: 1.25rem; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p { line-height: 1; } @media (max-width: 767px) { .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text { display: none; } } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after { line-height: 2; } @media (min-width: 992px) { .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right { margin-left: auto; } .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right { margin-left: 0; margin-right: auto; } } .navbar.default-layout-navbar { font-family: "ubuntu-light", sans-serif; background: #ffffff; transition: background 0.25s ease; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; } .navbar.default-layout-navbar .navbar-brand-wrapper { transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; background: #ffffff; width: 260px; height: 70px; } .sidebar-light .navbar.default-layout-navbar .navbar-brand-wrapper { background: #ffffff; } @media (max-width: 991px) { .navbar.default-layout-navbar .navbar-brand-wrapper { width: 55px; } } .navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand { color: #27367f; font-size: 1.5rem; line-height: 48px; margin-right: 0; padding: .25rem 0; width: 100%; } .navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand:active, .navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand:hover { color: #1b2658; } .navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img { /* width: calc(260px - 120px); max-width: 100%; height: 28px; margin: auto; vertical-align: middle; */ width: 100%; height: auto; margin: auto; vertical-align: middle; } .navbar.default-layout-navbar .navbar-brand-wrapper .brand-logo-mini img { width: calc(70px - 50px); max-width: 100%; height: 28px; margin: auto; } .navbar.default-layout-navbar .navbar-menu-wrapper { transition: width 0.25s ease; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; color: #9c9fa6; padding-left: 24px; padding-right: 24px; width: calc(100% - 260px); height: 70px; } @media (max-width: 991px) { .navbar.default-layout-navbar .navbar-menu-wrapper { width: auto; padding-left: 15px; padding-right: 15px; } } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-toggler { border: 0; color: inherit; height: 70px; border-radius: 0px; padding-left: 5px; padding-right: 20px; } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { font-size: 1.5rem; } @media (max-width: 991px) { .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { display: none; } } @media (max-width: 991px) { .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right { padding-left: 15px; padding-right: 11px; border-right: none; } } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input { font-size: 0.875rem; padding: .5rem; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder { font-size: 0.875rem; color: #9c9fa6; font-family: "ubuntu-light", sans-serif; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder { font-size: 0.875rem; color: #9c9fa6; font-family: "ubuntu-light", sans-serif; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder { font-size: 0.875rem; color: #9c9fa6; font-family: "ubuntu-light", sans-serif; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder { font-size: 0.875rem; color: #9c9fa6; font-family: "ubuntu-light", sans-serif; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group i { font-size: 17px; margin-right: 0; color: #9c9fa6; } .navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group .input-group-text { background: transparent; } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { color: inherit; font-size: 0.875rem; margin-left: 1.5rem; margin-right: 1.5rem; height: 70px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { margin-left: .8rem; margin-right: .8rem; } } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i { font-size: 1.25rem; } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings { padding-left: 20px; padding-right: 5px; } .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link { margin-right: 0; margin-left: 0; } .navbar.default-layout-navbar .navbar-menu-wrapper .dropdown-menu { border: none; border-radius: 5px; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); } .navbar.horizontal-boxed-layout-navbar { background: #f6f8fa; padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar { padding-left: 2rem; padding-right: 2rem; } } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-brand.brand-logo img { width: 180px; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-brand.brand-logo-mini img { width: 40px; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item { margin-right: 1rem; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item .nav-link { color: #9c9fa6; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item:not(.nav-search):not(.nav-profile) .nav-link { background: #ffffff; border: 1px solid #ebedf2; width: 42px; height: 42px; text-align: center; padding: 0; border-radius: 50px; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item:not(.nav-search):not(.nav-profile) .nav-link i { font-size: 1.25rem; line-height: 42px; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-search .search-field { border-radius: 50px; border: 1px solid #ebedf2; background: #ffffff; height: 42px; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-search .search-field .input-group-text, .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-search .search-field .form-control, .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-search .search-field .input-group-prepend { border: 0; background: transparent; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-search .search-field .input-group-text { padding-left: 1rem; padding-right: 1rem; font-size: 1.25rem; color: #9c9fa6; } .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-profile { margin-left: 5rem; margin-right: 0; } @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav-right .nav-item.nav-profile { margin-left: 0; } } .navbar.horizontal-boxed-layout-navbar .navbar-middle { margin-top: .125rem; } .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills { padding-bottom: .5rem; } .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills .nav-item { margin-right: 10px; } .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills .nav-item .nav-link { padding: 1rem 1.25rem; color: #9c9fa6; background: #ffffff; border-radius: 6px; line-height: 1; font-family: "ubuntu-bold", sans-serif; } @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills .nav-item .nav-link { border-radius: 0; } } .navbar.horizontal-boxed-layout-navbar .navbar-middle .nav-pills .nav-item .nav-link.active { background: linear-gradient(to right, #da8cff, #9a55ff); box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); color: #ffffff; border: 0; } .navbar.horizontal-boxed-layout-navbar .navbar-middle .navbar-nav .nav-item { margin-left: 2rem; } @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar .navbar-middle .navbar-nav .nav-item { margin-left: 1rem; } } .navbar.horizontal-boxed-layout-navbar .navbar-bottom { background: linear-gradient(to right, #da8cff, #9a55ff); box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); padding: .5rem 1rem; border-radius: 6px; } @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar .navbar-bottom .navbar-nav { display: block; } } .navbar.horizontal-boxed-layout-navbar .navbar-bottom .navbar-nav .nav-item { margin-left: 1rem; } .navbar.horizontal-boxed-layout-navbar .navbar-bottom .navbar-nav .nav-item .nav-link { color: #ffffff; padding: .75rem 1rem; line-height: 1; } .navbar.horizontal-boxed-layout-navbar .navbar-bottom .navbar-nav .nav-item .nav-link i { margin-right: 1rem; } .navbar.horizontal-full-width-layout-navbar { background: #ffffff; padding: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-brand-wrapper, .navbar.horizontal-full-width-layout-navbar .page-title-wrapper { width: 220px; } .navbar.horizontal-full-width-layout-navbar .navbar-top, .navbar.horizontal-full-width-layout-navbar .navbar-bottom { padding-left: 3.5rem; padding-right: 3.5rem; } .navbar.horizontal-full-width-layout-navbar .navbar-top { border-bottom: 1px solid #ebedf2; padding-top: 0; padding-bottom: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-brand img { width: 140px; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-brand.brand-logo-mini img { width: 40px; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav { margin-bottom: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { color: #9c9fa6; font-family: "ubuntu-bold", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.active { color: #000; border-bottom: 2px solid #b66dff; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu { margin-top: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav.navbar-nav-left .nav-item .nav-link { padding: 1.5rem 1rem; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item { margin-right: 2rem; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item.nav-profile { margin-right: 0; padding-left: 3rem; border-left: 1px solid #ebedf2; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom { padding-top: 1rem; padding-bottom: 1rem; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav.navbar-nav-left .nav-item { margin-left: 1rem; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav.navbar-nav-left .nav-item .nav-link { color: #9c9fa6; padding: .75rem 1rem; line-height: 1; font-family: "ubuntu-bold", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav.navbar-nav-left .nav-item .nav-link i { margin-right: 1rem; color: #b66dff; font-size: 1.125rem; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav.navbar-nav-left .nav-item .nav-link.active { color: #000; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search { margin-right: 1rem; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field .input-group-text, .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input { border: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field .input-group-text { font-size: 1.25rem; color: #9c9fa6; background: transparent; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input { padding-left: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input:-ms-input-placeholder { font-size: .875rem; color: #9c9fa6; font-family: "ubuntu-regular", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input:-moz-placeholder { font-size: .875rem; color: #9c9fa6; font-family: "ubuntu-regular", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input::-moz-placeholder { font-size: .875rem; color: #9c9fa6; font-family: "ubuntu-regular", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav .nav-item.nav-search .search-field input::-webkit-input-placeholder { font-size: .875rem; color: #9c9fa6; font-family: "ubuntu-regular", sans-serif; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-nav.navbar-nav-right .nav-item .nav-link { padding-top: 0; padding-bottom: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .page-title-wrapper { border-right: 1px solid #ebedf2; } @media (max-width: 991px) { .navbar { flex-direction: row; } .navbar .navbar-brand-wrapper { width: 75px; } .navbar .navbar-brand-wrapper .navbar-brand.brand-logo { display: none; } .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini { display: inline-block; } .navbar-collapse { display: flex; margin-top: 0.5rem; } } @media (max-width: 480px) { .navbar .navbar-brand-wrapper { width: 55px; } .navbar .navbar-brand-wrapper .brand-logo-mini { padding-top: 0px; } } /* Style for rendering off-canvas menu in mobile and tablet */ @media (max-width: 991px) { .navbar.horizontal-boxed-layout-navbar .navbar-collapse { position: absolute; right: 0; width: 50%; } .navbar.horizontal-boxed-layout-navbar .navbar-collapse .nav-item .dropdown-menu.navbar-dropdown { position: static; float: none; margin-top: 0; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .navbar.horizontal-boxed-layout-navbar .navbar-collapse.collapsing, .navbar.horizontal-boxed-layout-navbar .navbar-collapse.show { display: block; } .navbar.horizontal-boxed-layout-navbar .navbar-collapse.navbar-bottom { top: 120px; } .navbar.horizontal-full-width-layout-navbar .navbar-top, .navbar.horizontal-full-width-layout-navbar .navbar-bottom { padding-left: 1rem; padding-right: 1rem; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-collapse { z-index: 1; position: absolute; right: 0; background: #ffffff; top: 60px; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-collapse.collapsing, .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-collapse.show { display: block; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-collapse .nav-item .nav-link { width: 100%; } .navbar.horizontal-full-width-layout-navbar .navbar-top .navbar-menu-wrapper .navbar-collapse .nav-item .nav-link.active { border-bottom: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-collapse { position: absolute; background: white; top: 120px; right: 0; width: 50%; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-collapse.collapsing, .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-collapse.show { display: block; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-collapse.navbar-nav-left .nav-item { margin-left: 0; } .navbar.horizontal-full-width-layout-navbar .navbar-bottom .navbar-collapse.navbar-nav-left .nav-item .nav-link { padding: 1.25rem 1.5rem; } } /* Typography */ body { font-size: 1rem; font-family: "ubuntu-regular", sans-serif; font-weight: initial; line-height: normal; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "ubuntu-medium", sans-serif; } p { font-size: 0.875rem; } h1, .h1 { font-size: 2.19rem; } h2, .h2 { font-size: 1.88rem; } h3, .h3 { font-size: 1.56rem; } h4, .h4 { font-size: 1.13rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: .9375rem; } p { font-size: .9375rem; line-height: 1.5; } .display-1 { font-size: 3.75rem; } @media (max-width: 991px) { .display-1 { font-size: 3rem; } } .display-2 { font-size: 3.125rem; } @media (max-width: 991px) { .display-2 { font-size: 2.5rem; } } .display-3 { font-size: 2.5rem; } @media (max-width: 991px) { .display-3 { font-size: 2rem; } } .display-4 { font-size: 1.875rem; } @media (max-width: 991px) { .display-4 { font-size: 1.5rem; } } .display-5 { font-size: 1.25rem; } @media (max-width: 991px) { .display-5 { font-size: 1rem; } } .blockquote { padding: 1.25rem; border: 1px solid #ebedf2; } address p { margin-bottom: 0; } .blockquote-primary { border-color: #b66dff; } .blockquote-primary .blockquote-footer { color: #b66dff; } .blockquote-secondary { border-color: #d8d8d8; } .blockquote-secondary .blockquote-footer { color: #d8d8d8; } .blockquote-success { border-color: #1bcfb4; } .blockquote-success .blockquote-footer { color: #1bcfb4; } .blockquote-info { border-color: #198ae3; } .blockquote-info .blockquote-footer { color: #198ae3; } .blockquote-warning { border-color: #fed713; } .blockquote-warning .blockquote-footer { color: #fed713; } .blockquote-danger { border-color: #fe7c96; } .blockquote-danger .blockquote-footer { color: #fe7c96; } .blockquote-light { border-color: #f8f9fa; } .blockquote-light .blockquote-footer { color: #f8f9fa; } .blockquote-dark { border-color: #3e4b5b; } .blockquote-dark .blockquote-footer { color: #3e4b5b; } .error-page h1 { font-size: 12rem; } @media (max-width: 991px) { .error-page h1 { font-size: 8rem; } } .icon-lg { font-size: 3.438rem; } .icon-md { font-size: 1.875rem; } .icon-sm { font-size: 1rem; } /* Miscellanoeous */ body, html { overflow-x: hidden; padding-right: 0 !important; } *:-moz-full-screen, *:-webkit-full-screen, *:fullscreen *:-ms-fullscreen { overflow: auto; } .page-body-wrapper { min-height: calc(100vh - 70px); display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; padding-top: 70px; } .page-body-wrapper.full-page-wrapper { width: 100%; min-height: 100vh; padding-top: 0; } .main-panel { transition: width 0.25s ease, margin 0.25s ease; width: calc(100% - 260px); min-height: calc(100vh - 70px); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .main-panel { margin-left: 0; width: 100%; } } .content-wrapper { background: #f2edf3; padding: 2.75rem 2.25rem; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; } .container-scroller { overflow: hidden; } pre { background: #e8eff4; padding: 15px; font-size: 14px; } code { padding: 5px; color: #fe7c96; font-family: "ubuntu-light", sans-serif; font-size: 0.875rem; border-radius: 4px; } .page-header { margin: 0 0 1.5rem 0; } .page-header .breadcrumb { border: 0; margin-bottom: 0; } .page-title { color: #000; font-size: 1.125rem; margin-bottom: 0; } .page-title .page-title-icon { display: inline-block; width: 36px; height: 36px; border-radius: 4px; text-align: center; box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); } .page-title .page-title-icon i { font-size: .9375rem; line-height: 36px; } /* Footer */ .footer { background: #f2edf3; padding: 30px 1rem; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; font-size: calc(0.875rem - 0.05rem); font-family: "ubuntu-regular", sans-serif; border-top: 1px solid #dccedf; } .footer a { color: #1bcfb4; font-size: inherit; } @media (max-width: 991px) { .footer { margin-left: 0; width: 100%; } } /* Utilities */ .grid-margin, .purchase-popup { margin-bottom: 2.5rem; } @media (min-width: 576px) { .grid-margin-sm-0 { margin-bottom: 0; } } @media (min-width: 768px) { .grid-margin-md-0 { margin-bottom: 0; } } @media (min-width: 992px) { .grid-margin-lg-0 { margin-bottom: 0; } } @media (min-width: 1200px) { .grid-margin-xl-0 { margin-bottom: 0; } } .img-lg { width: 92px; height: 92px; } .img-sm { width: 43px; height: 43px; } .img-xs { width: 37px; height: 37px; } .img-ss { width: 26px; height: 26px; } .stretch-card { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: stretch; justify-content: stretch; } .stretch-card > .card { width: 100%; min-width: 100%; } @media (min-width: 576px) { .border-right-sm { border-right: 1px solid #ebedf2; } } @media (min-width: 768px) { .border-right-md { border-right: 1px solid #ebedf2; } } @media (min-width: 992px) { .border-right-lg { border-right: 1px solid #ebedf2; } } @media (min-width: 576px) { .border-left-sm { border-left: 1px solid #ebedf2; } } @media (min-width: 768px) { .border-left-md { border-left: 1px solid #ebedf2; } } @media (min-width: 992px) { .border-left-lg { border-left: 1px solid #ebedf2; } } .text-gray, .card .card-subtitle { color: #8c8c8c; } .text-black { color: #000; } .text-small { font-size: 12px; } .flex-grow { flex-grow: 1; } .font-weight-light { font-family: "ubuntu-light", sans-serif; } .font-weight-bold { font-family: "ubuntu-bold", sans-serif; } .font-weight-normal { font-family: "ubuntu-regular", sans-serif; } /* Demo Styles */ .template-demo > h2, .template-demo > h3, .template-demo > h4, .template-demo > h5, .template-demo > h6, .template-demo > h1 { border-top: 1px solid #ebedf2; padding: 0.5rem 0 0; } .template-demo > .dropdown { display: inline-block; margin-bottom: 0.5rem; } .template-demo nav .breadcrumb { margin-bottom: 1.375rem; } .template-demo nav:last-child .breadcrumb { margin-bottom: 0; } .dropdown-menu-static-demo { height: 250px; margin-bottom: 20px; } .rounded-legend ul li { list-style-type: none; color: #9c9fa6; font-size: .75rem; } .rounded-legend ul li .legend-dots { width: 1rem; height: 1rem; border-radius: 100%; display: inline-block; vertical-align: text-bottom; margin-right: .5rem; } .rtl .rounded-legend ul li .legend-dots { margin-left: .5rem; } .rounded-legend.legend-horizontal { display: -webkit-flex; display: flex; } .rounded-legend.legend-horizontal ul li { display: inline-block; margin-right: 1.5rem; } .rtl .rounded-legend.legend-horizontal ul li { margin-right: auto; margin-left: 1.5rem; } .rounded-legend.legend-top-right ul { float: right; } .rtl .rounded-legend.legend-top-right ul { float: left; } .rounded-legend.legend-vertical ul li { margin-top: 1rem; } .purchase-popup { background: rgba(191, 187, 187, 0.46); padding: 15px 20px; border-radius: 3px; } .purchase-popup .btn { margin-right: 20px; font-weight: 500; color: #ffffff; border-radius: 5px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .purchase-popup .btn.download-button { background: rgba(249, 249, 249, 0.7); color: #969292; border: 1px solid #cbcbcb; } .purchase-popup .btn.purchase-button { background-color: rgba(172, 50, 228, 0.9); background-image: -owg-linear-gradient(to right, #da8cff, #9a55ff); background-image: -webkit-linear-gradient(to right, #da8cff, #9a55ff); background-image: -moz-linear-gradient(to right, #da8cff, #9a55ff); background-image: -o-linear-gradient(to right, #da8cff, #9a55ff); background-image: linear-gradient(to right, #da8cff, #9a55ff); color: #ffffff; border: none; line-height: 1; vertical-align: middle; } .purchase-popup p { margin-bottom: auto; margin-top: auto; color: #7e7e7e; font-weight: 400; vertical-align: middle; line-height: 1; } .purchase-popup i { vertical-align: middle; line-height: 1; margin: auto 0; color: #b1b1b1; } /*-------------------------------------------------------------------*/ /* === Components === */ /* Badges */ .badge { border-radius: .125rem; font-size: 11px; font-weight: initial; line-height: 1; padding: .375rem .5625rem; font-family: "ubuntu-medium", sans-serif; } .badge.badge-pill { border-radius: 10rem; } /*Badge variations*/ .badge-primary { border: 1px solid #b66dff; color: #ffffff; } .badge-secondary { border: 1px solid #d8d8d8; color: #ffffff; } .badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { border: 1px solid #1bcfb4; color: #ffffff; } .badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { border: 1px solid #198ae3; color: #ffffff; } .badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { border: 1px solid #fed713; color: #ffffff; } .badge-danger { border: 1px solid #fe7c96; color: #ffffff; } .badge-light { border: 1px solid #f8f9fa; color: #ffffff; } .badge-dark { border: 1px solid #3e4b5b; color: #ffffff; } /*Badge gradient variations*/ .badge-gradient-primary { background: linear-gradient(to right, #da8cff, #9a55ff); color: #ffffff; } .badge-gradient-secondary { background: linear-gradient(to right, #e7ebf0, #868e96); color: #ffffff; } .badge-gradient-success { background: linear-gradient(to right, #84d9d2, #07cdae); color: #ffffff; } .badge-gradient-info { background: linear-gradient(to right, #90caf9, #047edf 99%); color: #ffffff; } .badge-gradient-warning { background: linear-gradient(to right, #f6e384, #ffd500); color: #ffffff; } .badge-gradient-danger { background: linear-gradient(to right, #ffbf96, #fe7096); color: #ffffff; } .badge-gradient-light { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); color: #ffffff; } .badge-gradient-dark { background: linear-gradient(89deg, #5e7188, #3e4b5b); color: #ffffff; } /*Badge outlined variations*/ .badge-outline-primary { color: #b66dff; border: 1px solid #b66dff; } .badge-outline-secondary { color: #d8d8d8; border: 1px solid #d8d8d8; } .badge-outline-success { color: #1bcfb4; border: 1px solid #1bcfb4; } .badge-outline-info { color: #198ae3; border: 1px solid #198ae3; } .badge-outline-warning { color: #fed713; border: 1px solid #fed713; } .badge-outline-danger { color: #fe7c96; border: 1px solid #fe7c96; } .badge-outline-light { color: #f8f9fa; border: 1px solid #f8f9fa; } .badge-outline-dark { color: #3e4b5b; border: 1px solid #3e4b5b; } /* Bootstrap Progress */ .progress { border-radius: 3px; height: 8px; } .progress .progress-bar { border-radius: 3px; } .progress.progress-sm { height: 0.375rem; } .progress.progress-md { height: 8px; } .progress.progress-lg { height: 15px; } .progress.progress-xl { height: 18px; } /* Buttons */ .btn { font-size: 0.875rem; line-height: 1; font-family: "ubuntu-bold", sans-serif; /* Buttons with only icons */ /* Buttons with icon and text */ } .btn i { font-size: 1rem; } .btn.btn-rounded { border-radius: 50px; } .btn.btn-fw { min-width: 150px; } .btn.btn-sm, .btn-group-sm > .btn { font-size: 0.875rem; } .btn.btn-lg, .btn-group-lg > .btn { font-size: 0.875rem; } .btn.btn-xs { padding: 0.5rem 0.75rem; font-size: 0.625rem; } .btn.btn-icon { width: 42px; height: 42px; padding: 0; } .btn.btn-icon-text .btn-icon-prepend { margin-right: .5rem; } .btn.btn-icon-text .btn-icon-append { margin-left: .5rem; } .btn.btn-social-icon { width: 50px; height: 50px; padding: 0; } .btn-group .btn + .btn { border-left: 0; } /*social buttons*/ .btn-twitter { background: #2caae1; color: #ffffff; } .btn-twitter:hover, .btn-twitter:focus { background: #1b8dbf; color: #ffffff; } .btn-twitter.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #59bce7; } .btn-twitter.btn-social-icon-text i { background: #2caae1; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-twitter { border: 1px solid #2caae1; color: #2caae1; } .btn-outline-twitter:hover { background: #2caae1; color: #ffffff; } .btn-facebook { background: #3b579d; color: #ffffff; } .btn-facebook:hover, .btn-facebook:focus { background: #2d4278; color: #ffffff; } .btn-facebook.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #4e6ebd; } .btn-facebook.btn-social-icon-text i { background: #3b579d; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-facebook { border: 1px solid #3b579d; color: #3b579d; } .btn-outline-facebook:hover { background: #3b579d; color: #ffffff; } .btn-google { background: #dc4a38; color: #ffffff; } .btn-google:hover, .btn-google:focus { background: #bf3322; color: #ffffff; } .btn-google.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #e47163; } .btn-google.btn-social-icon-text i { background: #dc4a38; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-google { border: 1px solid #dc4a38; color: #dc4a38; } .btn-outline-google:hover { background: #dc4a38; color: #ffffff; } .btn-linkedin { background: #0177b5; color: #ffffff; } .btn-linkedin:hover, .btn-linkedin:focus { background: #015682; color: #ffffff; } .btn-linkedin.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #0198e8; } .btn-linkedin.btn-social-icon-text i { background: #0177b5; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-linkedin { border: 1px solid #0177b5; color: #0177b5; } .btn-outline-linkedin:hover { background: #0177b5; color: #ffffff; } .btn-pinterest { background: #cc2127; color: #ffffff; } .btn-pinterest:hover, .btn-pinterest:focus { background: #a01a1f; color: #ffffff; } .btn-pinterest.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #e04046; } .btn-pinterest.btn-social-icon-text i { background: #cc2127; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-pinterest { border: 1px solid #cc2127; color: #cc2127; } .btn-outline-pinterest:hover { background: #cc2127; color: #ffffff; } .btn-youtube { background: #e52d27; color: #ffffff; } .btn-youtube:hover, .btn-youtube:focus { background: #c21d17; color: #ffffff; } .btn-youtube.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #ea5955; } .btn-youtube.btn-social-icon-text i { background: #e52d27; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-youtube { border: 1px solid #e52d27; color: #e52d27; } .btn-outline-youtube:hover { background: #e52d27; color: #ffffff; } .btn-github { background: #333333; color: #ffffff; } .btn-github:hover, .btn-github:focus { background: #1a1a1a; color: #ffffff; } .btn-github.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #4d4d4d; } .btn-github.btn-social-icon-text i { background: #333333; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-github { border: 1px solid #333333; color: #333333; } .btn-outline-github:hover { background: #333333; color: #ffffff; } .btn-behance { background: #1769ff; color: #ffffff; } .btn-behance:hover, .btn-behance:focus { background: #0050e3; color: #ffffff; } .btn-behance.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #4a8aff; } .btn-behance.btn-social-icon-text i { background: #1769ff; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-behance { border: 1px solid #1769ff; color: #1769ff; } .btn-outline-behance:hover { background: #1769ff; color: #ffffff; } .btn-dribbble { background: #ea4c89; color: #ffffff; } .btn-dribbble:hover, .btn-dribbble:focus { background: #e51e6b; color: #ffffff; } .btn-dribbble.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #ef7aa7; } .btn-dribbble.btn-social-icon-text i { background: #ea4c89; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-dribbble { border: 1px solid #ea4c89; color: #ea4c89; } .btn-outline-dribbble:hover { background: #ea4c89; color: #ffffff; } .btn-reddit { background: #ff4500; color: #ffffff; } .btn-reddit:hover, .btn-reddit:focus { background: #cc3700; color: #ffffff; } .btn-reddit.btn-social-icon-text { padding: 0 1.5rem 0 0; background: #ff6a33; } .btn-reddit.btn-social-icon-text i { background: #ff4500; padding: .75rem; display: inline-block; margin-right: 1.5rem; } .btn-outline-reddit { border: 1px solid #ff4500; color: #ff4500; } .btn-outline-reddit:hover { background: #ff4500; color: #ffffff; } /* inverse buttons */ .btn-inverse-primary { background-color: rgba(182, 109, 255, 0.2); background-image: none; border-color: rgba(182, 109, 255, 0); } .btn-inverse-primary:not(.btn-inverse-light) { color: #b66dff; } .btn-inverse-primary:hover { color: #ffffff; background-color: #b66dff; border-color: #b66dff; } .btn-inverse-primary.focus, .btn-inverse-primary:focus { box-shadow: 0 0 0 3px rgba(182, 109, 255, 0.5); } .btn-inverse-primary.disabled, .btn-inverse-primary:disabled { color: #b66dff; background-color: transparent; } .btn-inverse-primary.active, .btn-inverse-primary:active, .show > .btn-inverse-primary.dropdown-toggle { color: #ffffff; background-color: #b66dff; border-color: #b66dff; } .btn-primary:not(.btn-light) { color: #ffffff; } .btn-primary:not(.btn-light):hover, .btn-primary:not(.btn-light):focus, .btn-primary:not(.btn-light):active { color: #ffffff; } .btn-primary:not(.btn-light):focus, .btn-primary:not(.btn-light):active { background: #b66dff; border-color: #b66dff; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background: linear-gradient(to right, #da8cff, #9a55ff); color: #ffffff; } .btn-inverse-secondary { background-color: rgba(216, 216, 216, 0.2); background-image: none; border-color: rgba(216, 216, 216, 0); } .btn-inverse-secondary:not(.btn-inverse-light) { color: #d8d8d8; } .btn-inverse-secondary:hover { color: #ffffff; background-color: #d8d8d8; border-color: #d8d8d8; } .btn-inverse-secondary.focus, .btn-inverse-secondary:focus { box-shadow: 0 0 0 3px rgba(216, 216, 216, 0.5); } .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled { color: #d8d8d8; background-color: transparent; } .btn-inverse-secondary.active, .btn-inverse-secondary:active, .show > .btn-inverse-secondary.dropdown-toggle { color: #ffffff; background-color: #d8d8d8; border-color: #d8d8d8; } .btn-secondary:not(.btn-light) { color: #ffffff; } .btn-secondary:not(.btn-light):hover, .btn-secondary:not(.btn-light):focus, .btn-secondary:not(.btn-light):active { color: #ffffff; } .btn-secondary:not(.btn-light):focus, .btn-secondary:not(.btn-light):active { background: #d8d8d8; border-color: #d8d8d8; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active { background: linear-gradient(to right, #e7ebf0, #868e96); color: #ffffff; } .btn-inverse-success { background-color: rgba(27, 207, 180, 0.2); background-image: none; border-color: rgba(27, 207, 180, 0); } .btn-inverse-success:not(.btn-inverse-light) { color: #1bcfb4; } .btn-inverse-success:hover { color: #ffffff; background-color: #1bcfb4; border-color: #1bcfb4; } .btn-inverse-success.focus, .btn-inverse-success:focus { box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5); } .btn-inverse-success.disabled, .btn-inverse-success:disabled { color: #1bcfb4; background-color: transparent; } .btn-inverse-success.active, .btn-inverse-success:active, .show > .btn-inverse-success.dropdown-toggle { color: #ffffff; background-color: #1bcfb4; border-color: #1bcfb4; } .btn-success:not(.btn-light) { color: #ffffff; } .btn-success:not(.btn-light):hover, .btn-success:not(.btn-light):focus, .btn-success:not(.btn-light):active { color: #ffffff; } .btn-success:not(.btn-light):focus, .btn-success:not(.btn-light):active { background: #1bcfb4; border-color: #1bcfb4; } .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active { background: linear-gradient(to right, #84d9d2, #07cdae); color: #ffffff; } .btn-inverse-info { background-color: rgba(25, 138, 227, 0.2); background-image: none; border-color: rgba(25, 138, 227, 0); } .btn-inverse-info:not(.btn-inverse-light) { color: #198ae3; } .btn-inverse-info:hover { color: #ffffff; background-color: #198ae3; border-color: #198ae3; } .btn-inverse-info.focus, .btn-inverse-info:focus { box-shadow: 0 0 0 3px rgba(25, 138, 227, 0.5); } .btn-inverse-info.disabled, .btn-inverse-info:disabled { color: #198ae3; background-color: transparent; } .btn-inverse-info.active, .btn-inverse-info:active, .show > .btn-inverse-info.dropdown-toggle { color: #ffffff; background-color: #198ae3; border-color: #198ae3; } .btn-info:not(.btn-light) { color: #ffffff; } .btn-info:not(.btn-light):hover, .btn-info:not(.btn-light):focus, .btn-info:not(.btn-light):active { color: #ffffff; } .btn-info:not(.btn-light):focus, .btn-info:not(.btn-light):active { background: #198ae3; border-color: #198ae3; } .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active { background: linear-gradient(to right, #90caf9, #047edf 99%); color: #ffffff; } .btn-inverse-warning { background-color: rgba(254, 215, 19, 0.2); background-image: none; border-color: rgba(254, 215, 19, 0); } .btn-inverse-warning:not(.btn-inverse-light) { color: #fed713; } .btn-inverse-warning:hover { color: #ffffff; background-color: #fed713; border-color: #fed713; } .btn-inverse-warning.focus, .btn-inverse-warning:focus { box-shadow: 0 0 0 3px rgba(254, 215, 19, 0.5); } .btn-inverse-warning.disabled, .btn-inverse-warning:disabled { color: #fed713; background-color: transparent; } .btn-inverse-warning.active, .btn-inverse-warning:active, .show > .btn-inverse-warning.dropdown-toggle { color: #ffffff; background-color: #fed713; border-color: #fed713; } .btn-warning:not(.btn-light) { color: #ffffff; } .btn-warning:not(.btn-light):hover, .btn-warning:not(.btn-light):focus, .btn-warning:not(.btn-light):active { color: #ffffff; } .btn-warning:not(.btn-light):focus, .btn-warning:not(.btn-light):active { background: #fed713; border-color: #fed713; } .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active { background: linear-gradient(to right, #f6e384, #ffd500); color: #ffffff; } .btn-inverse-danger { background-color: rgba(254, 124, 150, 0.2); background-image: none; border-color: rgba(254, 124, 150, 0); } .btn-inverse-danger:not(.btn-inverse-light) { color: #fe7c96; } .btn-inverse-danger:hover { color: #ffffff; background-color: #fe7c96; border-color: #fe7c96; } .btn-inverse-danger.focus, .btn-inverse-danger:focus { box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5); } .btn-inverse-danger.disabled, .btn-inverse-danger:disabled { color: #fe7c96; background-color: transparent; } .btn-inverse-danger.active, .btn-inverse-danger:active, .show > .btn-inverse-danger.dropdown-toggle { color: #ffffff; background-color: #fe7c96; border-color: #fe7c96; } .btn-danger:not(.btn-light) { color: #ffffff; } .btn-danger:not(.btn-light):hover, .btn-danger:not(.btn-light):focus, .btn-danger:not(.btn-light):active { color: #ffffff; } .btn-danger:not(.btn-light):focus, .btn-danger:not(.btn-light):active { background: #fe7c96; border-color: #fe7c96; } .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active { background: linear-gradient(to right, #ffbf96, #fe7096); color: #ffffff; } .btn-inverse-light { background-color: rgba(248, 249, 250, 0.2); background-image: none; border-color: rgba(248, 249, 250, 0); } .btn-inverse-light:not(.btn-inverse-light) { color: #f8f9fa; } .btn-inverse-light:hover { color: #ffffff; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-inverse-light.focus, .btn-inverse-light:focus { box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } .btn-inverse-light.disabled, .btn-inverse-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-inverse-light.active, .btn-inverse-light:active, .show > .btn-inverse-light.dropdown-toggle { color: #ffffff; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(.btn-light) { color: #ffffff; } .btn-light:not(.btn-light):hover, .btn-light:not(.btn-light):focus, .btn-light:not(.btn-light):active { color: #ffffff; } .btn-light:not(.btn-light):focus, .btn-light:not(.btn-light):active { background: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); color: #ffffff; } .btn-inverse-dark { background-color: rgba(62, 75, 91, 0.2); background-image: none; border-color: rgba(62, 75, 91, 0); } .btn-inverse-dark:not(.btn-inverse-light) { color: #3e4b5b; } .btn-inverse-dark:hover { color: #ffffff; background-color: #3e4b5b; border-color: #3e4b5b; } .btn-inverse-dark.focus, .btn-inverse-dark:focus { box-shadow: 0 0 0 3px rgba(62, 75, 91, 0.5); } .btn-inverse-dark.disabled, .btn-inverse-dark:disabled { color: #3e4b5b; background-color: transparent; } .btn-inverse-dark.active, .btn-inverse-dark:active, .show > .btn-inverse-dark.dropdown-toggle { color: #ffffff; background-color: #3e4b5b; border-color: #3e4b5b; } .btn-dark:not(.btn-light) { color: #ffffff; } .btn-dark:not(.btn-light):hover, .btn-dark:not(.btn-light):focus, .btn-dark:not(.btn-light):active { color: #ffffff; } .btn-dark:not(.btn-light):focus, .btn-dark:not(.btn-light):active { background: #3e4b5b; border-color: #3e4b5b; } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active { background: linear-gradient(89deg, #5e7188, #3e4b5b); color: #ffffff; } /* gradient buttons */ .btn-gradient-primary { background: linear-gradient(to right, #da8cff, #9a55ff); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-primary:not([disabled]):not(.disabled):active, .btn-gradient-primary:not([disabled]):not(.disabled).active, .show > .btn-gradient-primary.dropdown-toggle { background: linear-gradient(to right, #da8cff, #9a55ff); } .btn-gradient-primary:hover { opacity: .8; } .btn-gradient-primary:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-primary:not(.btn-gradient-light):hover, .btn-gradient-primary:not(.btn-gradient-light):focus, .btn-gradient-primary:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-secondary { background: linear-gradient(to right, #e7ebf0, #868e96); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-secondary:not([disabled]):not(.disabled):active, .btn-gradient-secondary:not([disabled]):not(.disabled).active, .show > .btn-gradient-secondary.dropdown-toggle { background: linear-gradient(to right, #e7ebf0, #868e96); } .btn-gradient-secondary:hover { opacity: .8; } .btn-gradient-secondary:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-secondary:not(.btn-gradient-light):hover, .btn-gradient-secondary:not(.btn-gradient-light):focus, .btn-gradient-secondary:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-success { background: linear-gradient(to right, #84d9d2, #07cdae); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-success:not([disabled]):not(.disabled):active, .btn-gradient-success:not([disabled]):not(.disabled).active, .show > .btn-gradient-success.dropdown-toggle { background: linear-gradient(to right, #84d9d2, #07cdae); } .btn-gradient-success:hover { opacity: .8; } .btn-gradient-success:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-success:not(.btn-gradient-light):hover, .btn-gradient-success:not(.btn-gradient-light):focus, .btn-gradient-success:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-info { background: linear-gradient(to right, #90caf9, #047edf 99%); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-info:not([disabled]):not(.disabled):active, .btn-gradient-info:not([disabled]):not(.disabled).active, .show > .btn-gradient-info.dropdown-toggle { background: linear-gradient(to right, #90caf9, #047edf 99%); } .btn-gradient-info:hover { opacity: .8; } .btn-gradient-info:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-info:not(.btn-gradient-light):hover, .btn-gradient-info:not(.btn-gradient-light):focus, .btn-gradient-info:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-warning { background: linear-gradient(to right, #f6e384, #ffd500); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-warning:not([disabled]):not(.disabled):active, .btn-gradient-warning:not([disabled]):not(.disabled).active, .show > .btn-gradient-warning.dropdown-toggle { background: linear-gradient(to right, #f6e384, #ffd500); } .btn-gradient-warning:hover { opacity: .8; } .btn-gradient-warning:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-warning:not(.btn-gradient-light):hover, .btn-gradient-warning:not(.btn-gradient-light):focus, .btn-gradient-warning:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-danger { background: linear-gradient(to right, #ffbf96, #fe7096); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-danger:not([disabled]):not(.disabled):active, .btn-gradient-danger:not([disabled]):not(.disabled).active, .show > .btn-gradient-danger.dropdown-toggle { background: linear-gradient(to right, #ffbf96, #fe7096); } .btn-gradient-danger:hover { opacity: .8; } .btn-gradient-danger:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-danger:not(.btn-gradient-light):hover, .btn-gradient-danger:not(.btn-gradient-light):focus, .btn-gradient-danger:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-light { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-light:not([disabled]):not(.disabled):active, .btn-gradient-light:not([disabled]):not(.disabled).active, .show > .btn-gradient-light.dropdown-toggle { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); } .btn-gradient-light:hover { opacity: .8; } .btn-gradient-light:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-light:not(.btn-gradient-light):hover, .btn-gradient-light:not(.btn-gradient-light):focus, .btn-gradient-light:not(.btn-gradient-light):active { color: #ffffff; } .btn-gradient-dark { background: linear-gradient(89deg, #5e7188, #3e4b5b); border: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .btn-gradient-dark:not([disabled]):not(.disabled):active, .btn-gradient-dark:not([disabled]):not(.disabled).active, .show > .btn-gradient-dark.dropdown-toggle { background: linear-gradient(89deg, #5e7188, #3e4b5b); } .btn-gradient-dark:hover { opacity: .8; } .btn-gradient-dark:not(.btn-gradient-light) { color: #ffffff; } .btn-gradient-dark:not(.btn-gradient-light):hover, .btn-gradient-dark:not(.btn-gradient-light):focus, .btn-gradient-dark:not(.btn-gradient-light):active { color: #ffffff; } /* Cards */ .card { border: 0; } .card .card-body { padding: 2.5rem 2.5rem; } .card .card-body + .card-body { padding-top: 1rem; } .card .card-title { color: #000; margin-bottom: .75rem; text-transform: capitalize; font-family: "ubuntu-medium", sans-serif; font-size: 1.125rem; } .card .card-subtitle { font-family: "ubuntu-regular", sans-serif; margin-top: 0.625rem; margin-bottom: 0.625rem; } .card .card-description { margin-bottom: 1.5rem; font-family: "ubuntu-regular", sans-serif; color: #76838f; } .card.card-outline-success { border: 1px solid #1bcfb4; } .card.card-outline-primary { border: 1px solid #b66dff; } .card.card-outline-warning { border: 1px solid #fed713; } .card.card-outline-danger { border: 1px solid #fe7c96; } .card.card-rounded { border-radius: 5px; } .card.card-faded { background: #b5b0b2; border-color: #b5b0b2; } .card.card-circle-progress { color: #ffffff; text-align: center; } .card.card-img-holder { position: relative; } .card.card-img-holder .card-img-absolute { position: absolute; top: 0; right: 0; height: 100%; } .card-inverse-primary { background: rgba(182, 109, 255, 0.2); border: 1px solid #a764eb; color: #8a53c2; } .card-inverse-secondary { background: rgba(216, 216, 216, 0.2); border: 1px solid #c7c7c7; color: #a4a4a4; } .card-inverse-success { background: rgba(27, 207, 180, 0.2); border: 1px solid #19bea6; color: #159d89; } .card-inverse-info { background: rgba(25, 138, 227, 0.2); border: 1px solid #177fd1; color: #1369ad; } .card-inverse-warning { background: rgba(254, 215, 19, 0.2); border: 1px solid #eac611; color: #c1a30e; } .card-inverse-danger { background: rgba(254, 124, 150, 0.2); border: 1px solid #ea728a; color: #c15e72; } .card-inverse-light { background: rgba(248, 249, 250, 0.2); border: 1px solid #e4e5e6; color: #bcbdbe; } .card-inverse-dark { background: rgba(62, 75, 91, 0.2); border: 1px solid #394554; color: #2f3945; } /* Checkboxes and Radios */ .form-check { position: relative; display: block; margin-top: 15px; margin-bottom: 10px; padding-left: 0; } .form-check .form-check-label { display: block; margin-left: 1.75rem; font-size: 0.875rem; line-height: 1.5; } .rtl .form-check .form-check-label { margin-left: 0; margin-right: 1.75rem; } .form-check .form-check-label input { position: absolute; top: 0; left: 0; margin-left: 0; margin-top: 0; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .rtl .form-check .form-check-label input { left: auto; right: 0; } .form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:after { position: absolute; top: 0; left: 0; } .rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:before, .rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:after { left: auto; right: 0; } .form-check .form-check-label input[type="checkbox"] + .input-helper:before { content: ""; width: 18px; height: 18px; border-radius: 2px; border: solid #b66dff; border-width: 2px; -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; } .form-check .form-check-label input[type="checkbox"] + .input-helper:after { -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; font-family: Material Design Icons; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); content: '\F12C'; font-size: .9375rem; font-weight: bold; color: #ffffff; } .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before { background: linear-gradient(to right, #da8cff, #9a55ff); border-width: 0; } .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after { width: 18px; opacity: 1; line-height: 18px; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .form-check .form-check-label input[type="checkbox"]:disabled + .input-helper:before { border-color: #ebedf2; } .form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after { background: #ebedf2; color: #ffffff; } .form-check .form-check-label input[type="radio"] + .input-helper:before { position: absolute; content: ""; top: 0; left: 0; border: solid #b66dff; border-width: 2px; width: 20px; height: 20px; border-radius: 50%; -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; } .rtl .form-check .form-check-label input[type="radio"] + .input-helper:before { left: auto; right: 0; } .form-check .form-check-label input[type="radio"] + .input-helper:after { content: ""; width: 8px; height: 8px; background: #ffffff; border-radius: 50%; top: 6px; left: 6px; -webkit-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: absolute; } .rtl .form-check .form-check-label input[type="radio"] + .input-helper:after { left: auto; right: 6px; } .form-check .form-check-label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #da8cff, #9a55ff); border-width: 0; } .form-check .form-check-label input[type="radio"]:checked + .input-helper:after { opacity: 1; line-height: 1.5; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .form-check .form-check-label input[type="radio"]:disabled + .input-helper:before { border-color: #ebedf2; } .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:before { background: #ebedf2; } .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:after { background: #ffffff; } .form-check-primary.form-check label input[type="checkbox"] + .input-helper:before, .form-check-primary.form-check label input[type="radio"] + .input-helper:before { border-color: #b66dff; } .form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #da8cff, #9a55ff); } .form-check-secondary.form-check label input[type="checkbox"] + .input-helper:before, .form-check-secondary.form-check label input[type="radio"] + .input-helper:before { border-color: #d8d8d8; } .form-check-secondary.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-secondary.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #e7ebf0, #868e96); } .form-check-success.form-check label input[type="checkbox"] + .input-helper:before, .form-check-success.form-check label input[type="radio"] + .input-helper:before { border-color: #1bcfb4; } .form-check-success.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-success.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #84d9d2, #07cdae); } .form-check-info.form-check label input[type="checkbox"] + .input-helper:before, .form-check-info.form-check label input[type="radio"] + .input-helper:before { border-color: #198ae3; } .form-check-info.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-info.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #90caf9, #047edf 99%); } .form-check-warning.form-check label input[type="checkbox"] + .input-helper:before, .form-check-warning.form-check label input[type="radio"] + .input-helper:before { border-color: #fed713; } .form-check-warning.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-warning.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #f6e384, #ffd500); } .form-check-danger.form-check label input[type="checkbox"] + .input-helper:before, .form-check-danger.form-check label input[type="radio"] + .input-helper:before { border-color: #fe7c96; } .form-check-danger.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-danger.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to right, #ffbf96, #fe7096); } .form-check-light.form-check label input[type="checkbox"] + .input-helper:before, .form-check-light.form-check label input[type="radio"] + .input-helper:before { border-color: #f8f9fa; } .form-check-light.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-light.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(to bottom, #f4f4f4, #e4e4e9); } .form-check-dark.form-check label input[type="checkbox"] + .input-helper:before, .form-check-dark.form-check label input[type="radio"] + .input-helper:before { border-color: #3e4b5b; } .form-check-dark.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-dark.form-check label input[type="radio"]:checked + .input-helper:before { background: linear-gradient(89deg, #5e7188, #3e4b5b); } /* Dropdowns */ .dropdown .dropdown-toggle:after { border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; font: normal normal normal 24px/1 "Material Design Icons"; content: "\f140"; width: auto; height: auto; vertical-align: baseline; font-size: .75rem; } .dropdown .dropdown-menu { margin-top: .75rem; font-size: 0.875rem; box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35); } .dropdown .dropdown-menu .dropdown-item { font-size: 1rem; padding: .25rem 1.5rem; } .dropdown .dropdown-menu .dropdown-item:active { background: initial; } /* Forms */ .form-group { margin-bottom: 1.5rem; } .input-group-append, .input-group-prepend { color: #c9c8c8; width: auto; border: none; } .input-group-append .input-group-text, .input-group-prepend .input-group-text { border-color: #ebedf2; padding: 0.875rem 0.75rem; color: #c9c8c8; } .form-control { border: 1px solid #ebedf2; font-family: "ubuntu-regular", sans-serif; font-size: 0.8125rem; } select.form-control { padding: .4375rem .75rem; border: 0; outline: 1px solid #ebedf2; color: #c9c8c8; } select.form-control:focus { outline: 1px solid #ebedf2; } select.form-control.border-primary { outline: 1px solid #b66dff; } select.form-control.border-primary:focus { outline: 1px solid #b66dff; } select.form-control.border-secondary { outline: 1px solid #d8d8d8; } select.form-control.border-secondary:focus { outline: 1px solid #d8d8d8; } select.form-control.border-success { outline: 1px solid #1bcfb4; } select.form-control.border-success:focus { outline: 1px solid #1bcfb4; } select.form-control.border-info { outline: 1px solid #198ae3; } select.form-control.border-info:focus { outline: 1px solid #198ae3; } select.form-control.border-warning { outline: 1px solid #fed713; } select.form-control.border-warning:focus { outline: 1px solid #fed713; } select.form-control.border-danger { outline: 1px solid #fe7c96; } select.form-control.border-danger:focus { outline: 1px solid #fe7c96; } select.form-control.border-light { outline: 1px solid #f8f9fa; } select.form-control.border-light:focus { outline: 1px solid #f8f9fa; } select.form-control.border-dark { outline: 1px solid #3e4b5b; } select.form-control.border-dark:focus { outline: 1px solid #3e4b5b; } .form-group label { font-size: 0.875rem; line-height: 1; vertical-align: top; margin-bottom: .5rem; } .form-group.has-danger .form-control { border-color: #fe7c96; } .form-group .file-upload-default { visibility: hidden; position: absolute; } .form-group .file-upload-info { background: transparent; } /* Icons */ .icons-list { border-left: 1px solid #ebedf2; border-top: 1px solid #ebedf2; margin-left: 0; margin-right: 0; } .icons-list > div { background: #ffffff; border-bottom: 1px solid #ebedf2; border-right: 1px solid #ebedf2; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 15px 15px; font-family: "ubuntu-regular", sans-serif; font-size: 0.875rem; } .icons-list > div i { display: inline-block; font-size: 20px; width: 40px; text-align: left; color: #b66dff; } /* Lists */ ul, ol, dl { padding-left: 1rem; font-size: 0.875rem; } ul li, ol li, dl li { line-height: 1.8; } .list-ticked, .list-arrow, .list-star { list-style: none; padding: 0; } .list-ticked li, .list-arrow li, .list-star li { padding-left: 1.5rem; } .list-ticked li:before, .list-arrow li:before, .list-star li:before { font-family: "Material Design Icons"; margin-left: -1.5rem; width: 1.5rem; margin-right: .5rem; } .list-ticked li:before { content: '\F12D'; color: #fe7c96; } .list-arrow li:before { content: '\F142'; color: #1bcfb4; } .list-star li:before { content: '\F4CE'; color: #fed713; } .gradient-bullet-list { padding-left: 0; } .rtl .gradient-bullet-list { padding-right: 0; } .gradient-bullet-list li { position: relative; list-style-type: none; padding-left: 25px; line-height: 1; padding-bottom: 25px; } .gradient-bullet-list li:before, .gradient-bullet-list li:after { content: ""; position: absolute; } .gradient-bullet-list li:before { top: 0; left: 0; width: 15px; height: 15px; border-radius: 100%; } .gradient-bullet-list li:after { width: 11px; height: 11px; top: 2px; left: 2px; background: #ffffff; border-radius: 100%; } .gradient-bullet-list li:nth-child(1):before { background: linear-gradient(to right, #ffbf96, #fe7096); } .gradient-bullet-list li:nth-child(2):before { background: linear-gradient(to right, #90caf9, #047edf 99%); } .gradient-bullet-list li:nth-child(3):before { background: linear-gradient(to right, #f6e384, #ffd500); } .gradient-bullet-list li:nth-child(4):before { background: linear-gradient(to right, #84d9d2, #07cdae); } .gradient-bullet-list li:nth-child(5):before { background: linear-gradient(to right, #da8cff, #9a55ff); } /* Preview */ .preview-list .preview-item { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; padding: .75rem 1.5rem; font-size: .875rem; } .preview-list .preview-item:last-child { border-bottom: 0; } .preview-list .preview-item:hover { background: #f8f9fa; } .preview-list .preview-item .form-check { margin-top: 8px; margin-right: 1rem; } .preview-list .preview-item .preview-thumbnail { color: #ffffff; position: relative; } .preview-list .preview-item .preview-thumbnail img, .preview-list .preview-item .preview-thumbnail .preview-icon { width: 36px; height: 36px; border-radius: 100%; } .preview-list .preview-item .preview-thumbnail .preview-icon { padding: 6px; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .preview-list .preview-item .preview-thumbnail .preview-icon i { font-size: 1.125rem; margin: 0; } .preview-list .preview-item .preview-thumbnail .badge { border: 2px solid #ffffff; border-radius: 100%; bottom: 5px; display: block; height: 14px; left: -5px; padding: 0; position: absolute; width: 14px; } .preview-list .preview-item .preview-item-content { line-height: 1; padding-left: 15px; } .preview-list .preview-item .preview-item-content:first-child { padding-left: 0; } .preview-list .preview-item .preview-item-content p { margin-bottom: 10px; } .preview-list .preview-item .preview-item-content p .content-category { font-family: 'source-sans-pro-semibold', sans-serif; padding-right: 15px; border-right: 1px solid #ebedf2; } .rtl .preview-list .preview-item .preview-item-content { padding-left: 0; padding-right: 1rem; margin-right: 0; margin-left: auto; } .preview-list .preview-item .preview-actions { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .preview-list .preview-item .preview-actions i { width: 29px; color: #e6e9ed; height: 29px; border: 2px solid #e6e9ed; border-radius: 100%; padding: 3px 6px; display: inline-block; } .preview-list .preview-item .preview-actions i:first-child { margin-right: 10px; } .preview-list.comment-preview .preview-item { padding: .87rem 0; } .preview-list.comment-preview .preview-item:first-child { padding-top: 0; } .preview-list.comment-preview .preview-item p { line-height: 27px; } .preview-list.bordered .preview-item { border-bottom: 1px solid #ebedf2; } .preview-list.bordered .preview-item:last-child { border-bottom: 0; } /* Tables */ .table { margin-bottom: 0; } .table thead th { border-top: 0; border-bottom-width: 1px; font-family: "ubuntu-medium", sans-serif; font-weight: initial; } .table thead th i { margin-left: 0.325rem; } .table th, .table td { vertical-align: middle; font-size: 0.875rem; line-height: 1; } .table th img, .table td img { width: 36px; height: 36px; border-radius: 100%; } .table th .badge, .table td .badge { margin-bottom: 0; } .table.table-borderless { border: none; } .table.table-borderless tr, .table.table-borderless td, .table.table-borderless th { border: none; } /*-------------------------------------------------------------------*/ /* === Landing screens === */ /* Auth */ .auth .auth-form-light { background: #ffffff; } .auth .auth-form-light select { color: #c9c8c8; } .auth .auth-form-light .input-group .form-control:focus, .auth .auth-form-light .input-group .form-control:active { border-color: #ebedf2; } .auth .brand-logo { margin-bottom: 2rem; } .auth .brand-logo img { width: 150px; } .auth form .form-group { margin-bottom: 1.5rem; } .auth form .form-group label { font-size: .8125rem; } .auth form .form-group .form-control { background: transparent; border-radius: 0; font-size: .9375rem; } .auth form .auth-form-btn { height: 50px; line-height: 1.5; } .auth form .auth-link { font-size: 0.875rem; } .auth form .auth-link:hover { color: initial; } .btn-newInList{ margin-top: -2em; padding: 1em; } .pagination{ margin-top:1em; } /*# sourceMappingURL=maps/style.css.map */ ================================================ FILE: src/Public/mekaeils-package/js/dashboard.js ================================================ (function($) { 'use strict'; $(function() { Chart.defaults.global.legend.labels.usePointStyle = true; if ($("#serviceSaleProgress").length) { var bar = new ProgressBar.Circle(serviceSaleProgress, { color: 'url(#gradient)', // This has to be the same size as the maximum width to // prevent clipping strokeWidth: 8, trailWidth: 8, easing: 'easeInOut', duration: 1400, text: { autoStyleContainer: false }, from: { color: '#aaa', width: 6 }, to: { color: '#57c7d4', width: 6 } }); bar.animate(.65); // Number from 0.0 to 1.0 bar.path.style.strokeLinecap = 'round'; let linearGradient = ''; bar.svg.insertAdjacentHTML('afterBegin', linearGradient); } if ($("#productSaleProgress").length) { var bar = new ProgressBar.Circle(productSaleProgress, { color: 'url(#productGradient)', // This has to be the same size as the maximum width to // prevent clipping strokeWidth: 8, trailWidth: 8, easing: 'easeInOut', duration: 1400, text: { autoStyleContainer: false }, from: { color: '#aaa', width: 6 }, to: { color: '#57c7d4', width: 6 } }); bar.animate(.6); // Number from 0.0 to 1.0 bar.path.style.strokeLinecap = 'round'; let linearGradient = ''; bar.svg.insertAdjacentHTML('afterBegin', linearGradient); } if ($("#points-chart").length) { var ctx = document.getElementById('points-chart').getContext("2d"); var gradientStrokeViolet = ctx.createLinearGradient(0, 0, 0, 181); gradientStrokeViolet.addColorStop(0, 'rgba(218, 140, 255, 1)'); gradientStrokeViolet.addColorStop(1, 'rgba(154, 85, 255, 1)'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: [1, 2, 3, 4, 5, 6, 7, 8], datasets: [ { label: "North Zone", borderColor: gradientStrokeViolet, backgroundColor: gradientStrokeViolet, hoverBackgroundColor: gradientStrokeViolet, pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [20, 40, 15, 35, 25, 50, 30, 20] }, { label: "South Zone", borderColor: '#e9eaee', backgroundColor: '#e9eaee', hoverBackgroundColor: '#e9eaee', pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [40, 30, 20, 10, 50, 15, 35, 20] } ] }, options: { legend: { display: false }, scales: { yAxes: [{ ticks: { display: false, min: 0, stepSize: 10 }, gridLines: { drawBorder: false, display: false } }], xAxes: [{ gridLines: { display:false, drawBorder: false, color: 'rgba(0,0,0,1)', zeroLineColor: '#eeeeee' }, ticks: { padding: 20, fontColor: "#9c9fa6", autoSkip: true, }, barPercentage: 0.7 }] } }, elements: { point: { radius: 0 } } }) } if ($("#events-chart").length) { var ctx = document.getElementById('events-chart').getContext("2d"); var gradientStrokeBlue = ctx.createLinearGradient(0, 0, 0, 181); gradientStrokeBlue.addColorStop(0, 'rgba(54, 215, 232, 1)'); gradientStrokeBlue.addColorStop(1, 'rgba(177, 148, 250, 1)'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: [1, 2, 3, 4, 5, 6, 7, 8], datasets: [ { label: "Domestic", borderColor: gradientStrokeBlue, backgroundColor: gradientStrokeBlue, hoverBackgroundColor: gradientStrokeBlue, pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [20, 40, 15, 35, 25, 50, 30, 20] }, { label: "International", borderColor: '#e9eaee', backgroundColor: '#e9eaee', hoverBackgroundColor: '#e9eaee', pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [40, 30, 20, 10, 50, 15, 35, 20] } ] }, options: { legend: { display: false }, scales: { yAxes: [{ ticks: { display: false, min: 0, stepSize: 10 }, gridLines: { drawBorder: false, display: false } }], xAxes: [{ gridLines: { display:false, drawBorder: false, color: 'rgba(0,0,0,1)', zeroLineColor: '#eeeeee' }, ticks: { padding: 20, fontColor: "#9c9fa6", autoSkip: true, }, barPercentage: 0.7 }] } }, elements: { point: { radius: 0 } } }) } if ($("#visit-sale-chart").length) { Chart.defaults.global.legend.labels.usePointStyle = true; var ctx = document.getElementById('visit-sale-chart').getContext("2d"); var gradientStrokeViolet = ctx.createLinearGradient(0, 0, 0, 181); gradientStrokeViolet.addColorStop(0, 'rgba(218, 140, 255, 1)'); gradientStrokeViolet.addColorStop(1, 'rgba(154, 85, 255, 1)'); var gradientLegendViolet = 'linear-gradient(to right, rgba(218, 140, 255, 1), rgba(154, 85, 255, 1))'; var gradientStrokeBlue = ctx.createLinearGradient(0, 0, 0, 360); gradientStrokeBlue.addColorStop(0, 'rgba(54, 215, 232, 1)'); gradientStrokeBlue.addColorStop(1, 'rgba(177, 148, 250, 1)'); var gradientLegendBlue = 'linear-gradient(to right, rgba(54, 215, 232, 1), rgba(177, 148, 250, 1))'; var gradientStrokeRed = ctx.createLinearGradient(0, 0, 0, 300); gradientStrokeRed.addColorStop(0, 'rgba(255, 191, 150, 1)'); gradientStrokeRed.addColorStop(1, 'rgba(254, 112, 150, 1)'); var gradientLegendRed = 'linear-gradient(to right, rgba(255, 191, 150, 1), rgba(254, 112, 150, 1))'; var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG'], datasets: [ { label: "CHN", borderColor: gradientStrokeViolet, backgroundColor: gradientStrokeViolet, hoverBackgroundColor: gradientStrokeViolet, legendColor: gradientLegendViolet, pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [20, 40, 15, 35, 25, 50, 30, 20] }, { label: "USA", borderColor: gradientStrokeRed, backgroundColor: gradientStrokeRed, hoverBackgroundColor: gradientStrokeRed, legendColor: gradientLegendRed, pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [40, 30, 20, 10, 50, 15, 35, 40] }, { label: "UK", borderColor: gradientStrokeBlue, backgroundColor: gradientStrokeBlue, hoverBackgroundColor: gradientStrokeBlue, legendColor: gradientLegendBlue, pointRadius: 0, fill: false, borderWidth: 1, fill: 'origin', data: [70, 10, 30, 40, 25, 50, 15, 30] } ] }, options: { responsive: true, legend: false, legendCallback: function(chart) { var text = []; text.push(''); return text.join(''); }, scales: { yAxes: [{ ticks: { display: false, min: 0, stepSize: 20, max: 80 }, gridLines: { drawBorder: false, color: 'rgba(235,237,242,1)', zeroLineColor: 'rgba(235,237,242,1)' } }], xAxes: [{ gridLines: { display:false, drawBorder: false, color: 'rgba(0,0,0,1)', zeroLineColor: 'rgba(235,237,242,1)' }, ticks: { padding: 20, fontColor: "#9c9fa6", autoSkip: true, }, categoryPercentage: 0.5, barPercentage: 0.5 }] } }, elements: { point: { radius: 0 } } }) $("#visit-sale-chart-legend").html(myChart.generateLegend()); } if ($("#traffic-chart").length) { var gradientStrokeBlue = ctx.createLinearGradient(0, 0, 0, 181); gradientStrokeBlue.addColorStop(0, 'rgba(54, 215, 232, 1)'); gradientStrokeBlue.addColorStop(1, 'rgba(177, 148, 250, 1)'); var gradientLegendBlue = 'linear-gradient(to right, rgba(54, 215, 232, 1), rgba(177, 148, 250, 1))'; var gradientStrokeRed = ctx.createLinearGradient(0, 0, 0, 50); gradientStrokeRed.addColorStop(0, 'rgba(255, 191, 150, 1)'); gradientStrokeRed.addColorStop(1, 'rgba(254, 112, 150, 1)'); var gradientLegendRed = 'linear-gradient(to right, rgba(255, 191, 150, 1), rgba(254, 112, 150, 1))'; var gradientStrokeGreen = ctx.createLinearGradient(0, 0, 0, 300); gradientStrokeGreen.addColorStop(0, 'rgba(6, 185, 157, 1)'); gradientStrokeGreen.addColorStop(1, 'rgba(132, 217, 210, 1)'); var gradientLegendGreen = 'linear-gradient(to right, rgba(6, 185, 157, 1), rgba(132, 217, 210, 1))'; var trafficChartData = { datasets: [{ data: [30, 30, 40], backgroundColor: [ gradientStrokeBlue, gradientStrokeGreen, gradientStrokeRed ], hoverBackgroundColor: [ gradientStrokeBlue, gradientStrokeGreen, gradientStrokeRed ], borderColor: [ gradientStrokeBlue, gradientStrokeGreen, gradientStrokeRed ], legendColor: [ gradientLegendBlue, gradientLegendGreen, gradientLegendRed ] }], // These labels appear in the legend and in the tooltips when hovering different arcs labels: [ 'Search Engines', 'Direct Click', 'Bookmarks Click', ] }; var trafficChartOptions = { responsive: true, animation: { animateScale: true, animateRotate: true }, legend: false, legendCallback: function(chart) { var text = []; text.push(''); return text.join(''); } }; var trafficChartCanvas = $("#traffic-chart").get(0).getContext("2d"); var trafficChart = new Chart(trafficChartCanvas, { type: 'doughnut', data: trafficChartData, options: trafficChartOptions }); $("#traffic-chart-legend").html(trafficChart.generateLegend()); } if ($("#inline-datepicker").length) { $('#inline-datepicker').datepicker({ enableOnReadonly: true, todayHighlight: true, }); } }); })(jQuery); ================================================ FILE: src/Public/mekaeils-package/js/misc.js ================================================ (function($) { 'use strict'; $(function() { var body = $('body'); var contentWrapper = $('.content-wrapper'); var scroller = $('.container-scroller'); var footer = $('.footer'); var sidebar = $('.sidebar'); //Add active class to nav-link based on url dynamically //Active class can be hard coded directly in html file also as required var current = location.pathname.split("/").slice(-1)[0].replace(/^\/|\/$/g, ''); $('.nav li a', sidebar).each(function() { var $this = $(this); if (current === "") { //for root url if ($this.attr('href').indexOf("index.html") !== -1) { $(this).parents('.nav-item').last().addClass('active'); if ($(this).parents('.sub-menu').length) { $(this).closest('.collapse').addClass('show'); $(this).addClass('active'); } } } else { //for other url if ($this.attr('href').indexOf(current) !== -1) { $(this).parents('.nav-item').last().addClass('active'); if ($(this).parents('.sub-menu').length) { $(this).closest('.collapse').addClass('show'); $(this).addClass('active'); } } } }) //Close other submenu in sidebar on opening any sidebar.on('show.bs.collapse', '.collapse', function() { sidebar.find('.collapse.show').collapse('hide'); }); //Change sidebar and content-wrapper height applyStyles(); function applyStyles() { //Applying perfect scrollbar if (!body.hasClass("rtl")) { if ($('.tab-content .tab-pane.scroll-wrapper').length) { const settingsPanelScroll = new PerfectScrollbar('.settings-panel .tab-content .tab-pane.scroll-wrapper'); } if ($('.chats').length) { const chatsScroll = new PerfectScrollbar('.chats'); } } } //checkbox and radios $(".form-check label,.form-radio label").append(''); //fullscreen $("#fullscreen-button").on("click", function toggleFullScreen() { if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } else if (document.documentElement.msRequestFullscreen) { document.documentElement.msRequestFullscreen(); } } else { if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } }) }); })(jQuery); ================================================ FILE: src/Public/mekaeils-package/js/off-canvas.js ================================================ (function($) { 'use strict'; $(function() { $('[data-toggle="offcanvas"]').on("click", function() { $('.sidebar-offcanvas').toggleClass('active') }); }); })(jQuery); ================================================ FILE: src/Public/mekaeils-package/vendors/css/vendor.bundle.base.css ================================================ /* * 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__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { 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 { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .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; } } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/README.md ================================================ # MaterialDesign-Webfont NPM/Bower Dist for Material Design Webfont. This includes the Stock and Community icons in a single webfont collection. ## Learn More https://github.com/Templarian/MaterialDesign ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/bower.json ================================================ { "name": "mdi", "version": "2.1.19", "main": [ "scss/materialdesignicons.scss" ], "homepage": "http://materialdesignicons.com", "authors": [ { "name": "Austin Andrews", "homepage": "http://templarian.com" }, { "name": "Google", "homepage": "http://www.google.com/design" } ], "license": ["OFL-1.1", "MIT"], "ignore": [ "*.md", "*.json" ], "keywords": [ "material", "design", "icons", "webfont" ] } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/css/materialdesignicons.css ================================================ /* MaterialDesignIcons.com */ @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=2.1.19"); src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=2.1.19") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=2.1.19") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=2.1.19") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=2.1.19") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=2.1.19#materialdesigniconsregular") format("svg"); font-weight: normal; font-style: normal; } .mdi:before, .mdi-set { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdi-access-point:before { content: "\F002"; } .mdi-access-point-network:before { content: "\F003"; } .mdi-account:before { content: "\F004"; } .mdi-account-alert:before { content: "\F005"; } .mdi-account-box:before { content: "\F006"; } .mdi-account-box-outline:before { content: "\F007"; } .mdi-account-card-details:before { content: "\F5D2"; } .mdi-account-check:before { content: "\F008"; } .mdi-account-circle:before { content: "\F009"; } .mdi-account-convert:before { content: "\F00A"; } .mdi-account-edit:before { content: "\F6BB"; } .mdi-account-key:before { content: "\F00B"; } .mdi-account-location:before { content: "\F00C"; } .mdi-account-minus:before { content: "\F00D"; } .mdi-account-multiple:before { content: "\F00E"; } .mdi-account-multiple-minus:before { content: "\F5D3"; } .mdi-account-multiple-outline:before { content: "\F00F"; } .mdi-account-multiple-plus:before { content: "\F010"; } .mdi-account-multiple-plus-outline:before { content: "\F7FF"; } .mdi-account-network:before { content: "\F011"; } .mdi-account-off:before { content: "\F012"; } .mdi-account-outline:before { content: "\F013"; } .mdi-account-plus:before { content: "\F014"; } .mdi-account-plus-outline:before { content: "\F800"; } .mdi-account-remove:before { content: "\F015"; } .mdi-account-search:before { content: "\F016"; } .mdi-account-settings:before { content: "\F630"; } .mdi-account-settings-variant:before { content: "\F631"; } .mdi-account-star:before { content: "\F017"; } .mdi-account-switch:before { content: "\F019"; } .mdi-adjust:before { content: "\F01A"; } .mdi-air-conditioner:before { content: "\F01B"; } .mdi-airballoon:before { content: "\F01C"; } .mdi-airplane:before { content: "\F01D"; } .mdi-airplane-landing:before { content: "\F5D4"; } .mdi-airplane-off:before { content: "\F01E"; } .mdi-airplane-takeoff:before { content: "\F5D5"; } .mdi-airplay:before { content: "\F01F"; } .mdi-alarm:before { content: "\F020"; } .mdi-alarm-bell:before { content: "\F78D"; } .mdi-alarm-check:before { content: "\F021"; } .mdi-alarm-light:before { content: "\F78E"; } .mdi-alarm-multiple:before { content: "\F022"; } .mdi-alarm-off:before { content: "\F023"; } .mdi-alarm-plus:before { content: "\F024"; } .mdi-alarm-snooze:before { content: "\F68D"; } .mdi-album:before { content: "\F025"; } .mdi-alert:before { content: "\F026"; } .mdi-alert-box:before { content: "\F027"; } .mdi-alert-circle:before { content: "\F028"; } .mdi-alert-circle-outline:before { content: "\F5D6"; } .mdi-alert-decagram:before { content: "\F6BC"; } .mdi-alert-octagon:before { content: "\F029"; } .mdi-alert-octagram:before { content: "\F766"; } .mdi-alert-outline:before { content: "\F02A"; } .mdi-all-inclusive:before { content: "\F6BD"; } .mdi-allo:before { content: "\F801"; } .mdi-alpha:before { content: "\F02B"; } .mdi-alphabetical:before { content: "\F02C"; } .mdi-altimeter:before { content: "\F5D7"; } .mdi-amazon:before { content: "\F02D"; } .mdi-amazon-clouddrive:before { content: "\F02E"; } .mdi-ambulance:before { content: "\F02F"; } .mdi-amplifier:before { content: "\F030"; } .mdi-anchor:before { content: "\F031"; } .mdi-android:before { content: "\F032"; } .mdi-android-debug-bridge:before { content: "\F033"; } .mdi-android-head:before { content: "\F78F"; } .mdi-android-studio:before { content: "\F034"; } .mdi-angular:before { content: "\F6B1"; } .mdi-angularjs:before { content: "\F6BE"; } .mdi-animation:before { content: "\F5D8"; } .mdi-apple:before { content: "\F035"; } .mdi-apple-finder:before { content: "\F036"; } .mdi-apple-ios:before { content: "\F037"; } .mdi-apple-keyboard-caps:before { content: "\F632"; } .mdi-apple-keyboard-command:before { content: "\F633"; } .mdi-apple-keyboard-control:before { content: "\F634"; } .mdi-apple-keyboard-option:before { content: "\F635"; } .mdi-apple-keyboard-shift:before { content: "\F636"; } .mdi-apple-mobileme:before { content: "\F038"; } .mdi-apple-safari:before { content: "\F039"; } .mdi-application:before { content: "\F614"; } .mdi-approval:before { content: "\F790"; } .mdi-apps:before { content: "\F03B"; } .mdi-archive:before { content: "\F03C"; } .mdi-arrange-bring-forward:before { content: "\F03D"; } .mdi-arrange-bring-to-front:before { content: "\F03E"; } .mdi-arrange-send-backward:before { content: "\F03F"; } .mdi-arrange-send-to-back:before { content: "\F040"; } .mdi-arrow-all:before { content: "\F041"; } .mdi-arrow-bottom-left:before { content: "\F042"; } .mdi-arrow-bottom-right:before { content: "\F043"; } .mdi-arrow-collapse:before { content: "\F615"; } .mdi-arrow-collapse-all:before { content: "\F044"; } .mdi-arrow-collapse-down:before { content: "\F791"; } .mdi-arrow-collapse-left:before { content: "\F792"; } .mdi-arrow-collapse-right:before { content: "\F793"; } .mdi-arrow-collapse-up:before { content: "\F794"; } .mdi-arrow-down:before { content: "\F045"; } .mdi-arrow-down-bold:before { content: "\F72D"; } .mdi-arrow-down-bold-box:before { content: "\F72E"; } .mdi-arrow-down-bold-box-outline:before { content: "\F72F"; } .mdi-arrow-down-bold-circle:before { content: "\F047"; } .mdi-arrow-down-bold-circle-outline:before { content: "\F048"; } .mdi-arrow-down-bold-hexagon-outline:before { content: "\F049"; } .mdi-arrow-down-box:before { content: "\F6BF"; } .mdi-arrow-down-drop-circle:before { content: "\F04A"; } .mdi-arrow-down-drop-circle-outline:before { content: "\F04B"; } .mdi-arrow-down-thick:before { content: "\F046"; } .mdi-arrow-expand:before { content: "\F616"; } .mdi-arrow-expand-all:before { content: "\F04C"; } .mdi-arrow-expand-down:before { content: "\F795"; } .mdi-arrow-expand-left:before { content: "\F796"; } .mdi-arrow-expand-right:before { content: "\F797"; } .mdi-arrow-expand-up:before { content: "\F798"; } .mdi-arrow-left:before { content: "\F04D"; } .mdi-arrow-left-bold:before { content: "\F730"; } .mdi-arrow-left-bold-box:before { content: "\F731"; } .mdi-arrow-left-bold-box-outline:before { content: "\F732"; } .mdi-arrow-left-bold-circle:before { content: "\F04F"; } .mdi-arrow-left-bold-circle-outline:before { content: "\F050"; } .mdi-arrow-left-bold-hexagon-outline:before { content: "\F051"; } .mdi-arrow-left-box:before { content: "\F6C0"; } .mdi-arrow-left-drop-circle:before { content: "\F052"; } .mdi-arrow-left-drop-circle-outline:before { content: "\F053"; } .mdi-arrow-left-thick:before { content: "\F04E"; } .mdi-arrow-right:before { content: "\F054"; } .mdi-arrow-right-bold:before { content: "\F733"; } .mdi-arrow-right-bold-box:before { content: "\F734"; } .mdi-arrow-right-bold-box-outline:before { content: "\F735"; } .mdi-arrow-right-bold-circle:before { content: "\F056"; } .mdi-arrow-right-bold-circle-outline:before { content: "\F057"; } .mdi-arrow-right-bold-hexagon-outline:before { content: "\F058"; } .mdi-arrow-right-box:before { content: "\F6C1"; } .mdi-arrow-right-drop-circle:before { content: "\F059"; } .mdi-arrow-right-drop-circle-outline:before { content: "\F05A"; } .mdi-arrow-right-thick:before { content: "\F055"; } .mdi-arrow-top-left:before { content: "\F05B"; } .mdi-arrow-top-right:before { content: "\F05C"; } .mdi-arrow-up:before { content: "\F05D"; } .mdi-arrow-up-bold:before { content: "\F736"; } .mdi-arrow-up-bold-box:before { content: "\F737"; } .mdi-arrow-up-bold-box-outline:before { content: "\F738"; } .mdi-arrow-up-bold-circle:before { content: "\F05F"; } .mdi-arrow-up-bold-circle-outline:before { content: "\F060"; } .mdi-arrow-up-bold-hexagon-outline:before { content: "\F061"; } .mdi-arrow-up-box:before { content: "\F6C2"; } .mdi-arrow-up-drop-circle:before { content: "\F062"; } .mdi-arrow-up-drop-circle-outline:before { content: "\F063"; } .mdi-arrow-up-thick:before { content: "\F05E"; } .mdi-artist:before { content: "\F802"; } .mdi-assistant:before { content: "\F064"; } .mdi-asterisk:before { content: "\F6C3"; } .mdi-at:before { content: "\F065"; } .mdi-atlassian:before { content: "\F803"; } .mdi-atom:before { content: "\F767"; } .mdi-attachment:before { content: "\F066"; } .mdi-audiobook:before { content: "\F067"; } .mdi-auto-fix:before { content: "\F068"; } .mdi-auto-upload:before { content: "\F069"; } .mdi-autorenew:before { content: "\F06A"; } .mdi-av-timer:before { content: "\F06B"; } .mdi-azure:before { content: "\F804"; } .mdi-baby:before { content: "\F06C"; } .mdi-baby-buggy:before { content: "\F68E"; } .mdi-backburger:before { content: "\F06D"; } .mdi-backspace:before { content: "\F06E"; } .mdi-backup-restore:before { content: "\F06F"; } .mdi-bandcamp:before { content: "\F674"; } .mdi-bank:before { content: "\F070"; } .mdi-barcode:before { content: "\F071"; } .mdi-barcode-scan:before { content: "\F072"; } .mdi-barley:before { content: "\F073"; } .mdi-barrel:before { content: "\F074"; } .mdi-basecamp:before { content: "\F075"; } .mdi-basket:before { content: "\F076"; } .mdi-basket-fill:before { content: "\F077"; } .mdi-basket-unfill:before { content: "\F078"; } .mdi-basketball:before { content: "\F805"; } .mdi-battery:before { content: "\F079"; } .mdi-battery-10:before { content: "\F07A"; } .mdi-battery-20:before { content: "\F07B"; } .mdi-battery-30:before { content: "\F07C"; } .mdi-battery-40:before { content: "\F07D"; } .mdi-battery-50:before { content: "\F07E"; } .mdi-battery-60:before { content: "\F07F"; } .mdi-battery-70:before { content: "\F080"; } .mdi-battery-80:before { content: "\F081"; } .mdi-battery-90:before { content: "\F082"; } .mdi-battery-alert:before { content: "\F083"; } .mdi-battery-charging:before { content: "\F084"; } .mdi-battery-charging-100:before { content: "\F085"; } .mdi-battery-charging-20:before { content: "\F086"; } .mdi-battery-charging-30:before { content: "\F087"; } .mdi-battery-charging-40:before { content: "\F088"; } .mdi-battery-charging-60:before { content: "\F089"; } .mdi-battery-charging-80:before { content: "\F08A"; } .mdi-battery-charging-90:before { content: "\F08B"; } .mdi-battery-charging-wireless:before { content: "\F806"; } .mdi-battery-charging-wireless-10:before { content: "\F807"; } .mdi-battery-charging-wireless-20:before { content: "\F808"; } .mdi-battery-charging-wireless-30:before { content: "\F809"; } .mdi-battery-charging-wireless-40:before { content: "\F80A"; } .mdi-battery-charging-wireless-50:before { content: "\F80B"; } .mdi-battery-charging-wireless-60:before { content: "\F80C"; } .mdi-battery-charging-wireless-70:before { content: "\F80D"; } .mdi-battery-charging-wireless-80:before { content: "\F80E"; } .mdi-battery-charging-wireless-90:before { content: "\F80F"; } .mdi-battery-charging-wireless-alert:before { content: "\F810"; } .mdi-battery-charging-wireless-outline:before { content: "\F811"; } .mdi-battery-minus:before { content: "\F08C"; } .mdi-battery-negative:before { content: "\F08D"; } .mdi-battery-outline:before { content: "\F08E"; } .mdi-battery-plus:before { content: "\F08F"; } .mdi-battery-positive:before { content: "\F090"; } .mdi-battery-unknown:before { content: "\F091"; } .mdi-beach:before { content: "\F092"; } .mdi-beaker:before { content: "\F68F"; } .mdi-beats:before { content: "\F097"; } .mdi-beer:before { content: "\F098"; } .mdi-behance:before { content: "\F099"; } .mdi-bell:before { content: "\F09A"; } .mdi-bell-off:before { content: "\F09B"; } .mdi-bell-outline:before { content: "\F09C"; } .mdi-bell-plus:before { content: "\F09D"; } .mdi-bell-ring:before { content: "\F09E"; } .mdi-bell-ring-outline:before { content: "\F09F"; } .mdi-bell-sleep:before { content: "\F0A0"; } .mdi-beta:before { content: "\F0A1"; } .mdi-bible:before { content: "\F0A2"; } .mdi-bike:before { content: "\F0A3"; } .mdi-bing:before { content: "\F0A4"; } .mdi-binoculars:before { content: "\F0A5"; } .mdi-bio:before { content: "\F0A6"; } .mdi-biohazard:before { content: "\F0A7"; } .mdi-bitbucket:before { content: "\F0A8"; } .mdi-bitcoin:before { content: "\F812"; } .mdi-black-mesa:before { content: "\F0A9"; } .mdi-blackberry:before { content: "\F0AA"; } .mdi-blender:before { content: "\F0AB"; } .mdi-blinds:before { content: "\F0AC"; } .mdi-block-helper:before { content: "\F0AD"; } .mdi-blogger:before { content: "\F0AE"; } .mdi-bluetooth:before { content: "\F0AF"; } .mdi-bluetooth-audio:before { content: "\F0B0"; } .mdi-bluetooth-connect:before { content: "\F0B1"; } .mdi-bluetooth-off:before { content: "\F0B2"; } .mdi-bluetooth-settings:before { content: "\F0B3"; } .mdi-bluetooth-transfer:before { content: "\F0B4"; } .mdi-blur:before { content: "\F0B5"; } .mdi-blur-linear:before { content: "\F0B6"; } .mdi-blur-off:before { content: "\F0B7"; } .mdi-blur-radial:before { content: "\F0B8"; } .mdi-bomb:before { content: "\F690"; } .mdi-bomb-off:before { content: "\F6C4"; } .mdi-bone:before { content: "\F0B9"; } .mdi-book:before { content: "\F0BA"; } .mdi-book-minus:before { content: "\F5D9"; } .mdi-book-multiple:before { content: "\F0BB"; } .mdi-book-multiple-variant:before { content: "\F0BC"; } .mdi-book-open:before { content: "\F0BD"; } .mdi-book-open-page-variant:before { content: "\F5DA"; } .mdi-book-open-variant:before { content: "\F0BE"; } .mdi-book-plus:before { content: "\F5DB"; } .mdi-book-secure:before { content: "\F799"; } .mdi-book-unsecure:before { content: "\F79A"; } .mdi-book-variant:before { content: "\F0BF"; } .mdi-bookmark:before { content: "\F0C0"; } .mdi-bookmark-check:before { content: "\F0C1"; } .mdi-bookmark-music:before { content: "\F0C2"; } .mdi-bookmark-outline:before { content: "\F0C3"; } .mdi-bookmark-plus:before { content: "\F0C5"; } .mdi-bookmark-plus-outline:before { content: "\F0C4"; } .mdi-bookmark-remove:before { content: "\F0C6"; } .mdi-boombox:before { content: "\F5DC"; } .mdi-bootstrap:before { content: "\F6C5"; } .mdi-border-all:before { content: "\F0C7"; } .mdi-border-bottom:before { content: "\F0C8"; } .mdi-border-color:before { content: "\F0C9"; } .mdi-border-horizontal:before { content: "\F0CA"; } .mdi-border-inside:before { content: "\F0CB"; } .mdi-border-left:before { content: "\F0CC"; } .mdi-border-none:before { content: "\F0CD"; } .mdi-border-outside:before { content: "\F0CE"; } .mdi-border-right:before { content: "\F0CF"; } .mdi-border-style:before { content: "\F0D0"; } .mdi-border-top:before { content: "\F0D1"; } .mdi-border-vertical:before { content: "\F0D2"; } .mdi-bow-tie:before { content: "\F677"; } .mdi-bowl:before { content: "\F617"; } .mdi-bowling:before { content: "\F0D3"; } .mdi-box:before { content: "\F0D4"; } .mdi-box-cutter:before { content: "\F0D5"; } .mdi-box-shadow:before { content: "\F637"; } .mdi-bridge:before { content: "\F618"; } .mdi-briefcase:before { content: "\F0D6"; } .mdi-briefcase-check:before { content: "\F0D7"; } .mdi-briefcase-download:before { content: "\F0D8"; } .mdi-briefcase-outline:before { content: "\F813"; } .mdi-briefcase-upload:before { content: "\F0D9"; } .mdi-brightness-1:before { content: "\F0DA"; } .mdi-brightness-2:before { content: "\F0DB"; } .mdi-brightness-3:before { content: "\F0DC"; } .mdi-brightness-4:before { content: "\F0DD"; } .mdi-brightness-5:before { content: "\F0DE"; } .mdi-brightness-6:before { content: "\F0DF"; } .mdi-brightness-7:before { content: "\F0E0"; } .mdi-brightness-auto:before { content: "\F0E1"; } .mdi-broom:before { content: "\F0E2"; } .mdi-brush:before { content: "\F0E3"; } .mdi-buffer:before { content: "\F619"; } .mdi-bug:before { content: "\F0E4"; } .mdi-bulletin-board:before { content: "\F0E5"; } .mdi-bullhorn:before { content: "\F0E6"; } .mdi-bullseye:before { content: "\F5DD"; } .mdi-bus:before { content: "\F0E7"; } .mdi-bus-articulated-end:before { content: "\F79B"; } .mdi-bus-articulated-front:before { content: "\F79C"; } .mdi-bus-double-decker:before { content: "\F79D"; } .mdi-bus-school:before { content: "\F79E"; } .mdi-bus-side:before { content: "\F79F"; } .mdi-cached:before { content: "\F0E8"; } .mdi-cake:before { content: "\F0E9"; } .mdi-cake-layered:before { content: "\F0EA"; } .mdi-cake-variant:before { content: "\F0EB"; } .mdi-calculator:before { content: "\F0EC"; } .mdi-calendar:before { content: "\F0ED"; } .mdi-calendar-blank:before { content: "\F0EE"; } .mdi-calendar-check:before { content: "\F0EF"; } .mdi-calendar-clock:before { content: "\F0F0"; } .mdi-calendar-multiple:before { content: "\F0F1"; } .mdi-calendar-multiple-check:before { content: "\F0F2"; } .mdi-calendar-plus:before { content: "\F0F3"; } .mdi-calendar-question:before { content: "\F691"; } .mdi-calendar-range:before { content: "\F678"; } .mdi-calendar-remove:before { content: "\F0F4"; } .mdi-calendar-text:before { content: "\F0F5"; } .mdi-calendar-today:before { content: "\F0F6"; } .mdi-call-made:before { content: "\F0F7"; } .mdi-call-merge:before { content: "\F0F8"; } .mdi-call-missed:before { content: "\F0F9"; } .mdi-call-received:before { content: "\F0FA"; } .mdi-call-split:before { content: "\F0FB"; } .mdi-camcorder:before { content: "\F0FC"; } .mdi-camcorder-box:before { content: "\F0FD"; } .mdi-camcorder-box-off:before { content: "\F0FE"; } .mdi-camcorder-off:before { content: "\F0FF"; } .mdi-camera:before { content: "\F100"; } .mdi-camera-burst:before { content: "\F692"; } .mdi-camera-enhance:before { content: "\F101"; } .mdi-camera-front:before { content: "\F102"; } .mdi-camera-front-variant:before { content: "\F103"; } .mdi-camera-gopro:before { content: "\F7A0"; } .mdi-camera-iris:before { content: "\F104"; } .mdi-camera-metering-center:before { content: "\F7A1"; } .mdi-camera-metering-matrix:before { content: "\F7A2"; } .mdi-camera-metering-partial:before { content: "\F7A3"; } .mdi-camera-metering-spot:before { content: "\F7A4"; } .mdi-camera-off:before { content: "\F5DF"; } .mdi-camera-party-mode:before { content: "\F105"; } .mdi-camera-rear:before { content: "\F106"; } .mdi-camera-rear-variant:before { content: "\F107"; } .mdi-camera-switch:before { content: "\F108"; } .mdi-camera-timer:before { content: "\F109"; } .mdi-cancel:before { content: "\F739"; } .mdi-candle:before { content: "\F5E2"; } .mdi-candycane:before { content: "\F10A"; } .mdi-cannabis:before { content: "\F7A5"; } .mdi-car:before { content: "\F10B"; } .mdi-car-battery:before { content: "\F10C"; } .mdi-car-connected:before { content: "\F10D"; } .mdi-car-convertible:before { content: "\F7A6"; } .mdi-car-estate:before { content: "\F7A7"; } .mdi-car-hatchback:before { content: "\F7A8"; } .mdi-car-pickup:before { content: "\F7A9"; } .mdi-car-side:before { content: "\F7AA"; } .mdi-car-sports:before { content: "\F7AB"; } .mdi-car-wash:before { content: "\F10E"; } .mdi-caravan:before { content: "\F7AC"; } .mdi-cards:before { content: "\F638"; } .mdi-cards-outline:before { content: "\F639"; } .mdi-cards-playing-outline:before { content: "\F63A"; } .mdi-cards-variant:before { content: "\F6C6"; } .mdi-carrot:before { content: "\F10F"; } .mdi-cart:before { content: "\F110"; } .mdi-cart-off:before { content: "\F66B"; } .mdi-cart-outline:before { content: "\F111"; } .mdi-cart-plus:before { content: "\F112"; } .mdi-case-sensitive-alt:before { content: "\F113"; } .mdi-cash:before { content: "\F114"; } .mdi-cash-100:before { content: "\F115"; } .mdi-cash-multiple:before { content: "\F116"; } .mdi-cash-usd:before { content: "\F117"; } .mdi-cast:before { content: "\F118"; } .mdi-cast-connected:before { content: "\F119"; } .mdi-cast-off:before { content: "\F789"; } .mdi-castle:before { content: "\F11A"; } .mdi-cat:before { content: "\F11B"; } .mdi-cctv:before { content: "\F7AD"; } .mdi-ceiling-light:before { content: "\F768"; } .mdi-cellphone:before { content: "\F11C"; } .mdi-cellphone-android:before { content: "\F11D"; } .mdi-cellphone-basic:before { content: "\F11E"; } .mdi-cellphone-dock:before { content: "\F11F"; } .mdi-cellphone-iphone:before { content: "\F120"; } .mdi-cellphone-link:before { content: "\F121"; } .mdi-cellphone-link-off:before { content: "\F122"; } .mdi-cellphone-settings:before { content: "\F123"; } .mdi-cellphone-wireless:before { content: "\F814"; } .mdi-certificate:before { content: "\F124"; } .mdi-chair-school:before { content: "\F125"; } .mdi-chart-arc:before { content: "\F126"; } .mdi-chart-areaspline:before { content: "\F127"; } .mdi-chart-bar:before { content: "\F128"; } .mdi-chart-bar-stacked:before { content: "\F769"; } .mdi-chart-bubble:before { content: "\F5E3"; } .mdi-chart-donut:before { content: "\F7AE"; } .mdi-chart-donut-variant:before { content: "\F7AF"; } .mdi-chart-gantt:before { content: "\F66C"; } .mdi-chart-histogram:before { content: "\F129"; } .mdi-chart-line:before { content: "\F12A"; } .mdi-chart-line-stacked:before { content: "\F76A"; } .mdi-chart-line-variant:before { content: "\F7B0"; } .mdi-chart-pie:before { content: "\F12B"; } .mdi-chart-scatterplot-hexbin:before { content: "\F66D"; } .mdi-chart-timeline:before { content: "\F66E"; } .mdi-check:before { content: "\F12C"; } .mdi-check-all:before { content: "\F12D"; } .mdi-check-circle:before { content: "\F5E0"; } .mdi-check-circle-outline:before { content: "\F5E1"; } .mdi-checkbox-blank:before { content: "\F12E"; } .mdi-checkbox-blank-circle:before { content: "\F12F"; } .mdi-checkbox-blank-circle-outline:before { content: "\F130"; } .mdi-checkbox-blank-outline:before { content: "\F131"; } .mdi-checkbox-marked:before { content: "\F132"; } .mdi-checkbox-marked-circle:before { content: "\F133"; } .mdi-checkbox-marked-circle-outline:before { content: "\F134"; } .mdi-checkbox-marked-outline:before { content: "\F135"; } .mdi-checkbox-multiple-blank:before { content: "\F136"; } .mdi-checkbox-multiple-blank-circle:before { content: "\F63B"; } .mdi-checkbox-multiple-blank-circle-outline:before { content: "\F63C"; } .mdi-checkbox-multiple-blank-outline:before { content: "\F137"; } .mdi-checkbox-multiple-marked:before { content: "\F138"; } .mdi-checkbox-multiple-marked-circle:before { content: "\F63D"; } .mdi-checkbox-multiple-marked-circle-outline:before { content: "\F63E"; } .mdi-checkbox-multiple-marked-outline:before { content: "\F139"; } .mdi-checkerboard:before { content: "\F13A"; } .mdi-chemical-weapon:before { content: "\F13B"; } .mdi-chevron-double-down:before { content: "\F13C"; } .mdi-chevron-double-left:before { content: "\F13D"; } .mdi-chevron-double-right:before { content: "\F13E"; } .mdi-chevron-double-up:before { content: "\F13F"; } .mdi-chevron-down:before { content: "\F140"; } .mdi-chevron-left:before { content: "\F141"; } .mdi-chevron-right:before { content: "\F142"; } .mdi-chevron-up:before { content: "\F143"; } .mdi-chili-hot:before { content: "\F7B1"; } .mdi-chili-medium:before { content: "\F7B2"; } .mdi-chili-mild:before { content: "\F7B3"; } .mdi-chip:before { content: "\F61A"; } .mdi-church:before { content: "\F144"; } .mdi-circle:before { content: "\F764"; } .mdi-circle-outline:before { content: "\F765"; } .mdi-cisco-webex:before { content: "\F145"; } .mdi-city:before { content: "\F146"; } .mdi-clipboard:before { content: "\F147"; } .mdi-clipboard-account:before { content: "\F148"; } .mdi-clipboard-alert:before { content: "\F149"; } .mdi-clipboard-arrow-down:before { content: "\F14A"; } .mdi-clipboard-arrow-left:before { content: "\F14B"; } .mdi-clipboard-check:before { content: "\F14C"; } .mdi-clipboard-flow:before { content: "\F6C7"; } .mdi-clipboard-outline:before { content: "\F14D"; } .mdi-clipboard-plus:before { content: "\F750"; } .mdi-clipboard-text:before { content: "\F14E"; } .mdi-clippy:before { content: "\F14F"; } .mdi-clock:before { content: "\F150"; } .mdi-clock-alert:before { content: "\F5CE"; } .mdi-clock-end:before { content: "\F151"; } .mdi-clock-fast:before { content: "\F152"; } .mdi-clock-in:before { content: "\F153"; } .mdi-clock-out:before { content: "\F154"; } .mdi-clock-start:before { content: "\F155"; } .mdi-close:before { content: "\F156"; } .mdi-close-box:before { content: "\F157"; } .mdi-close-box-outline:before { content: "\F158"; } .mdi-close-circle:before { content: "\F159"; } .mdi-close-circle-outline:before { content: "\F15A"; } .mdi-close-network:before { content: "\F15B"; } .mdi-close-octagon:before { content: "\F15C"; } .mdi-close-octagon-outline:before { content: "\F15D"; } .mdi-close-outline:before { content: "\F6C8"; } .mdi-closed-caption:before { content: "\F15E"; } .mdi-cloud:before { content: "\F15F"; } .mdi-cloud-braces:before { content: "\F7B4"; } .mdi-cloud-check:before { content: "\F160"; } .mdi-cloud-circle:before { content: "\F161"; } .mdi-cloud-download:before { content: "\F162"; } .mdi-cloud-off-outline:before { content: "\F164"; } .mdi-cloud-outline:before { content: "\F163"; } .mdi-cloud-print:before { content: "\F165"; } .mdi-cloud-print-outline:before { content: "\F166"; } .mdi-cloud-sync:before { content: "\F63F"; } .mdi-cloud-tags:before { content: "\F7B5"; } .mdi-cloud-upload:before { content: "\F167"; } .mdi-clover:before { content: "\F815"; } .mdi-code-array:before { content: "\F168"; } .mdi-code-braces:before { content: "\F169"; } .mdi-code-brackets:before { content: "\F16A"; } .mdi-code-equal:before { content: "\F16B"; } .mdi-code-greater-than:before { content: "\F16C"; } .mdi-code-greater-than-or-equal:before { content: "\F16D"; } .mdi-code-less-than:before { content: "\F16E"; } .mdi-code-less-than-or-equal:before { content: "\F16F"; } .mdi-code-not-equal:before { content: "\F170"; } .mdi-code-not-equal-variant:before { content: "\F171"; } .mdi-code-parentheses:before { content: "\F172"; } .mdi-code-string:before { content: "\F173"; } .mdi-code-tags:before { content: "\F174"; } .mdi-code-tags-check:before { content: "\F693"; } .mdi-codepen:before { content: "\F175"; } .mdi-coffee:before { content: "\F176"; } .mdi-coffee-outline:before { content: "\F6C9"; } .mdi-coffee-to-go:before { content: "\F177"; } .mdi-coin:before { content: "\F178"; } .mdi-coins:before { content: "\F694"; } .mdi-collage:before { content: "\F640"; } .mdi-color-helper:before { content: "\F179"; } .mdi-comment:before { content: "\F17A"; } .mdi-comment-account:before { content: "\F17B"; } .mdi-comment-account-outline:before { content: "\F17C"; } .mdi-comment-alert:before { content: "\F17D"; } .mdi-comment-alert-outline:before { content: "\F17E"; } .mdi-comment-check:before { content: "\F17F"; } .mdi-comment-check-outline:before { content: "\F180"; } .mdi-comment-multiple-outline:before { content: "\F181"; } .mdi-comment-outline:before { content: "\F182"; } .mdi-comment-plus-outline:before { content: "\F183"; } .mdi-comment-processing:before { content: "\F184"; } .mdi-comment-processing-outline:before { content: "\F185"; } .mdi-comment-question:before { content: "\F816"; } .mdi-comment-question-outline:before { content: "\F186"; } .mdi-comment-remove:before { content: "\F5DE"; } .mdi-comment-remove-outline:before { content: "\F187"; } .mdi-comment-text:before { content: "\F188"; } .mdi-comment-text-outline:before { content: "\F189"; } .mdi-compare:before { content: "\F18A"; } .mdi-compass:before { content: "\F18B"; } .mdi-compass-outline:before { content: "\F18C"; } .mdi-console:before { content: "\F18D"; } .mdi-console-line:before { content: "\F7B6"; } .mdi-contact-mail:before { content: "\F18E"; } .mdi-contacts:before { content: "\F6CA"; } .mdi-content-copy:before { content: "\F18F"; } .mdi-content-cut:before { content: "\F190"; } .mdi-content-duplicate:before { content: "\F191"; } .mdi-content-paste:before { content: "\F192"; } .mdi-content-save:before { content: "\F193"; } .mdi-content-save-all:before { content: "\F194"; } .mdi-content-save-outline:before { content: "\F817"; } .mdi-content-save-settings:before { content: "\F61B"; } .mdi-contrast:before { content: "\F195"; } .mdi-contrast-box:before { content: "\F196"; } .mdi-contrast-circle:before { content: "\F197"; } .mdi-cookie:before { content: "\F198"; } .mdi-copyright:before { content: "\F5E6"; } .mdi-corn:before { content: "\F7B7"; } .mdi-counter:before { content: "\F199"; } .mdi-cow:before { content: "\F19A"; } .mdi-creation:before { content: "\F1C9"; } .mdi-credit-card:before { content: "\F19B"; } .mdi-credit-card-multiple:before { content: "\F19C"; } .mdi-credit-card-off:before { content: "\F5E4"; } .mdi-credit-card-plus:before { content: "\F675"; } .mdi-credit-card-scan:before { content: "\F19D"; } .mdi-crop:before { content: "\F19E"; } .mdi-crop-free:before { content: "\F19F"; } .mdi-crop-landscape:before { content: "\F1A0"; } .mdi-crop-portrait:before { content: "\F1A1"; } .mdi-crop-rotate:before { content: "\F695"; } .mdi-crop-square:before { content: "\F1A2"; } .mdi-crosshairs:before { content: "\F1A3"; } .mdi-crosshairs-gps:before { content: "\F1A4"; } .mdi-crown:before { content: "\F1A5"; } .mdi-cube:before { content: "\F1A6"; } .mdi-cube-outline:before { content: "\F1A7"; } .mdi-cube-send:before { content: "\F1A8"; } .mdi-cube-unfolded:before { content: "\F1A9"; } .mdi-cup:before { content: "\F1AA"; } .mdi-cup-off:before { content: "\F5E5"; } .mdi-cup-water:before { content: "\F1AB"; } .mdi-currency-btc:before { content: "\F1AC"; } .mdi-currency-chf:before { content: "\F7B8"; } .mdi-currency-cny:before { content: "\F7B9"; } .mdi-currency-eth:before { content: "\F7BA"; } .mdi-currency-eur:before { content: "\F1AD"; } .mdi-currency-gbp:before { content: "\F1AE"; } .mdi-currency-inr:before { content: "\F1AF"; } .mdi-currency-jpy:before { content: "\F7BB"; } .mdi-currency-krw:before { content: "\F7BC"; } .mdi-currency-ngn:before { content: "\F1B0"; } .mdi-currency-rub:before { content: "\F1B1"; } .mdi-currency-sign:before { content: "\F7BD"; } .mdi-currency-try:before { content: "\F1B2"; } .mdi-currency-twd:before { content: "\F7BE"; } .mdi-currency-usd:before { content: "\F1B3"; } .mdi-currency-usd-off:before { content: "\F679"; } .mdi-cursor-default:before { content: "\F1B4"; } .mdi-cursor-default-outline:before { content: "\F1B5"; } .mdi-cursor-move:before { content: "\F1B6"; } .mdi-cursor-pointer:before { content: "\F1B7"; } .mdi-cursor-text:before { content: "\F5E7"; } .mdi-database:before { content: "\F1B8"; } .mdi-database-minus:before { content: "\F1B9"; } .mdi-database-plus:before { content: "\F1BA"; } .mdi-debug-step-into:before { content: "\F1BB"; } .mdi-debug-step-out:before { content: "\F1BC"; } .mdi-debug-step-over:before { content: "\F1BD"; } .mdi-decagram:before { content: "\F76B"; } .mdi-decagram-outline:before { content: "\F76C"; } .mdi-decimal-decrease:before { content: "\F1BE"; } .mdi-decimal-increase:before { content: "\F1BF"; } .mdi-delete:before { content: "\F1C0"; } .mdi-delete-circle:before { content: "\F682"; } .mdi-delete-empty:before { content: "\F6CB"; } .mdi-delete-forever:before { content: "\F5E8"; } .mdi-delete-restore:before { content: "\F818"; } .mdi-delete-sweep:before { content: "\F5E9"; } .mdi-delete-variant:before { content: "\F1C1"; } .mdi-delta:before { content: "\F1C2"; } .mdi-deskphone:before { content: "\F1C3"; } .mdi-desktop-classic:before { content: "\F7BF"; } .mdi-desktop-mac:before { content: "\F1C4"; } .mdi-desktop-tower:before { content: "\F1C5"; } .mdi-details:before { content: "\F1C6"; } .mdi-developer-board:before { content: "\F696"; } .mdi-deviantart:before { content: "\F1C7"; } .mdi-dialpad:before { content: "\F61C"; } .mdi-diamond:before { content: "\F1C8"; } .mdi-dice-1:before { content: "\F1CA"; } .mdi-dice-2:before { content: "\F1CB"; } .mdi-dice-3:before { content: "\F1CC"; } .mdi-dice-4:before { content: "\F1CD"; } .mdi-dice-5:before { content: "\F1CE"; } .mdi-dice-6:before { content: "\F1CF"; } .mdi-dice-d10:before { content: "\F76E"; } .mdi-dice-d20:before { content: "\F5EA"; } .mdi-dice-d4:before { content: "\F5EB"; } .mdi-dice-d6:before { content: "\F5EC"; } .mdi-dice-d8:before { content: "\F5ED"; } .mdi-dice-multiple:before { content: "\F76D"; } .mdi-dictionary:before { content: "\F61D"; } .mdi-dip-switch:before { content: "\F7C0"; } .mdi-directions:before { content: "\F1D0"; } .mdi-directions-fork:before { content: "\F641"; } .mdi-discord:before { content: "\F66F"; } .mdi-disk:before { content: "\F5EE"; } .mdi-disk-alert:before { content: "\F1D1"; } .mdi-disqus:before { content: "\F1D2"; } .mdi-disqus-outline:before { content: "\F1D3"; } .mdi-division:before { content: "\F1D4"; } .mdi-division-box:before { content: "\F1D5"; } .mdi-dna:before { content: "\F683"; } .mdi-dns:before { content: "\F1D6"; } .mdi-do-not-disturb:before { content: "\F697"; } .mdi-do-not-disturb-off:before { content: "\F698"; } .mdi-dolby:before { content: "\F6B2"; } .mdi-domain:before { content: "\F1D7"; } .mdi-donkey:before { content: "\F7C1"; } .mdi-door:before { content: "\F819"; } .mdi-door-closed:before { content: "\F81A"; } .mdi-door-open:before { content: "\F81B"; } .mdi-dots-horizontal:before { content: "\F1D8"; } .mdi-dots-horizontal-circle:before { content: "\F7C2"; } .mdi-dots-vertical:before { content: "\F1D9"; } .mdi-dots-vertical-circle:before { content: "\F7C3"; } .mdi-douban:before { content: "\F699"; } .mdi-download:before { content: "\F1DA"; } .mdi-download-network:before { content: "\F6F3"; } .mdi-drag:before { content: "\F1DB"; } .mdi-drag-horizontal:before { content: "\F1DC"; } .mdi-drag-vertical:before { content: "\F1DD"; } .mdi-drawing:before { content: "\F1DE"; } .mdi-drawing-box:before { content: "\F1DF"; } .mdi-dribbble:before { content: "\F1E0"; } .mdi-dribbble-box:before { content: "\F1E1"; } .mdi-drone:before { content: "\F1E2"; } .mdi-dropbox:before { content: "\F1E3"; } .mdi-drupal:before { content: "\F1E4"; } .mdi-duck:before { content: "\F1E5"; } .mdi-dumbbell:before { content: "\F1E6"; } .mdi-ear-hearing:before { content: "\F7C4"; } .mdi-earth:before { content: "\F1E7"; } .mdi-earth-box:before { content: "\F6CC"; } .mdi-earth-box-off:before { content: "\F6CD"; } .mdi-earth-off:before { content: "\F1E8"; } .mdi-edge:before { content: "\F1E9"; } .mdi-eject:before { content: "\F1EA"; } .mdi-elephant:before { content: "\F7C5"; } .mdi-elevation-decline:before { content: "\F1EB"; } .mdi-elevation-rise:before { content: "\F1EC"; } .mdi-elevator:before { content: "\F1ED"; } .mdi-email:before { content: "\F1EE"; } .mdi-email-alert:before { content: "\F6CE"; } .mdi-email-open:before { content: "\F1EF"; } .mdi-email-open-outline:before { content: "\F5EF"; } .mdi-email-outline:before { content: "\F1F0"; } .mdi-email-secure:before { content: "\F1F1"; } .mdi-email-variant:before { content: "\F5F0"; } .mdi-emby:before { content: "\F6B3"; } .mdi-emoticon:before { content: "\F1F2"; } .mdi-emoticon-cool:before { content: "\F1F3"; } .mdi-emoticon-dead:before { content: "\F69A"; } .mdi-emoticon-devil:before { content: "\F1F4"; } .mdi-emoticon-excited:before { content: "\F69B"; } .mdi-emoticon-happy:before { content: "\F1F5"; } .mdi-emoticon-neutral:before { content: "\F1F6"; } .mdi-emoticon-poop:before { content: "\F1F7"; } .mdi-emoticon-sad:before { content: "\F1F8"; } .mdi-emoticon-tongue:before { content: "\F1F9"; } .mdi-engine:before { content: "\F1FA"; } .mdi-engine-outline:before { content: "\F1FB"; } .mdi-equal:before { content: "\F1FC"; } .mdi-equal-box:before { content: "\F1FD"; } .mdi-eraser:before { content: "\F1FE"; } .mdi-eraser-variant:before { content: "\F642"; } .mdi-escalator:before { content: "\F1FF"; } .mdi-ethernet:before { content: "\F200"; } .mdi-ethernet-cable:before { content: "\F201"; } .mdi-ethernet-cable-off:before { content: "\F202"; } .mdi-etsy:before { content: "\F203"; } .mdi-ev-station:before { content: "\F5F1"; } .mdi-eventbrite:before { content: "\F7C6"; } .mdi-evernote:before { content: "\F204"; } .mdi-exclamation:before { content: "\F205"; } .mdi-exit-to-app:before { content: "\F206"; } .mdi-export:before { content: "\F207"; } .mdi-eye:before { content: "\F208"; } .mdi-eye-off:before { content: "\F209"; } .mdi-eye-off-outline:before { content: "\F6D0"; } .mdi-eye-outline:before { content: "\F6CF"; } .mdi-eyedropper:before { content: "\F20A"; } .mdi-eyedropper-variant:before { content: "\F20B"; } .mdi-face:before { content: "\F643"; } .mdi-face-profile:before { content: "\F644"; } .mdi-facebook:before { content: "\F20C"; } .mdi-facebook-box:before { content: "\F20D"; } .mdi-facebook-messenger:before { content: "\F20E"; } .mdi-factory:before { content: "\F20F"; } .mdi-fan:before { content: "\F210"; } .mdi-fan-off:before { content: "\F81C"; } .mdi-fast-forward:before { content: "\F211"; } .mdi-fast-forward-outline:before { content: "\F6D1"; } .mdi-fax:before { content: "\F212"; } .mdi-feather:before { content: "\F6D2"; } .mdi-ferry:before { content: "\F213"; } .mdi-file:before { content: "\F214"; } .mdi-file-account:before { content: "\F73A"; } .mdi-file-chart:before { content: "\F215"; } .mdi-file-check:before { content: "\F216"; } .mdi-file-cloud:before { content: "\F217"; } .mdi-file-delimited:before { content: "\F218"; } .mdi-file-document:before { content: "\F219"; } .mdi-file-document-box:before { content: "\F21A"; } .mdi-file-excel:before { content: "\F21B"; } .mdi-file-excel-box:before { content: "\F21C"; } .mdi-file-export:before { content: "\F21D"; } .mdi-file-find:before { content: "\F21E"; } .mdi-file-hidden:before { content: "\F613"; } .mdi-file-image:before { content: "\F21F"; } .mdi-file-import:before { content: "\F220"; } .mdi-file-lock:before { content: "\F221"; } .mdi-file-multiple:before { content: "\F222"; } .mdi-file-music:before { content: "\F223"; } .mdi-file-outline:before { content: "\F224"; } .mdi-file-pdf:before { content: "\F225"; } .mdi-file-pdf-box:before { content: "\F226"; } .mdi-file-percent:before { content: "\F81D"; } .mdi-file-plus:before { content: "\F751"; } .mdi-file-powerpoint:before { content: "\F227"; } .mdi-file-powerpoint-box:before { content: "\F228"; } .mdi-file-presentation-box:before { content: "\F229"; } .mdi-file-restore:before { content: "\F670"; } .mdi-file-send:before { content: "\F22A"; } .mdi-file-tree:before { content: "\F645"; } .mdi-file-video:before { content: "\F22B"; } .mdi-file-word:before { content: "\F22C"; } .mdi-file-word-box:before { content: "\F22D"; } .mdi-file-xml:before { content: "\F22E"; } .mdi-film:before { content: "\F22F"; } .mdi-filmstrip:before { content: "\F230"; } .mdi-filmstrip-off:before { content: "\F231"; } .mdi-filter:before { content: "\F232"; } .mdi-filter-outline:before { content: "\F233"; } .mdi-filter-remove:before { content: "\F234"; } .mdi-filter-remove-outline:before { content: "\F235"; } .mdi-filter-variant:before { content: "\F236"; } .mdi-finance:before { content: "\F81E"; } .mdi-find-replace:before { content: "\F6D3"; } .mdi-fingerprint:before { content: "\F237"; } .mdi-fire:before { content: "\F238"; } .mdi-firefox:before { content: "\F239"; } .mdi-fish:before { content: "\F23A"; } .mdi-flag:before { content: "\F23B"; } .mdi-flag-checkered:before { content: "\F23C"; } .mdi-flag-outline:before { content: "\F23D"; } .mdi-flag-triangle:before { content: "\F23F"; } .mdi-flag-variant:before { content: "\F240"; } .mdi-flag-variant-outline:before { content: "\F23E"; } .mdi-flash:before { content: "\F241"; } .mdi-flash-auto:before { content: "\F242"; } .mdi-flash-circle:before { content: "\F81F"; } .mdi-flash-off:before { content: "\F243"; } .mdi-flash-outline:before { content: "\F6D4"; } .mdi-flash-red-eye:before { content: "\F67A"; } .mdi-flashlight:before { content: "\F244"; } .mdi-flashlight-off:before { content: "\F245"; } .mdi-flask:before { content: "\F093"; } .mdi-flask-empty:before { content: "\F094"; } .mdi-flask-empty-outline:before { content: "\F095"; } .mdi-flask-outline:before { content: "\F096"; } .mdi-flattr:before { content: "\F246"; } .mdi-flip-to-back:before { content: "\F247"; } .mdi-flip-to-front:before { content: "\F248"; } .mdi-floor-plan:before { content: "\F820"; } .mdi-floppy:before { content: "\F249"; } .mdi-flower:before { content: "\F24A"; } .mdi-folder:before { content: "\F24B"; } .mdi-folder-account:before { content: "\F24C"; } .mdi-folder-download:before { content: "\F24D"; } .mdi-folder-google-drive:before { content: "\F24E"; } .mdi-folder-image:before { content: "\F24F"; } .mdi-folder-lock:before { content: "\F250"; } .mdi-folder-lock-open:before { content: "\F251"; } .mdi-folder-move:before { content: "\F252"; } .mdi-folder-multiple:before { content: "\F253"; } .mdi-folder-multiple-image:before { content: "\F254"; } .mdi-folder-multiple-outline:before { content: "\F255"; } .mdi-folder-open:before { content: "\F76F"; } .mdi-folder-outline:before { content: "\F256"; } .mdi-folder-plus:before { content: "\F257"; } .mdi-folder-remove:before { content: "\F258"; } .mdi-folder-star:before { content: "\F69C"; } .mdi-folder-upload:before { content: "\F259"; } .mdi-font-awesome:before { content: "\F03A"; } .mdi-food:before { content: "\F25A"; } .mdi-food-apple:before { content: "\F25B"; } .mdi-food-croissant:before { content: "\F7C7"; } .mdi-food-fork-drink:before { content: "\F5F2"; } .mdi-food-off:before { content: "\F5F3"; } .mdi-food-variant:before { content: "\F25C"; } .mdi-football:before { content: "\F25D"; } .mdi-football-australian:before { content: "\F25E"; } .mdi-football-helmet:before { content: "\F25F"; } .mdi-forklift:before { content: "\F7C8"; } .mdi-format-align-bottom:before { content: "\F752"; } .mdi-format-align-center:before { content: "\F260"; } .mdi-format-align-justify:before { content: "\F261"; } .mdi-format-align-left:before { content: "\F262"; } .mdi-format-align-middle:before { content: "\F753"; } .mdi-format-align-right:before { content: "\F263"; } .mdi-format-align-top:before { content: "\F754"; } .mdi-format-annotation-plus:before { content: "\F646"; } .mdi-format-bold:before { content: "\F264"; } .mdi-format-clear:before { content: "\F265"; } .mdi-format-color-fill:before { content: "\F266"; } .mdi-format-color-text:before { content: "\F69D"; } .mdi-format-float-center:before { content: "\F267"; } .mdi-format-float-left:before { content: "\F268"; } .mdi-format-float-none:before { content: "\F269"; } .mdi-format-float-right:before { content: "\F26A"; } .mdi-format-font:before { content: "\F6D5"; } .mdi-format-header-1:before { content: "\F26B"; } .mdi-format-header-2:before { content: "\F26C"; } .mdi-format-header-3:before { content: "\F26D"; } .mdi-format-header-4:before { content: "\F26E"; } .mdi-format-header-5:before { content: "\F26F"; } .mdi-format-header-6:before { content: "\F270"; } .mdi-format-header-decrease:before { content: "\F271"; } .mdi-format-header-equal:before { content: "\F272"; } .mdi-format-header-increase:before { content: "\F273"; } .mdi-format-header-pound:before { content: "\F274"; } .mdi-format-horizontal-align-center:before { content: "\F61E"; } .mdi-format-horizontal-align-left:before { content: "\F61F"; } .mdi-format-horizontal-align-right:before { content: "\F620"; } .mdi-format-indent-decrease:before { content: "\F275"; } .mdi-format-indent-increase:before { content: "\F276"; } .mdi-format-italic:before { content: "\F277"; } .mdi-format-line-spacing:before { content: "\F278"; } .mdi-format-line-style:before { content: "\F5C8"; } .mdi-format-line-weight:before { content: "\F5C9"; } .mdi-format-list-bulleted:before { content: "\F279"; } .mdi-format-list-bulleted-type:before { content: "\F27A"; } .mdi-format-list-checks:before { content: "\F755"; } .mdi-format-list-numbers:before { content: "\F27B"; } .mdi-format-page-break:before { content: "\F6D6"; } .mdi-format-paint:before { content: "\F27C"; } .mdi-format-paragraph:before { content: "\F27D"; } .mdi-format-pilcrow:before { content: "\F6D7"; } .mdi-format-quote-close:before { content: "\F27E"; } .mdi-format-quote-open:before { content: "\F756"; } .mdi-format-rotate-90:before { content: "\F6A9"; } .mdi-format-section:before { content: "\F69E"; } .mdi-format-size:before { content: "\F27F"; } .mdi-format-strikethrough:before { content: "\F280"; } .mdi-format-strikethrough-variant:before { content: "\F281"; } .mdi-format-subscript:before { content: "\F282"; } .mdi-format-superscript:before { content: "\F283"; } .mdi-format-text:before { content: "\F284"; } .mdi-format-textdirection-l-to-r:before { content: "\F285"; } .mdi-format-textdirection-r-to-l:before { content: "\F286"; } .mdi-format-title:before { content: "\F5F4"; } .mdi-format-underline:before { content: "\F287"; } .mdi-format-vertical-align-bottom:before { content: "\F621"; } .mdi-format-vertical-align-center:before { content: "\F622"; } .mdi-format-vertical-align-top:before { content: "\F623"; } .mdi-format-wrap-inline:before { content: "\F288"; } .mdi-format-wrap-square:before { content: "\F289"; } .mdi-format-wrap-tight:before { content: "\F28A"; } .mdi-format-wrap-top-bottom:before { content: "\F28B"; } .mdi-forum:before { content: "\F28C"; } .mdi-forum-outline:before { content: "\F821"; } .mdi-forward:before { content: "\F28D"; } .mdi-foursquare:before { content: "\F28E"; } .mdi-fridge:before { content: "\F28F"; } .mdi-fridge-filled:before { content: "\F290"; } .mdi-fridge-filled-bottom:before { content: "\F291"; } .mdi-fridge-filled-top:before { content: "\F292"; } .mdi-fuel:before { content: "\F7C9"; } .mdi-fullscreen:before { content: "\F293"; } .mdi-fullscreen-exit:before { content: "\F294"; } .mdi-function:before { content: "\F295"; } .mdi-gamepad:before { content: "\F296"; } .mdi-gamepad-variant:before { content: "\F297"; } .mdi-garage:before { content: "\F6D8"; } .mdi-garage-open:before { content: "\F6D9"; } .mdi-gas-cylinder:before { content: "\F647"; } .mdi-gas-station:before { content: "\F298"; } .mdi-gate:before { content: "\F299"; } .mdi-gauge:before { content: "\F29A"; } .mdi-gavel:before { content: "\F29B"; } .mdi-gender-female:before { content: "\F29C"; } .mdi-gender-male:before { content: "\F29D"; } .mdi-gender-male-female:before { content: "\F29E"; } .mdi-gender-transgender:before { content: "\F29F"; } .mdi-gesture:before { content: "\F7CA"; } .mdi-gesture-double-tap:before { content: "\F73B"; } .mdi-gesture-swipe-down:before { content: "\F73C"; } .mdi-gesture-swipe-left:before { content: "\F73D"; } .mdi-gesture-swipe-right:before { content: "\F73E"; } .mdi-gesture-swipe-up:before { content: "\F73F"; } .mdi-gesture-tap:before { content: "\F740"; } .mdi-gesture-two-double-tap:before { content: "\F741"; } .mdi-gesture-two-tap:before { content: "\F742"; } .mdi-ghost:before { content: "\F2A0"; } .mdi-gift:before { content: "\F2A1"; } .mdi-git:before { content: "\F2A2"; } .mdi-github-box:before { content: "\F2A3"; } .mdi-github-circle:before { content: "\F2A4"; } .mdi-github-face:before { content: "\F6DA"; } .mdi-glass-flute:before { content: "\F2A5"; } .mdi-glass-mug:before { content: "\F2A6"; } .mdi-glass-stange:before { content: "\F2A7"; } .mdi-glass-tulip:before { content: "\F2A8"; } .mdi-glassdoor:before { content: "\F2A9"; } .mdi-glasses:before { content: "\F2AA"; } .mdi-gmail:before { content: "\F2AB"; } .mdi-gnome:before { content: "\F2AC"; } .mdi-golf:before { content: "\F822"; } .mdi-gondola:before { content: "\F685"; } .mdi-google:before { content: "\F2AD"; } .mdi-google-analytics:before { content: "\F7CB"; } .mdi-google-assistant:before { content: "\F7CC"; } .mdi-google-cardboard:before { content: "\F2AE"; } .mdi-google-chrome:before { content: "\F2AF"; } .mdi-google-circles:before { content: "\F2B0"; } .mdi-google-circles-communities:before { content: "\F2B1"; } .mdi-google-circles-extended:before { content: "\F2B2"; } .mdi-google-circles-group:before { content: "\F2B3"; } .mdi-google-controller:before { content: "\F2B4"; } .mdi-google-controller-off:before { content: "\F2B5"; } .mdi-google-drive:before { content: "\F2B6"; } .mdi-google-earth:before { content: "\F2B7"; } .mdi-google-glass:before { content: "\F2B8"; } .mdi-google-home:before { content: "\F823"; } .mdi-google-keep:before { content: "\F6DB"; } .mdi-google-maps:before { content: "\F5F5"; } .mdi-google-nearby:before { content: "\F2B9"; } .mdi-google-pages:before { content: "\F2BA"; } .mdi-google-photos:before { content: "\F6DC"; } .mdi-google-physical-web:before { content: "\F2BB"; } .mdi-google-play:before { content: "\F2BC"; } .mdi-google-plus:before { content: "\F2BD"; } .mdi-google-plus-box:before { content: "\F2BE"; } .mdi-google-translate:before { content: "\F2BF"; } .mdi-google-wallet:before { content: "\F2C0"; } .mdi-gradient:before { content: "\F69F"; } .mdi-grease-pencil:before { content: "\F648"; } .mdi-grid:before { content: "\F2C1"; } .mdi-grid-large:before { content: "\F757"; } .mdi-grid-off:before { content: "\F2C2"; } .mdi-group:before { content: "\F2C3"; } .mdi-guitar-acoustic:before { content: "\F770"; } .mdi-guitar-electric:before { content: "\F2C4"; } .mdi-guitar-pick:before { content: "\F2C5"; } .mdi-guitar-pick-outline:before { content: "\F2C6"; } .mdi-guy-fawkes-mask:before { content: "\F824"; } .mdi-hackernews:before { content: "\F624"; } .mdi-hamburger:before { content: "\F684"; } .mdi-hand-pointing-right:before { content: "\F2C7"; } .mdi-hanger:before { content: "\F2C8"; } .mdi-hangouts:before { content: "\F2C9"; } .mdi-harddisk:before { content: "\F2CA"; } .mdi-headphones:before { content: "\F2CB"; } .mdi-headphones-box:before { content: "\F2CC"; } .mdi-headphones-off:before { content: "\F7CD"; } .mdi-headphones-settings:before { content: "\F2CD"; } .mdi-headset:before { content: "\F2CE"; } .mdi-headset-dock:before { content: "\F2CF"; } .mdi-headset-off:before { content: "\F2D0"; } .mdi-heart:before { content: "\F2D1"; } .mdi-heart-box:before { content: "\F2D2"; } .mdi-heart-box-outline:before { content: "\F2D3"; } .mdi-heart-broken:before { content: "\F2D4"; } .mdi-heart-half:before { content: "\F6DE"; } .mdi-heart-half-full:before { content: "\F6DD"; } .mdi-heart-half-outline:before { content: "\F6DF"; } .mdi-heart-off:before { content: "\F758"; } .mdi-heart-outline:before { content: "\F2D5"; } .mdi-heart-pulse:before { content: "\F5F6"; } .mdi-help:before { content: "\F2D6"; } .mdi-help-box:before { content: "\F78A"; } .mdi-help-circle:before { content: "\F2D7"; } .mdi-help-circle-outline:before { content: "\F625"; } .mdi-help-network:before { content: "\F6F4"; } .mdi-hexagon:before { content: "\F2D8"; } .mdi-hexagon-multiple:before { content: "\F6E0"; } .mdi-hexagon-outline:before { content: "\F2D9"; } .mdi-high-definition:before { content: "\F7CE"; } .mdi-highway:before { content: "\F5F7"; } .mdi-history:before { content: "\F2DA"; } .mdi-hololens:before { content: "\F2DB"; } .mdi-home:before { content: "\F2DC"; } .mdi-home-account:before { content: "\F825"; } .mdi-home-assistant:before { content: "\F7CF"; } .mdi-home-automation:before { content: "\F7D0"; } .mdi-home-circle:before { content: "\F7D1"; } .mdi-home-heart:before { content: "\F826"; } .mdi-home-map-marker:before { content: "\F5F8"; } .mdi-home-modern:before { content: "\F2DD"; } .mdi-home-outline:before { content: "\F6A0"; } .mdi-home-variant:before { content: "\F2DE"; } .mdi-hook:before { content: "\F6E1"; } .mdi-hook-off:before { content: "\F6E2"; } .mdi-hops:before { content: "\F2DF"; } .mdi-hospital:before { content: "\F2E0"; } .mdi-hospital-building:before { content: "\F2E1"; } .mdi-hospital-marker:before { content: "\F2E2"; } .mdi-hot-tub:before { content: "\F827"; } .mdi-hotel:before { content: "\F2E3"; } .mdi-houzz:before { content: "\F2E4"; } .mdi-houzz-box:before { content: "\F2E5"; } .mdi-hulu:before { content: "\F828"; } .mdi-human:before { content: "\F2E6"; } .mdi-human-child:before { content: "\F2E7"; } .mdi-human-female:before { content: "\F649"; } .mdi-human-greeting:before { content: "\F64A"; } .mdi-human-handsdown:before { content: "\F64B"; } .mdi-human-handsup:before { content: "\F64C"; } .mdi-human-male:before { content: "\F64D"; } .mdi-human-male-female:before { content: "\F2E8"; } .mdi-human-pregnant:before { content: "\F5CF"; } .mdi-humble-bundle:before { content: "\F743"; } .mdi-ice-cream:before { content: "\F829"; } .mdi-image:before { content: "\F2E9"; } .mdi-image-album:before { content: "\F2EA"; } .mdi-image-area:before { content: "\F2EB"; } .mdi-image-area-close:before { content: "\F2EC"; } .mdi-image-broken:before { content: "\F2ED"; } .mdi-image-broken-variant:before { content: "\F2EE"; } .mdi-image-filter:before { content: "\F2EF"; } .mdi-image-filter-black-white:before { content: "\F2F0"; } .mdi-image-filter-center-focus:before { content: "\F2F1"; } .mdi-image-filter-center-focus-weak:before { content: "\F2F2"; } .mdi-image-filter-drama:before { content: "\F2F3"; } .mdi-image-filter-frames:before { content: "\F2F4"; } .mdi-image-filter-hdr:before { content: "\F2F5"; } .mdi-image-filter-none:before { content: "\F2F6"; } .mdi-image-filter-tilt-shift:before { content: "\F2F7"; } .mdi-image-filter-vintage:before { content: "\F2F8"; } .mdi-image-multiple:before { content: "\F2F9"; } .mdi-image-off:before { content: "\F82A"; } .mdi-import:before { content: "\F2FA"; } .mdi-inbox:before { content: "\F686"; } .mdi-inbox-arrow-down:before { content: "\F2FB"; } .mdi-inbox-arrow-up:before { content: "\F3D1"; } .mdi-incognito:before { content: "\F5F9"; } .mdi-infinity:before { content: "\F6E3"; } .mdi-information:before { content: "\F2FC"; } .mdi-information-outline:before { content: "\F2FD"; } .mdi-information-variant:before { content: "\F64E"; } .mdi-instagram:before { content: "\F2FE"; } .mdi-instapaper:before { content: "\F2FF"; } .mdi-internet-explorer:before { content: "\F300"; } .mdi-invert-colors:before { content: "\F301"; } .mdi-itunes:before { content: "\F676"; } .mdi-jeepney:before { content: "\F302"; } .mdi-jira:before { content: "\F303"; } .mdi-jsfiddle:before { content: "\F304"; } .mdi-json:before { content: "\F626"; } .mdi-karate:before { content: "\F82B"; } .mdi-keg:before { content: "\F305"; } .mdi-kettle:before { content: "\F5FA"; } .mdi-key:before { content: "\F306"; } .mdi-key-change:before { content: "\F307"; } .mdi-key-minus:before { content: "\F308"; } .mdi-key-plus:before { content: "\F309"; } .mdi-key-remove:before { content: "\F30A"; } .mdi-key-variant:before { content: "\F30B"; } .mdi-keyboard:before { content: "\F30C"; } .mdi-keyboard-backspace:before { content: "\F30D"; } .mdi-keyboard-caps:before { content: "\F30E"; } .mdi-keyboard-close:before { content: "\F30F"; } .mdi-keyboard-off:before { content: "\F310"; } .mdi-keyboard-return:before { content: "\F311"; } .mdi-keyboard-tab:before { content: "\F312"; } .mdi-keyboard-variant:before { content: "\F313"; } .mdi-kickstarter:before { content: "\F744"; } .mdi-kodi:before { content: "\F314"; } .mdi-label:before { content: "\F315"; } .mdi-label-outline:before { content: "\F316"; } .mdi-ladybug:before { content: "\F82C"; } .mdi-lambda:before { content: "\F627"; } .mdi-lamp:before { content: "\F6B4"; } .mdi-lan:before { content: "\F317"; } .mdi-lan-connect:before { content: "\F318"; } .mdi-lan-disconnect:before { content: "\F319"; } .mdi-lan-pending:before { content: "\F31A"; } .mdi-language-c:before { content: "\F671"; } .mdi-language-cpp:before { content: "\F672"; } .mdi-language-csharp:before { content: "\F31B"; } .mdi-language-css3:before { content: "\F31C"; } .mdi-language-go:before { content: "\F7D2"; } .mdi-language-html5:before { content: "\F31D"; } .mdi-language-javascript:before { content: "\F31E"; } .mdi-language-php:before { content: "\F31F"; } .mdi-language-python:before { content: "\F320"; } .mdi-language-python-text:before { content: "\F321"; } .mdi-language-r:before { content: "\F7D3"; } .mdi-language-swift:before { content: "\F6E4"; } .mdi-language-typescript:before { content: "\F6E5"; } .mdi-laptop:before { content: "\F322"; } .mdi-laptop-chromebook:before { content: "\F323"; } .mdi-laptop-mac:before { content: "\F324"; } .mdi-laptop-off:before { content: "\F6E6"; } .mdi-laptop-windows:before { content: "\F325"; } .mdi-lastfm:before { content: "\F326"; } .mdi-lastpass:before { content: "\F446"; } .mdi-launch:before { content: "\F327"; } .mdi-lava-lamp:before { content: "\F7D4"; } .mdi-layers:before { content: "\F328"; } .mdi-layers-off:before { content: "\F329"; } .mdi-lead-pencil:before { content: "\F64F"; } .mdi-leaf:before { content: "\F32A"; } .mdi-led-off:before { content: "\F32B"; } .mdi-led-on:before { content: "\F32C"; } .mdi-led-outline:before { content: "\F32D"; } .mdi-led-strip:before { content: "\F7D5"; } .mdi-led-variant-off:before { content: "\F32E"; } .mdi-led-variant-on:before { content: "\F32F"; } .mdi-led-variant-outline:before { content: "\F330"; } .mdi-library:before { content: "\F331"; } .mdi-library-books:before { content: "\F332"; } .mdi-library-music:before { content: "\F333"; } .mdi-library-plus:before { content: "\F334"; } .mdi-lightbulb:before { content: "\F335"; } .mdi-lightbulb-on:before { content: "\F6E7"; } .mdi-lightbulb-on-outline:before { content: "\F6E8"; } .mdi-lightbulb-outline:before { content: "\F336"; } .mdi-link:before { content: "\F337"; } .mdi-link-off:before { content: "\F338"; } .mdi-link-variant:before { content: "\F339"; } .mdi-link-variant-off:before { content: "\F33A"; } .mdi-linkedin:before { content: "\F33B"; } .mdi-linkedin-box:before { content: "\F33C"; } .mdi-linux:before { content: "\F33D"; } .mdi-loading:before { content: "\F771"; } .mdi-lock:before { content: "\F33E"; } .mdi-lock-open:before { content: "\F33F"; } .mdi-lock-open-outline:before { content: "\F340"; } .mdi-lock-outline:before { content: "\F341"; } .mdi-lock-pattern:before { content: "\F6E9"; } .mdi-lock-plus:before { content: "\F5FB"; } .mdi-lock-reset:before { content: "\F772"; } .mdi-locker:before { content: "\F7D6"; } .mdi-locker-multiple:before { content: "\F7D7"; } .mdi-login:before { content: "\F342"; } .mdi-login-variant:before { content: "\F5FC"; } .mdi-logout:before { content: "\F343"; } .mdi-logout-variant:before { content: "\F5FD"; } .mdi-looks:before { content: "\F344"; } .mdi-loop:before { content: "\F6EA"; } .mdi-loupe:before { content: "\F345"; } .mdi-lumx:before { content: "\F346"; } .mdi-magnet:before { content: "\F347"; } .mdi-magnet-on:before { content: "\F348"; } .mdi-magnify:before { content: "\F349"; } .mdi-magnify-minus:before { content: "\F34A"; } .mdi-magnify-minus-outline:before { content: "\F6EB"; } .mdi-magnify-plus:before { content: "\F34B"; } .mdi-magnify-plus-outline:before { content: "\F6EC"; } .mdi-mail-ru:before { content: "\F34C"; } .mdi-mailbox:before { content: "\F6ED"; } .mdi-map:before { content: "\F34D"; } .mdi-map-marker:before { content: "\F34E"; } .mdi-map-marker-circle:before { content: "\F34F"; } .mdi-map-marker-minus:before { content: "\F650"; } .mdi-map-marker-multiple:before { content: "\F350"; } .mdi-map-marker-off:before { content: "\F351"; } .mdi-map-marker-outline:before { content: "\F7D8"; } .mdi-map-marker-plus:before { content: "\F651"; } .mdi-map-marker-radius:before { content: "\F352"; } .mdi-margin:before { content: "\F353"; } .mdi-markdown:before { content: "\F354"; } .mdi-marker:before { content: "\F652"; } .mdi-marker-check:before { content: "\F355"; } .mdi-martini:before { content: "\F356"; } .mdi-material-ui:before { content: "\F357"; } .mdi-math-compass:before { content: "\F358"; } .mdi-matrix:before { content: "\F628"; } .mdi-maxcdn:before { content: "\F359"; } .mdi-medical-bag:before { content: "\F6EE"; } .mdi-medium:before { content: "\F35A"; } .mdi-memory:before { content: "\F35B"; } .mdi-menu:before { content: "\F35C"; } .mdi-menu-down:before { content: "\F35D"; } .mdi-menu-down-outline:before { content: "\F6B5"; } .mdi-menu-left:before { content: "\F35E"; } .mdi-menu-right:before { content: "\F35F"; } .mdi-menu-up:before { content: "\F360"; } .mdi-menu-up-outline:before { content: "\F6B6"; } .mdi-message:before { content: "\F361"; } .mdi-message-alert:before { content: "\F362"; } .mdi-message-bulleted:before { content: "\F6A1"; } .mdi-message-bulleted-off:before { content: "\F6A2"; } .mdi-message-draw:before { content: "\F363"; } .mdi-message-image:before { content: "\F364"; } .mdi-message-outline:before { content: "\F365"; } .mdi-message-plus:before { content: "\F653"; } .mdi-message-processing:before { content: "\F366"; } .mdi-message-reply:before { content: "\F367"; } .mdi-message-reply-text:before { content: "\F368"; } .mdi-message-settings:before { content: "\F6EF"; } .mdi-message-settings-variant:before { content: "\F6F0"; } .mdi-message-text:before { content: "\F369"; } .mdi-message-text-outline:before { content: "\F36A"; } .mdi-message-video:before { content: "\F36B"; } .mdi-meteor:before { content: "\F629"; } .mdi-metronome:before { content: "\F7D9"; } .mdi-metronome-tick:before { content: "\F7DA"; } .mdi-micro-sd:before { content: "\F7DB"; } .mdi-microphone:before { content: "\F36C"; } .mdi-microphone-off:before { content: "\F36D"; } .mdi-microphone-outline:before { content: "\F36E"; } .mdi-microphone-settings:before { content: "\F36F"; } .mdi-microphone-variant:before { content: "\F370"; } .mdi-microphone-variant-off:before { content: "\F371"; } .mdi-microscope:before { content: "\F654"; } .mdi-microsoft:before { content: "\F372"; } .mdi-minecraft:before { content: "\F373"; } .mdi-minus:before { content: "\F374"; } .mdi-minus-box:before { content: "\F375"; } .mdi-minus-box-outline:before { content: "\F6F1"; } .mdi-minus-circle:before { content: "\F376"; } .mdi-minus-circle-outline:before { content: "\F377"; } .mdi-minus-network:before { content: "\F378"; } .mdi-mixcloud:before { content: "\F62A"; } .mdi-mixer:before { content: "\F7DC"; } .mdi-monitor:before { content: "\F379"; } .mdi-monitor-multiple:before { content: "\F37A"; } .mdi-more:before { content: "\F37B"; } .mdi-motorbike:before { content: "\F37C"; } .mdi-mouse:before { content: "\F37D"; } .mdi-mouse-off:before { content: "\F37E"; } .mdi-mouse-variant:before { content: "\F37F"; } .mdi-mouse-variant-off:before { content: "\F380"; } .mdi-move-resize:before { content: "\F655"; } .mdi-move-resize-variant:before { content: "\F656"; } .mdi-movie:before { content: "\F381"; } .mdi-movie-roll:before { content: "\F7DD"; } .mdi-multiplication:before { content: "\F382"; } .mdi-multiplication-box:before { content: "\F383"; } .mdi-mushroom:before { content: "\F7DE"; } .mdi-mushroom-outline:before { content: "\F7DF"; } .mdi-music:before { content: "\F759"; } .mdi-music-box:before { content: "\F384"; } .mdi-music-box-outline:before { content: "\F385"; } .mdi-music-circle:before { content: "\F386"; } .mdi-music-note:before { content: "\F387"; } .mdi-music-note-bluetooth:before { content: "\F5FE"; } .mdi-music-note-bluetooth-off:before { content: "\F5FF"; } .mdi-music-note-eighth:before { content: "\F388"; } .mdi-music-note-half:before { content: "\F389"; } .mdi-music-note-off:before { content: "\F38A"; } .mdi-music-note-quarter:before { content: "\F38B"; } .mdi-music-note-sixteenth:before { content: "\F38C"; } .mdi-music-note-whole:before { content: "\F38D"; } .mdi-music-off:before { content: "\F75A"; } .mdi-nature:before { content: "\F38E"; } .mdi-nature-people:before { content: "\F38F"; } .mdi-navigation:before { content: "\F390"; } .mdi-near-me:before { content: "\F5CD"; } .mdi-needle:before { content: "\F391"; } .mdi-nest-protect:before { content: "\F392"; } .mdi-nest-thermostat:before { content: "\F393"; } .mdi-netflix:before { content: "\F745"; } .mdi-network:before { content: "\F6F2"; } .mdi-new-box:before { content: "\F394"; } .mdi-newspaper:before { content: "\F395"; } .mdi-nfc:before { content: "\F396"; } .mdi-nfc-tap:before { content: "\F397"; } .mdi-nfc-variant:before { content: "\F398"; } .mdi-ninja:before { content: "\F773"; } .mdi-nintendo-switch:before { content: "\F7E0"; } .mdi-nodejs:before { content: "\F399"; } .mdi-note:before { content: "\F39A"; } .mdi-note-multiple:before { content: "\F6B7"; } .mdi-note-multiple-outline:before { content: "\F6B8"; } .mdi-note-outline:before { content: "\F39B"; } .mdi-note-plus:before { content: "\F39C"; } .mdi-note-plus-outline:before { content: "\F39D"; } .mdi-note-text:before { content: "\F39E"; } .mdi-notebook:before { content: "\F82D"; } .mdi-notification-clear-all:before { content: "\F39F"; } .mdi-npm:before { content: "\F6F6"; } .mdi-nuke:before { content: "\F6A3"; } .mdi-null:before { content: "\F7E1"; } .mdi-numeric:before { content: "\F3A0"; } .mdi-numeric-0-box:before { content: "\F3A1"; } .mdi-numeric-0-box-multiple-outline:before { content: "\F3A2"; } .mdi-numeric-0-box-outline:before { content: "\F3A3"; } .mdi-numeric-1-box:before { content: "\F3A4"; } .mdi-numeric-1-box-multiple-outline:before { content: "\F3A5"; } .mdi-numeric-1-box-outline:before { content: "\F3A6"; } .mdi-numeric-2-box:before { content: "\F3A7"; } .mdi-numeric-2-box-multiple-outline:before { content: "\F3A8"; } .mdi-numeric-2-box-outline:before { content: "\F3A9"; } .mdi-numeric-3-box:before { content: "\F3AA"; } .mdi-numeric-3-box-multiple-outline:before { content: "\F3AB"; } .mdi-numeric-3-box-outline:before { content: "\F3AC"; } .mdi-numeric-4-box:before { content: "\F3AD"; } .mdi-numeric-4-box-multiple-outline:before { content: "\F3AE"; } .mdi-numeric-4-box-outline:before { content: "\F3AF"; } .mdi-numeric-5-box:before { content: "\F3B0"; } .mdi-numeric-5-box-multiple-outline:before { content: "\F3B1"; } .mdi-numeric-5-box-outline:before { content: "\F3B2"; } .mdi-numeric-6-box:before { content: "\F3B3"; } .mdi-numeric-6-box-multiple-outline:before { content: "\F3B4"; } .mdi-numeric-6-box-outline:before { content: "\F3B5"; } .mdi-numeric-7-box:before { content: "\F3B6"; } .mdi-numeric-7-box-multiple-outline:before { content: "\F3B7"; } .mdi-numeric-7-box-outline:before { content: "\F3B8"; } .mdi-numeric-8-box:before { content: "\F3B9"; } .mdi-numeric-8-box-multiple-outline:before { content: "\F3BA"; } .mdi-numeric-8-box-outline:before { content: "\F3BB"; } .mdi-numeric-9-box:before { content: "\F3BC"; } .mdi-numeric-9-box-multiple-outline:before { content: "\F3BD"; } .mdi-numeric-9-box-outline:before { content: "\F3BE"; } .mdi-numeric-9-plus-box:before { content: "\F3BF"; } .mdi-numeric-9-plus-box-multiple-outline:before { content: "\F3C0"; } .mdi-numeric-9-plus-box-outline:before { content: "\F3C1"; } .mdi-nut:before { content: "\F6F7"; } .mdi-nutrition:before { content: "\F3C2"; } .mdi-oar:before { content: "\F67B"; } .mdi-octagon:before { content: "\F3C3"; } .mdi-octagon-outline:before { content: "\F3C4"; } .mdi-octagram:before { content: "\F6F8"; } .mdi-octagram-outline:before { content: "\F774"; } .mdi-odnoklassniki:before { content: "\F3C5"; } .mdi-office:before { content: "\F3C6"; } .mdi-oil:before { content: "\F3C7"; } .mdi-oil-temperature:before { content: "\F3C8"; } .mdi-omega:before { content: "\F3C9"; } .mdi-onedrive:before { content: "\F3CA"; } .mdi-onenote:before { content: "\F746"; } .mdi-opacity:before { content: "\F5CC"; } .mdi-open-in-app:before { content: "\F3CB"; } .mdi-open-in-new:before { content: "\F3CC"; } .mdi-openid:before { content: "\F3CD"; } .mdi-opera:before { content: "\F3CE"; } .mdi-orbit:before { content: "\F018"; } .mdi-ornament:before { content: "\F3CF"; } .mdi-ornament-variant:before { content: "\F3D0"; } .mdi-owl:before { content: "\F3D2"; } .mdi-package:before { content: "\F3D3"; } .mdi-package-down:before { content: "\F3D4"; } .mdi-package-up:before { content: "\F3D5"; } .mdi-package-variant:before { content: "\F3D6"; } .mdi-package-variant-closed:before { content: "\F3D7"; } .mdi-page-first:before { content: "\F600"; } .mdi-page-last:before { content: "\F601"; } .mdi-page-layout-body:before { content: "\F6F9"; } .mdi-page-layout-footer:before { content: "\F6FA"; } .mdi-page-layout-header:before { content: "\F6FB"; } .mdi-page-layout-sidebar-left:before { content: "\F6FC"; } .mdi-page-layout-sidebar-right:before { content: "\F6FD"; } .mdi-palette:before { content: "\F3D8"; } .mdi-palette-advanced:before { content: "\F3D9"; } .mdi-panda:before { content: "\F3DA"; } .mdi-pandora:before { content: "\F3DB"; } .mdi-panorama:before { content: "\F3DC"; } .mdi-panorama-fisheye:before { content: "\F3DD"; } .mdi-panorama-horizontal:before { content: "\F3DE"; } .mdi-panorama-vertical:before { content: "\F3DF"; } .mdi-panorama-wide-angle:before { content: "\F3E0"; } .mdi-paper-cut-vertical:before { content: "\F3E1"; } .mdi-paperclip:before { content: "\F3E2"; } .mdi-parking:before { content: "\F3E3"; } .mdi-passport:before { content: "\F7E2"; } .mdi-pause:before { content: "\F3E4"; } .mdi-pause-circle:before { content: "\F3E5"; } .mdi-pause-circle-outline:before { content: "\F3E6"; } .mdi-pause-octagon:before { content: "\F3E7"; } .mdi-pause-octagon-outline:before { content: "\F3E8"; } .mdi-paw:before { content: "\F3E9"; } .mdi-paw-off:before { content: "\F657"; } .mdi-pen:before { content: "\F3EA"; } .mdi-pencil:before { content: "\F3EB"; } .mdi-pencil-box:before { content: "\F3EC"; } .mdi-pencil-box-outline:before { content: "\F3ED"; } .mdi-pencil-circle:before { content: "\F6FE"; } .mdi-pencil-circle-outline:before { content: "\F775"; } .mdi-pencil-lock:before { content: "\F3EE"; } .mdi-pencil-off:before { content: "\F3EF"; } .mdi-pentagon:before { content: "\F6FF"; } .mdi-pentagon-outline:before { content: "\F700"; } .mdi-percent:before { content: "\F3F0"; } .mdi-periodic-table-co2:before { content: "\F7E3"; } .mdi-periscope:before { content: "\F747"; } .mdi-pharmacy:before { content: "\F3F1"; } .mdi-phone:before { content: "\F3F2"; } .mdi-phone-bluetooth:before { content: "\F3F3"; } .mdi-phone-classic:before { content: "\F602"; } .mdi-phone-forward:before { content: "\F3F4"; } .mdi-phone-hangup:before { content: "\F3F5"; } .mdi-phone-in-talk:before { content: "\F3F6"; } .mdi-phone-incoming:before { content: "\F3F7"; } .mdi-phone-locked:before { content: "\F3F8"; } .mdi-phone-log:before { content: "\F3F9"; } .mdi-phone-minus:before { content: "\F658"; } .mdi-phone-missed:before { content: "\F3FA"; } .mdi-phone-outgoing:before { content: "\F3FB"; } .mdi-phone-paused:before { content: "\F3FC"; } .mdi-phone-plus:before { content: "\F659"; } .mdi-phone-return:before { content: "\F82E"; } .mdi-phone-settings:before { content: "\F3FD"; } .mdi-phone-voip:before { content: "\F3FE"; } .mdi-pi:before { content: "\F3FF"; } .mdi-pi-box:before { content: "\F400"; } .mdi-piano:before { content: "\F67C"; } .mdi-pig:before { content: "\F401"; } .mdi-pill:before { content: "\F402"; } .mdi-pillar:before { content: "\F701"; } .mdi-pin:before { content: "\F403"; } .mdi-pin-off:before { content: "\F404"; } .mdi-pine-tree:before { content: "\F405"; } .mdi-pine-tree-box:before { content: "\F406"; } .mdi-pinterest:before { content: "\F407"; } .mdi-pinterest-box:before { content: "\F408"; } .mdi-pipe:before { content: "\F7E4"; } .mdi-pipe-disconnected:before { content: "\F7E5"; } .mdi-pistol:before { content: "\F702"; } .mdi-pizza:before { content: "\F409"; } .mdi-plane-shield:before { content: "\F6BA"; } .mdi-play:before { content: "\F40A"; } .mdi-play-box-outline:before { content: "\F40B"; } .mdi-play-circle:before { content: "\F40C"; } .mdi-play-circle-outline:before { content: "\F40D"; } .mdi-play-pause:before { content: "\F40E"; } .mdi-play-protected-content:before { content: "\F40F"; } .mdi-playlist-check:before { content: "\F5C7"; } .mdi-playlist-minus:before { content: "\F410"; } .mdi-playlist-play:before { content: "\F411"; } .mdi-playlist-plus:before { content: "\F412"; } .mdi-playlist-remove:before { content: "\F413"; } .mdi-playstation:before { content: "\F414"; } .mdi-plex:before { content: "\F6B9"; } .mdi-plus:before { content: "\F415"; } .mdi-plus-box:before { content: "\F416"; } .mdi-plus-box-outline:before { content: "\F703"; } .mdi-plus-circle:before { content: "\F417"; } .mdi-plus-circle-multiple-outline:before { content: "\F418"; } .mdi-plus-circle-outline:before { content: "\F419"; } .mdi-plus-network:before { content: "\F41A"; } .mdi-plus-one:before { content: "\F41B"; } .mdi-plus-outline:before { content: "\F704"; } .mdi-pocket:before { content: "\F41C"; } .mdi-pokeball:before { content: "\F41D"; } .mdi-poker-chip:before { content: "\F82F"; } .mdi-polaroid:before { content: "\F41E"; } .mdi-poll:before { content: "\F41F"; } .mdi-poll-box:before { content: "\F420"; } .mdi-polymer:before { content: "\F421"; } .mdi-pool:before { content: "\F606"; } .mdi-popcorn:before { content: "\F422"; } .mdi-pot:before { content: "\F65A"; } .mdi-pot-mix:before { content: "\F65B"; } .mdi-pound:before { content: "\F423"; } .mdi-pound-box:before { content: "\F424"; } .mdi-power:before { content: "\F425"; } .mdi-power-plug:before { content: "\F6A4"; } .mdi-power-plug-off:before { content: "\F6A5"; } .mdi-power-settings:before { content: "\F426"; } .mdi-power-socket:before { content: "\F427"; } .mdi-power-socket-eu:before { content: "\F7E6"; } .mdi-power-socket-uk:before { content: "\F7E7"; } .mdi-power-socket-us:before { content: "\F7E8"; } .mdi-prescription:before { content: "\F705"; } .mdi-presentation:before { content: "\F428"; } .mdi-presentation-play:before { content: "\F429"; } .mdi-printer:before { content: "\F42A"; } .mdi-printer-3d:before { content: "\F42B"; } .mdi-printer-alert:before { content: "\F42C"; } .mdi-printer-settings:before { content: "\F706"; } .mdi-priority-high:before { content: "\F603"; } .mdi-priority-low:before { content: "\F604"; } .mdi-professional-hexagon:before { content: "\F42D"; } .mdi-projector:before { content: "\F42E"; } .mdi-projector-screen:before { content: "\F42F"; } .mdi-publish:before { content: "\F6A6"; } .mdi-pulse:before { content: "\F430"; } .mdi-puzzle:before { content: "\F431"; } .mdi-qqchat:before { content: "\F605"; } .mdi-qrcode:before { content: "\F432"; } .mdi-qrcode-scan:before { content: "\F433"; } .mdi-quadcopter:before { content: "\F434"; } .mdi-quality-high:before { content: "\F435"; } .mdi-quicktime:before { content: "\F436"; } .mdi-radar:before { content: "\F437"; } .mdi-radiator:before { content: "\F438"; } .mdi-radio:before { content: "\F439"; } .mdi-radio-handheld:before { content: "\F43A"; } .mdi-radio-tower:before { content: "\F43B"; } .mdi-radioactive:before { content: "\F43C"; } .mdi-radiobox-blank:before { content: "\F43D"; } .mdi-radiobox-marked:before { content: "\F43E"; } .mdi-raspberrypi:before { content: "\F43F"; } .mdi-ray-end:before { content: "\F440"; } .mdi-ray-end-arrow:before { content: "\F441"; } .mdi-ray-start:before { content: "\F442"; } .mdi-ray-start-arrow:before { content: "\F443"; } .mdi-ray-start-end:before { content: "\F444"; } .mdi-ray-vertex:before { content: "\F445"; } .mdi-react:before { content: "\F707"; } .mdi-read:before { content: "\F447"; } .mdi-receipt:before { content: "\F449"; } .mdi-record:before { content: "\F44A"; } .mdi-record-rec:before { content: "\F44B"; } .mdi-recycle:before { content: "\F44C"; } .mdi-reddit:before { content: "\F44D"; } .mdi-redo:before { content: "\F44E"; } .mdi-redo-variant:before { content: "\F44F"; } .mdi-refresh:before { content: "\F450"; } .mdi-regex:before { content: "\F451"; } .mdi-relative-scale:before { content: "\F452"; } .mdi-reload:before { content: "\F453"; } .mdi-remote:before { content: "\F454"; } .mdi-rename-box:before { content: "\F455"; } .mdi-reorder-horizontal:before { content: "\F687"; } .mdi-reorder-vertical:before { content: "\F688"; } .mdi-repeat:before { content: "\F456"; } .mdi-repeat-off:before { content: "\F457"; } .mdi-repeat-once:before { content: "\F458"; } .mdi-replay:before { content: "\F459"; } .mdi-reply:before { content: "\F45A"; } .mdi-reply-all:before { content: "\F45B"; } .mdi-reproduction:before { content: "\F45C"; } .mdi-resize-bottom-right:before { content: "\F45D"; } .mdi-responsive:before { content: "\F45E"; } .mdi-restart:before { content: "\F708"; } .mdi-restore:before { content: "\F6A7"; } .mdi-rewind:before { content: "\F45F"; } .mdi-rewind-outline:before { content: "\F709"; } .mdi-rhombus:before { content: "\F70A"; } .mdi-rhombus-outline:before { content: "\F70B"; } .mdi-ribbon:before { content: "\F460"; } .mdi-rice:before { content: "\F7E9"; } .mdi-ring:before { content: "\F7EA"; } .mdi-road:before { content: "\F461"; } .mdi-road-variant:before { content: "\F462"; } .mdi-robot:before { content: "\F6A8"; } .mdi-rocket:before { content: "\F463"; } .mdi-roomba:before { content: "\F70C"; } .mdi-rotate-3d:before { content: "\F464"; } .mdi-rotate-left:before { content: "\F465"; } .mdi-rotate-left-variant:before { content: "\F466"; } .mdi-rotate-right:before { content: "\F467"; } .mdi-rotate-right-variant:before { content: "\F468"; } .mdi-rounded-corner:before { content: "\F607"; } .mdi-router-wireless:before { content: "\F469"; } .mdi-routes:before { content: "\F46A"; } .mdi-rowing:before { content: "\F608"; } .mdi-rss:before { content: "\F46B"; } .mdi-rss-box:before { content: "\F46C"; } .mdi-ruler:before { content: "\F46D"; } .mdi-run:before { content: "\F70D"; } .mdi-run-fast:before { content: "\F46E"; } .mdi-sale:before { content: "\F46F"; } .mdi-sass:before { content: "\F7EB"; } .mdi-satellite:before { content: "\F470"; } .mdi-satellite-variant:before { content: "\F471"; } .mdi-saxophone:before { content: "\F609"; } .mdi-scale:before { content: "\F472"; } .mdi-scale-balance:before { content: "\F5D1"; } .mdi-scale-bathroom:before { content: "\F473"; } .mdi-scanner:before { content: "\F6AA"; } .mdi-school:before { content: "\F474"; } .mdi-screen-rotation:before { content: "\F475"; } .mdi-screen-rotation-lock:before { content: "\F476"; } .mdi-screwdriver:before { content: "\F477"; } .mdi-script:before { content: "\F478"; } .mdi-sd:before { content: "\F479"; } .mdi-seal:before { content: "\F47A"; } .mdi-search-web:before { content: "\F70E"; } .mdi-seat-flat:before { content: "\F47B"; } .mdi-seat-flat-angled:before { content: "\F47C"; } .mdi-seat-individual-suite:before { content: "\F47D"; } .mdi-seat-legroom-extra:before { content: "\F47E"; } .mdi-seat-legroom-normal:before { content: "\F47F"; } .mdi-seat-legroom-reduced:before { content: "\F480"; } .mdi-seat-recline-extra:before { content: "\F481"; } .mdi-seat-recline-normal:before { content: "\F482"; } .mdi-security:before { content: "\F483"; } .mdi-security-home:before { content: "\F689"; } .mdi-security-network:before { content: "\F484"; } .mdi-select:before { content: "\F485"; } .mdi-select-all:before { content: "\F486"; } .mdi-select-inverse:before { content: "\F487"; } .mdi-select-off:before { content: "\F488"; } .mdi-selection:before { content: "\F489"; } .mdi-selection-off:before { content: "\F776"; } .mdi-send:before { content: "\F48A"; } .mdi-send-secure:before { content: "\F7EC"; } .mdi-serial-port:before { content: "\F65C"; } .mdi-server:before { content: "\F48B"; } .mdi-server-minus:before { content: "\F48C"; } .mdi-server-network:before { content: "\F48D"; } .mdi-server-network-off:before { content: "\F48E"; } .mdi-server-off:before { content: "\F48F"; } .mdi-server-plus:before { content: "\F490"; } .mdi-server-remove:before { content: "\F491"; } .mdi-server-security:before { content: "\F492"; } .mdi-set-all:before { content: "\F777"; } .mdi-set-center:before { content: "\F778"; } .mdi-set-center-right:before { content: "\F779"; } .mdi-set-left:before { content: "\F77A"; } .mdi-set-left-center:before { content: "\F77B"; } .mdi-set-left-right:before { content: "\F77C"; } .mdi-set-none:before { content: "\F77D"; } .mdi-set-right:before { content: "\F77E"; } .mdi-settings:before { content: "\F493"; } .mdi-settings-box:before { content: "\F494"; } .mdi-shape:before { content: "\F830"; } .mdi-shape-circle-plus:before { content: "\F65D"; } .mdi-shape-outline:before { content: "\F831"; } .mdi-shape-plus:before { content: "\F495"; } .mdi-shape-polygon-plus:before { content: "\F65E"; } .mdi-shape-rectangle-plus:before { content: "\F65F"; } .mdi-shape-square-plus:before { content: "\F660"; } .mdi-share:before { content: "\F496"; } .mdi-share-variant:before { content: "\F497"; } .mdi-shield:before { content: "\F498"; } .mdi-shield-half-full:before { content: "\F77F"; } .mdi-shield-outline:before { content: "\F499"; } .mdi-ship-wheel:before { content: "\F832"; } .mdi-shopping:before { content: "\F49A"; } .mdi-shopping-music:before { content: "\F49B"; } .mdi-shovel:before { content: "\F70F"; } .mdi-shovel-off:before { content: "\F710"; } .mdi-shredder:before { content: "\F49C"; } .mdi-shuffle:before { content: "\F49D"; } .mdi-shuffle-disabled:before { content: "\F49E"; } .mdi-shuffle-variant:before { content: "\F49F"; } .mdi-sigma:before { content: "\F4A0"; } .mdi-sigma-lower:before { content: "\F62B"; } .mdi-sign-caution:before { content: "\F4A1"; } .mdi-sign-direction:before { content: "\F780"; } .mdi-sign-text:before { content: "\F781"; } .mdi-signal:before { content: "\F4A2"; } .mdi-signal-2g:before { content: "\F711"; } .mdi-signal-3g:before { content: "\F712"; } .mdi-signal-4g:before { content: "\F713"; } .mdi-signal-hspa:before { content: "\F714"; } .mdi-signal-hspa-plus:before { content: "\F715"; } .mdi-signal-off:before { content: "\F782"; } .mdi-signal-variant:before { content: "\F60A"; } .mdi-silverware:before { content: "\F4A3"; } .mdi-silverware-fork:before { content: "\F4A4"; } .mdi-silverware-spoon:before { content: "\F4A5"; } .mdi-silverware-variant:before { content: "\F4A6"; } .mdi-sim:before { content: "\F4A7"; } .mdi-sim-alert:before { content: "\F4A8"; } .mdi-sim-off:before { content: "\F4A9"; } .mdi-sitemap:before { content: "\F4AA"; } .mdi-skip-backward:before { content: "\F4AB"; } .mdi-skip-forward:before { content: "\F4AC"; } .mdi-skip-next:before { content: "\F4AD"; } .mdi-skip-next-circle:before { content: "\F661"; } .mdi-skip-next-circle-outline:before { content: "\F662"; } .mdi-skip-previous:before { content: "\F4AE"; } .mdi-skip-previous-circle:before { content: "\F663"; } .mdi-skip-previous-circle-outline:before { content: "\F664"; } .mdi-skull:before { content: "\F68B"; } .mdi-skype:before { content: "\F4AF"; } .mdi-skype-business:before { content: "\F4B0"; } .mdi-slack:before { content: "\F4B1"; } .mdi-sleep:before { content: "\F4B2"; } .mdi-sleep-off:before { content: "\F4B3"; } .mdi-smoking:before { content: "\F4B4"; } .mdi-smoking-off:before { content: "\F4B5"; } .mdi-snapchat:before { content: "\F4B6"; } .mdi-snowflake:before { content: "\F716"; } .mdi-snowman:before { content: "\F4B7"; } .mdi-soccer:before { content: "\F4B8"; } .mdi-soccer-field:before { content: "\F833"; } .mdi-sofa:before { content: "\F4B9"; } .mdi-solid:before { content: "\F68C"; } .mdi-sort:before { content: "\F4BA"; } .mdi-sort-alphabetical:before { content: "\F4BB"; } .mdi-sort-ascending:before { content: "\F4BC"; } .mdi-sort-descending:before { content: "\F4BD"; } .mdi-sort-numeric:before { content: "\F4BE"; } .mdi-sort-variant:before { content: "\F4BF"; } .mdi-soundcloud:before { content: "\F4C0"; } .mdi-source-branch:before { content: "\F62C"; } .mdi-source-commit:before { content: "\F717"; } .mdi-source-commit-end:before { content: "\F718"; } .mdi-source-commit-end-local:before { content: "\F719"; } .mdi-source-commit-local:before { content: "\F71A"; } .mdi-source-commit-next-local:before { content: "\F71B"; } .mdi-source-commit-start:before { content: "\F71C"; } .mdi-source-commit-start-next-local:before { content: "\F71D"; } .mdi-source-fork:before { content: "\F4C1"; } .mdi-source-merge:before { content: "\F62D"; } .mdi-source-pull:before { content: "\F4C2"; } .mdi-soy-sauce:before { content: "\F7ED"; } .mdi-speaker:before { content: "\F4C3"; } .mdi-speaker-off:before { content: "\F4C4"; } .mdi-speaker-wireless:before { content: "\F71E"; } .mdi-speedometer:before { content: "\F4C5"; } .mdi-spellcheck:before { content: "\F4C6"; } .mdi-spotify:before { content: "\F4C7"; } .mdi-spotlight:before { content: "\F4C8"; } .mdi-spotlight-beam:before { content: "\F4C9"; } .mdi-spray:before { content: "\F665"; } .mdi-square:before { content: "\F763"; } .mdi-square-inc:before { content: "\F4CA"; } .mdi-square-inc-cash:before { content: "\F4CB"; } .mdi-square-outline:before { content: "\F762"; } .mdi-square-root:before { content: "\F783"; } .mdi-stack-overflow:before { content: "\F4CC"; } .mdi-stackexchange:before { content: "\F60B"; } .mdi-stadium:before { content: "\F71F"; } .mdi-stairs:before { content: "\F4CD"; } .mdi-standard-definition:before { content: "\F7EE"; } .mdi-star:before { content: "\F4CE"; } .mdi-star-circle:before { content: "\F4CF"; } .mdi-star-half:before { content: "\F4D0"; } .mdi-star-off:before { content: "\F4D1"; } .mdi-star-outline:before { content: "\F4D2"; } .mdi-steam:before { content: "\F4D3"; } .mdi-steering:before { content: "\F4D4"; } .mdi-step-backward:before { content: "\F4D5"; } .mdi-step-backward-2:before { content: "\F4D6"; } .mdi-step-forward:before { content: "\F4D7"; } .mdi-step-forward-2:before { content: "\F4D8"; } .mdi-stethoscope:before { content: "\F4D9"; } .mdi-sticker:before { content: "\F5D0"; } .mdi-sticker-emoji:before { content: "\F784"; } .mdi-stocking:before { content: "\F4DA"; } .mdi-stop:before { content: "\F4DB"; } .mdi-stop-circle:before { content: "\F666"; } .mdi-stop-circle-outline:before { content: "\F667"; } .mdi-store:before { content: "\F4DC"; } .mdi-store-24-hour:before { content: "\F4DD"; } .mdi-stove:before { content: "\F4DE"; } .mdi-subdirectory-arrow-left:before { content: "\F60C"; } .mdi-subdirectory-arrow-right:before { content: "\F60D"; } .mdi-subway:before { content: "\F6AB"; } .mdi-subway-variant:before { content: "\F4DF"; } .mdi-summit:before { content: "\F785"; } .mdi-sunglasses:before { content: "\F4E0"; } .mdi-surround-sound:before { content: "\F5C5"; } .mdi-surround-sound-2-0:before { content: "\F7EF"; } .mdi-surround-sound-3-1:before { content: "\F7F0"; } .mdi-surround-sound-5-1:before { content: "\F7F1"; } .mdi-surround-sound-7-1:before { content: "\F7F2"; } .mdi-svg:before { content: "\F720"; } .mdi-swap-horizontal:before { content: "\F4E1"; } .mdi-swap-vertical:before { content: "\F4E2"; } .mdi-swim:before { content: "\F4E3"; } .mdi-switch:before { content: "\F4E4"; } .mdi-sword:before { content: "\F4E5"; } .mdi-sword-cross:before { content: "\F786"; } .mdi-sync:before { content: "\F4E6"; } .mdi-sync-alert:before { content: "\F4E7"; } .mdi-sync-off:before { content: "\F4E8"; } .mdi-tab:before { content: "\F4E9"; } .mdi-tab-plus:before { content: "\F75B"; } .mdi-tab-unselected:before { content: "\F4EA"; } .mdi-table:before { content: "\F4EB"; } .mdi-table-column:before { content: "\F834"; } .mdi-table-column-plus-after:before { content: "\F4EC"; } .mdi-table-column-plus-before:before { content: "\F4ED"; } .mdi-table-column-remove:before { content: "\F4EE"; } .mdi-table-column-width:before { content: "\F4EF"; } .mdi-table-edit:before { content: "\F4F0"; } .mdi-table-large:before { content: "\F4F1"; } .mdi-table-of-contents:before { content: "\F835"; } .mdi-table-row:before { content: "\F836"; } .mdi-table-row-height:before { content: "\F4F2"; } .mdi-table-row-plus-after:before { content: "\F4F3"; } .mdi-table-row-plus-before:before { content: "\F4F4"; } .mdi-table-row-remove:before { content: "\F4F5"; } .mdi-table-settings:before { content: "\F837"; } .mdi-tablet:before { content: "\F4F6"; } .mdi-tablet-android:before { content: "\F4F7"; } .mdi-tablet-ipad:before { content: "\F4F8"; } .mdi-taco:before { content: "\F761"; } .mdi-tag:before { content: "\F4F9"; } .mdi-tag-faces:before { content: "\F4FA"; } .mdi-tag-heart:before { content: "\F68A"; } .mdi-tag-multiple:before { content: "\F4FB"; } .mdi-tag-outline:before { content: "\F4FC"; } .mdi-tag-plus:before { content: "\F721"; } .mdi-tag-remove:before { content: "\F722"; } .mdi-tag-text-outline:before { content: "\F4FD"; } .mdi-target:before { content: "\F4FE"; } .mdi-taxi:before { content: "\F4FF"; } .mdi-teamviewer:before { content: "\F500"; } .mdi-telegram:before { content: "\F501"; } .mdi-television:before { content: "\F502"; } .mdi-television-box:before { content: "\F838"; } .mdi-television-classic:before { content: "\F7F3"; } .mdi-television-classic-off:before { content: "\F839"; } .mdi-television-guide:before { content: "\F503"; } .mdi-television-off:before { content: "\F83A"; } .mdi-temperature-celsius:before { content: "\F504"; } .mdi-temperature-fahrenheit:before { content: "\F505"; } .mdi-temperature-kelvin:before { content: "\F506"; } .mdi-tennis:before { content: "\F507"; } .mdi-tent:before { content: "\F508"; } .mdi-terrain:before { content: "\F509"; } .mdi-test-tube:before { content: "\F668"; } .mdi-text-shadow:before { content: "\F669"; } .mdi-text-to-speech:before { content: "\F50A"; } .mdi-text-to-speech-off:before { content: "\F50B"; } .mdi-textbox:before { content: "\F60E"; } .mdi-textbox-password:before { content: "\F7F4"; } .mdi-texture:before { content: "\F50C"; } .mdi-theater:before { content: "\F50D"; } .mdi-theme-light-dark:before { content: "\F50E"; } .mdi-thermometer:before { content: "\F50F"; } .mdi-thermometer-lines:before { content: "\F510"; } .mdi-thought-bubble:before { content: "\F7F5"; } .mdi-thought-bubble-outline:before { content: "\F7F6"; } .mdi-thumb-down:before { content: "\F511"; } .mdi-thumb-down-outline:before { content: "\F512"; } .mdi-thumb-up:before { content: "\F513"; } .mdi-thumb-up-outline:before { content: "\F514"; } .mdi-thumbs-up-down:before { content: "\F515"; } .mdi-ticket:before { content: "\F516"; } .mdi-ticket-account:before { content: "\F517"; } .mdi-ticket-confirmation:before { content: "\F518"; } .mdi-ticket-percent:before { content: "\F723"; } .mdi-tie:before { content: "\F519"; } .mdi-tilde:before { content: "\F724"; } .mdi-timelapse:before { content: "\F51A"; } .mdi-timer:before { content: "\F51B"; } .mdi-timer-10:before { content: "\F51C"; } .mdi-timer-3:before { content: "\F51D"; } .mdi-timer-off:before { content: "\F51E"; } .mdi-timer-sand:before { content: "\F51F"; } .mdi-timer-sand-empty:before { content: "\F6AC"; } .mdi-timer-sand-full:before { content: "\F78B"; } .mdi-timetable:before { content: "\F520"; } .mdi-toggle-switch:before { content: "\F521"; } .mdi-toggle-switch-off:before { content: "\F522"; } .mdi-tooltip:before { content: "\F523"; } .mdi-tooltip-edit:before { content: "\F524"; } .mdi-tooltip-image:before { content: "\F525"; } .mdi-tooltip-outline:before { content: "\F526"; } .mdi-tooltip-outline-plus:before { content: "\F527"; } .mdi-tooltip-text:before { content: "\F528"; } .mdi-tooth:before { content: "\F529"; } .mdi-tor:before { content: "\F52A"; } .mdi-tower-beach:before { content: "\F680"; } .mdi-tower-fire:before { content: "\F681"; } .mdi-towing:before { content: "\F83B"; } .mdi-trackpad:before { content: "\F7F7"; } .mdi-traffic-light:before { content: "\F52B"; } .mdi-train:before { content: "\F52C"; } .mdi-tram:before { content: "\F52D"; } .mdi-transcribe:before { content: "\F52E"; } .mdi-transcribe-close:before { content: "\F52F"; } .mdi-transfer:before { content: "\F530"; } .mdi-transit-transfer:before { content: "\F6AD"; } .mdi-translate:before { content: "\F5CA"; } .mdi-treasure-chest:before { content: "\F725"; } .mdi-tree:before { content: "\F531"; } .mdi-trello:before { content: "\F532"; } .mdi-trending-down:before { content: "\F533"; } .mdi-trending-neutral:before { content: "\F534"; } .mdi-trending-up:before { content: "\F535"; } .mdi-triangle:before { content: "\F536"; } .mdi-triangle-outline:before { content: "\F537"; } .mdi-trophy:before { content: "\F538"; } .mdi-trophy-award:before { content: "\F539"; } .mdi-trophy-outline:before { content: "\F53A"; } .mdi-trophy-variant:before { content: "\F53B"; } .mdi-trophy-variant-outline:before { content: "\F53C"; } .mdi-truck:before { content: "\F53D"; } .mdi-truck-delivery:before { content: "\F53E"; } .mdi-truck-fast:before { content: "\F787"; } .mdi-truck-trailer:before { content: "\F726"; } .mdi-tshirt-crew:before { content: "\F53F"; } .mdi-tshirt-v:before { content: "\F540"; } .mdi-tumblr:before { content: "\F541"; } .mdi-tumblr-reblog:before { content: "\F542"; } .mdi-tune:before { content: "\F62E"; } .mdi-tune-vertical:before { content: "\F66A"; } .mdi-twitch:before { content: "\F543"; } .mdi-twitter:before { content: "\F544"; } .mdi-twitter-box:before { content: "\F545"; } .mdi-twitter-circle:before { content: "\F546"; } .mdi-twitter-retweet:before { content: "\F547"; } .mdi-uber:before { content: "\F748"; } .mdi-ubuntu:before { content: "\F548"; } .mdi-ultra-high-definition:before { content: "\F7F8"; } .mdi-umbraco:before { content: "\F549"; } .mdi-umbrella:before { content: "\F54A"; } .mdi-umbrella-outline:before { content: "\F54B"; } .mdi-undo:before { content: "\F54C"; } .mdi-undo-variant:before { content: "\F54D"; } .mdi-unfold-less-horizontal:before { content: "\F54E"; } .mdi-unfold-less-vertical:before { content: "\F75F"; } .mdi-unfold-more-horizontal:before { content: "\F54F"; } .mdi-unfold-more-vertical:before { content: "\F760"; } .mdi-ungroup:before { content: "\F550"; } .mdi-unity:before { content: "\F6AE"; } .mdi-untappd:before { content: "\F551"; } .mdi-update:before { content: "\F6AF"; } .mdi-upload:before { content: "\F552"; } .mdi-upload-multiple:before { content: "\F83C"; } .mdi-upload-network:before { content: "\F6F5"; } .mdi-usb:before { content: "\F553"; } .mdi-van-passenger:before { content: "\F7F9"; } .mdi-van-utility:before { content: "\F7FA"; } .mdi-vanish:before { content: "\F7FB"; } .mdi-vector-arrange-above:before { content: "\F554"; } .mdi-vector-arrange-below:before { content: "\F555"; } .mdi-vector-circle:before { content: "\F556"; } .mdi-vector-circle-variant:before { content: "\F557"; } .mdi-vector-combine:before { content: "\F558"; } .mdi-vector-curve:before { content: "\F559"; } .mdi-vector-difference:before { content: "\F55A"; } .mdi-vector-difference-ab:before { content: "\F55B"; } .mdi-vector-difference-ba:before { content: "\F55C"; } .mdi-vector-intersection:before { content: "\F55D"; } .mdi-vector-line:before { content: "\F55E"; } .mdi-vector-point:before { content: "\F55F"; } .mdi-vector-polygon:before { content: "\F560"; } .mdi-vector-polyline:before { content: "\F561"; } .mdi-vector-radius:before { content: "\F749"; } .mdi-vector-rectangle:before { content: "\F5C6"; } .mdi-vector-selection:before { content: "\F562"; } .mdi-vector-square:before { content: "\F001"; } .mdi-vector-triangle:before { content: "\F563"; } .mdi-vector-union:before { content: "\F564"; } .mdi-venmo:before { content: "\F578"; } .mdi-verified:before { content: "\F565"; } .mdi-vibrate:before { content: "\F566"; } .mdi-video:before { content: "\F567"; } .mdi-video-3d:before { content: "\F7FC"; } .mdi-video-4k-box:before { content: "\F83D"; } .mdi-video-input-antenna:before { content: "\F83E"; } .mdi-video-input-component:before { content: "\F83F"; } .mdi-video-input-hdmi:before { content: "\F840"; } .mdi-video-input-svideo:before { content: "\F841"; } .mdi-video-off:before { content: "\F568"; } .mdi-video-switch:before { content: "\F569"; } .mdi-view-agenda:before { content: "\F56A"; } .mdi-view-array:before { content: "\F56B"; } .mdi-view-carousel:before { content: "\F56C"; } .mdi-view-column:before { content: "\F56D"; } .mdi-view-dashboard:before { content: "\F56E"; } .mdi-view-dashboard-variant:before { content: "\F842"; } .mdi-view-day:before { content: "\F56F"; } .mdi-view-grid:before { content: "\F570"; } .mdi-view-headline:before { content: "\F571"; } .mdi-view-list:before { content: "\F572"; } .mdi-view-module:before { content: "\F573"; } .mdi-view-parallel:before { content: "\F727"; } .mdi-view-quilt:before { content: "\F574"; } .mdi-view-sequential:before { content: "\F728"; } .mdi-view-stream:before { content: "\F575"; } .mdi-view-week:before { content: "\F576"; } .mdi-vimeo:before { content: "\F577"; } .mdi-violin:before { content: "\F60F"; } .mdi-visualstudio:before { content: "\F610"; } .mdi-vk:before { content: "\F579"; } .mdi-vk-box:before { content: "\F57A"; } .mdi-vk-circle:before { content: "\F57B"; } .mdi-vlc:before { content: "\F57C"; } .mdi-voice:before { content: "\F5CB"; } .mdi-voicemail:before { content: "\F57D"; } .mdi-volume-high:before { content: "\F57E"; } .mdi-volume-low:before { content: "\F57F"; } .mdi-volume-medium:before { content: "\F580"; } .mdi-volume-minus:before { content: "\F75D"; } .mdi-volume-mute:before { content: "\F75E"; } .mdi-volume-off:before { content: "\F581"; } .mdi-volume-plus:before { content: "\F75C"; } .mdi-vpn:before { content: "\F582"; } .mdi-vuejs:before { content: "\F843"; } .mdi-walk:before { content: "\F583"; } .mdi-wall:before { content: "\F7FD"; } .mdi-wallet:before { content: "\F584"; } .mdi-wallet-giftcard:before { content: "\F585"; } .mdi-wallet-membership:before { content: "\F586"; } .mdi-wallet-travel:before { content: "\F587"; } .mdi-wan:before { content: "\F588"; } .mdi-washing-machine:before { content: "\F729"; } .mdi-watch:before { content: "\F589"; } .mdi-watch-export:before { content: "\F58A"; } .mdi-watch-import:before { content: "\F58B"; } .mdi-watch-vibrate:before { content: "\F6B0"; } .mdi-water:before { content: "\F58C"; } .mdi-water-off:before { content: "\F58D"; } .mdi-water-percent:before { content: "\F58E"; } .mdi-water-pump:before { content: "\F58F"; } .mdi-watermark:before { content: "\F612"; } .mdi-waves:before { content: "\F78C"; } .mdi-weather-cloudy:before { content: "\F590"; } .mdi-weather-fog:before { content: "\F591"; } .mdi-weather-hail:before { content: "\F592"; } .mdi-weather-lightning:before { content: "\F593"; } .mdi-weather-lightning-rainy:before { content: "\F67D"; } .mdi-weather-night:before { content: "\F594"; } .mdi-weather-partlycloudy:before { content: "\F595"; } .mdi-weather-pouring:before { content: "\F596"; } .mdi-weather-rainy:before { content: "\F597"; } .mdi-weather-snowy:before { content: "\F598"; } .mdi-weather-snowy-rainy:before { content: "\F67E"; } .mdi-weather-sunny:before { content: "\F599"; } .mdi-weather-sunset:before { content: "\F59A"; } .mdi-weather-sunset-down:before { content: "\F59B"; } .mdi-weather-sunset-up:before { content: "\F59C"; } .mdi-weather-windy:before { content: "\F59D"; } .mdi-weather-windy-variant:before { content: "\F59E"; } .mdi-web:before { content: "\F59F"; } .mdi-webcam:before { content: "\F5A0"; } .mdi-webhook:before { content: "\F62F"; } .mdi-webpack:before { content: "\F72A"; } .mdi-wechat:before { content: "\F611"; } .mdi-weight:before { content: "\F5A1"; } .mdi-weight-kilogram:before { content: "\F5A2"; } .mdi-whatsapp:before { content: "\F5A3"; } .mdi-wheelchair-accessibility:before { content: "\F5A4"; } .mdi-white-balance-auto:before { content: "\F5A5"; } .mdi-white-balance-incandescent:before { content: "\F5A6"; } .mdi-white-balance-iridescent:before { content: "\F5A7"; } .mdi-white-balance-sunny:before { content: "\F5A8"; } .mdi-widgets:before { content: "\F72B"; } .mdi-wifi:before { content: "\F5A9"; } .mdi-wifi-off:before { content: "\F5AA"; } .mdi-wii:before { content: "\F5AB"; } .mdi-wiiu:before { content: "\F72C"; } .mdi-wikipedia:before { content: "\F5AC"; } .mdi-window-close:before { content: "\F5AD"; } .mdi-window-closed:before { content: "\F5AE"; } .mdi-window-maximize:before { content: "\F5AF"; } .mdi-window-minimize:before { content: "\F5B0"; } .mdi-window-open:before { content: "\F5B1"; } .mdi-window-restore:before { content: "\F5B2"; } .mdi-windows:before { content: "\F5B3"; } .mdi-wordpress:before { content: "\F5B4"; } .mdi-worker:before { content: "\F5B5"; } .mdi-wrap:before { content: "\F5B6"; } .mdi-wrench:before { content: "\F5B7"; } .mdi-wunderlist:before { content: "\F5B8"; } .mdi-xamarin:before { content: "\F844"; } .mdi-xamarin-outline:before { content: "\F845"; } .mdi-xaml:before { content: "\F673"; } .mdi-xbox:before { content: "\F5B9"; } .mdi-xbox-controller:before { content: "\F5BA"; } .mdi-xbox-controller-battery-alert:before { content: "\F74A"; } .mdi-xbox-controller-battery-empty:before { content: "\F74B"; } .mdi-xbox-controller-battery-full:before { content: "\F74C"; } .mdi-xbox-controller-battery-low:before { content: "\F74D"; } .mdi-xbox-controller-battery-medium:before { content: "\F74E"; } .mdi-xbox-controller-battery-unknown:before { content: "\F74F"; } .mdi-xbox-controller-off:before { content: "\F5BB"; } .mdi-xda:before { content: "\F5BC"; } .mdi-xing:before { content: "\F5BD"; } .mdi-xing-box:before { content: "\F5BE"; } .mdi-xing-circle:before { content: "\F5BF"; } .mdi-xml:before { content: "\F5C0"; } .mdi-xmpp:before { content: "\F7FE"; } .mdi-yammer:before { content: "\F788"; } .mdi-yeast:before { content: "\F5C1"; } .mdi-yelp:before { content: "\F5C2"; } .mdi-yin-yang:before { content: "\F67F"; } .mdi-youtube-creator-studio:before { content: "\F846"; } .mdi-youtube-gaming:before { content: "\F847"; } .mdi-youtube-play:before { content: "\F5C3"; } .mdi-youtube-tv:before { content: "\F448"; } .mdi-zip-box:before { content: "\F5C4"; } .mdi-blank:before { content: "\F68C"; visibility: hidden; } .mdi-18px.mdi-set, .mdi-18px.mdi:before { font-size: 18px; } .mdi-24px.mdi-set, .mdi-24px.mdi:before { font-size: 24px; } .mdi-36px.mdi-set, .mdi-36px.mdi:before { font-size: 36px; } .mdi-48px.mdi-set, .mdi-48px.mdi:before { font-size: 48px; } .mdi-dark:before { color: rgba(0, 0, 0, 0.54); } .mdi-dark.mdi-inactive:before { color: rgba(0, 0, 0, 0.26); } .mdi-light:before { color: white; } .mdi-light.mdi-inactive:before { color: rgba(255, 255, 255, 0.3); } .mdi-rotate-45 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(45deg); transform: scaleX(-1) rotate(45deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(45deg); -ms-transform: rotate(45deg); transform: scaleY(-1) rotate(45deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-45:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mdi-rotate-90 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(90deg); transform: scaleX(-1) rotate(90deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(90deg); -ms-transform: rotate(90deg); transform: scaleY(-1) rotate(90deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-90:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mdi-rotate-135 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(135deg); -ms-transform: rotate(135deg); transform: scaleY(-1) rotate(135deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-135:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .mdi-rotate-180 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(180deg); transform: scaleX(-1) rotate(180deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(180deg); -ms-transform: rotate(180deg); transform: scaleY(-1) rotate(180deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-180:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mdi-rotate-225 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(225deg); transform: scaleX(-1) rotate(225deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(225deg); -ms-transform: rotate(225deg); transform: scaleY(-1) rotate(225deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-225:before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .mdi-rotate-270 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(270deg); transform: scaleX(-1) rotate(270deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(270deg); -ms-transform: rotate(270deg); transform: scaleY(-1) rotate(270deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-270:before { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .mdi-rotate-315 { /* // Not included in production &.mdi-flip-h:before { -webkit-transform: scaleX(-1) rotate(315deg); transform: scaleX(-1) rotate(315deg); filter: FlipH; -ms-filter: "FlipH"; } &.mdi-flip-v:before { -webkit-transform: scaleY(-1) rotate(315deg); -ms-transform: rotate(315deg); transform: scaleY(-1) rotate(315deg); filter: FlipV; -ms-filter: "FlipV"; } */ } .mdi-rotate-315:before { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } .mdi-flip-h:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .mdi-flip-v:before { -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .mdi-spin:before { -webkit-animation: mdi-spin 2s infinite linear; animation: mdi-spin 2s infinite linear; } @-webkit-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*# sourceMappingURL=materialdesignicons.css.map */ ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/license.md ================================================ Copyright (c) 2014, Austin Andrews (http://materialdesignicons.com/), with Reserved Font Name Material Design Icons. Copyright (c) 2014, Google (http://www.google.com/design/) uses the license at https://github.com/google/material-design-icons/blob/master/LICENSE This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/package.json ================================================ { "_args": [ [ "mdi@2.1.19", "/Users/linsa/project/purple_free" ] ], "_from": "mdi@2.1.19", "_id": "mdi@2.1.19", "_inBundle": false, "_integrity": "sha512-WErwab4jq/jcCeo4aecQ5UH1WXu2Eto5Rdb0AiBFcUw8CHmF/UeV+hf9wKyH17X+c3Z+jaS3jDKW7fu0R0HmWQ==", "_location": "/mdi", "_phantomChildren": {}, "_requested": { "type": "version", "registry": true, "raw": "mdi@2.1.19", "name": "mdi", "escapedName": "mdi", "rawSpec": "2.1.19", "saveSpec": null, "fetchSpec": "2.1.19" }, "_requiredBy": [ "/" ], "_resolved": "https://registry.npmjs.org/mdi/-/mdi-2.1.19.tgz", "_spec": "2.1.19", "_where": "/Users/linsa/project/purple_free", "author": { "name": "Austin Andrews", "url": "http://twitter.com/templarian" }, "bugs": { "url": "https://github.com/Templarian/MaterialDesign/issues" }, "description": "Dist for Material Design Webfont. This includes the Stock and Community icons in a single webfont collection.", "homepage": "http://materialdesignicons.com", "keywords": [ "material", "design", "icons", "webfont" ], "licenses": [ { "type": "OFL-1.1", "url": "http://scripts.sil.org/OFL" }, { "type": "MIT", "url": "http://opensource.org/licenses/mit-license.html" } ], "main": "preview.html", "name": "mdi", "repository": { "type": "git", "url": "git+https://github.com/Templarian/MaterialDesign-Webfont.git" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "style": "css/materialdesignicons.css", "version": "2.1.19" } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/preview.html ================================================ Material Design Icons

Material Design Icons 2.1.19

Usage

<span class="mdi mdi-name"></span>

Icons (click to copy to clipboard)

Extras

The helper CSS classes are listed below.

Size

mdi-18px mdi-24px mdi-36px mdi-48px

Rotate

mdi-rotate-45 mdi-rotate-90 mdi-rotate-135 mdi-rotate-180 mdi-rotate-225 mdi-rotate-270 mdi-rotate-315

Flip

mdi-flip-h mdi-flip-v

Note: We do not include the ability to use mdi-flip-* and mdi-rotate-* at the same time.

Spin

mdi-spin mdi-spin

Color

mdi-light mdi-light mdi-inactive mdi-dark mdi-dark mdi-inactive

================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_animated.scss ================================================ // From Font Awesome .#{$mdi-css-prefix}-spin:before { -webkit-animation: #{$mdi-css-prefix}-spin 2s infinite linear; animation: #{$mdi-css-prefix}-spin 2s infinite linear; } @-webkit-keyframes #{$mdi-css-prefix}-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes #{$mdi-css-prefix}-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_core.scss ================================================ .#{$mdi-css-prefix}:before, .#{$mdi-css-prefix}-set { display: inline-block; font: normal normal normal #{$mdi-font-size-base}/1 '#{$mdi-font-name}'; // shortening font declaration font-size: inherit; // can't have font-size inherit on line above, so need to override text-rendering: auto; // optimizelegibility throws things off #1094 line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_extras.scss ================================================ $sizes: 18 24 36 48; @each $size in $sizes { .#{$mdi-css-prefix}-#{$size}px { &.#{$mdi-css-prefix}-set, &.#{$mdi-css-prefix}:before { font-size: $size * 1px; } } } .#{$mdi-css-prefix}-dark { &:before { color: rgba(0, 0, 0, 0.54); } &.mdi-inactive:before { color: rgba(0, 0, 0, 0.26); } } .#{$mdi-css-prefix}-light { &:before { color: rgba(255, 255, 255, 1); } &.mdi-inactive:before { color: rgba(255, 255, 255, 0.3); } } $degrees: 45 90 135 180 225 270 315; @each $degree in $degrees { .#{$mdi-css-prefix}-rotate-#{$degree}{ &:before { -webkit-transform: rotate(#{$degree}deg); -ms-transform: rotate(#{$degree}deg); transform: rotate(#{$degree}deg); } /* // Not included in production &.#{$mdi-css-prefix}-flip-h:before { -webkit-transform: scaleX(-1) rotate(#{$degree}deg); transform: scaleX(-1) rotate(#{$degree}deg); filter: FlipH; -ms-filter: "FlipH"; } &.#{$mdi-css-prefix}-flip-v:before { -webkit-transform: scaleY(-1) rotate(#{$degree}deg); -ms-transform: rotate(#{$degree}deg); transform: scaleY(-1) rotate(#{$degree}deg); filter: FlipV; -ms-filter: "FlipV"; } */ } } .#{$mdi-css-prefix}-flip-h:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .#{$mdi-css-prefix}-flip-v:before { -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_functions.scss ================================================ @function char($character-code) { @if function-exists("selector-append") { @return unquote("\"\\#{$character-code}\""); } @if "\\#{'x'}" == "\\x" { @return str-slice("\x", 1, 1) + $character-code; } @else { @return #{"\"\\"}#{$character-code + "\""}; } } @function mdi($name) { @if map-has-key($mdi-icons, $name) == false { @warn "Icon #{$name} not found."; @return ""; } @return char(map-get($mdi-icons, $name)); } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_icons.scss ================================================ @each $key, $value in $mdi-icons { .#{$mdi-css-prefix}-#{$key}:before { content: char($value); } } .#{$mdi-css-prefix}-blank:before { content: "\F68C"; visibility: hidden; } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_path.scss ================================================ @font-face { font-family: '#{$mdi-font-name}'; src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}'); src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'), url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'), url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'), url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype'), url('#{$mdi-font-path}/#{$mdi-filename}-webfont.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg'); font-weight: normal; font-style: normal; } ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/_variables.scss ================================================ $mdi-filename: "materialdesignicons"; $mdi-font-name: "Material Design Icons"; $mdi-font-family: "materialdesignicons"; $mdi-font-weight: "regular"; $mdi-font-path: "../fonts" !default; $mdi-font-size-base: 24px !default; $mdi-css-prefix: mdi !default; $mdi-version: "2.1.19" !default; $mdi-icons: ( "access-point": F002, "access-point-network": F003, "account": F004, "account-alert": F005, "account-box": F006, "account-box-outline": F007, "account-card-details": F5D2, "account-check": F008, "account-circle": F009, "account-convert": F00A, "account-edit": F6BB, "account-key": F00B, "account-location": F00C, "account-minus": F00D, "account-multiple": F00E, "account-multiple-minus": F5D3, "account-multiple-outline": F00F, "account-multiple-plus": F010, "account-multiple-plus-outline": F7FF, "account-network": F011, "account-off": F012, "account-outline": F013, "account-plus": F014, "account-plus-outline": F800, "account-remove": F015, "account-search": F016, "account-settings": F630, "account-settings-variant": F631, "account-star": F017, "account-switch": F019, "adjust": F01A, "air-conditioner": F01B, "airballoon": F01C, "airplane": F01D, "airplane-landing": F5D4, "airplane-off": F01E, "airplane-takeoff": F5D5, "airplay": F01F, "alarm": F020, "alarm-bell": F78D, "alarm-check": F021, "alarm-light": F78E, "alarm-multiple": F022, "alarm-off": F023, "alarm-plus": F024, "alarm-snooze": F68D, "album": F025, "alert": F026, "alert-box": F027, "alert-circle": F028, "alert-circle-outline": F5D6, "alert-decagram": F6BC, "alert-octagon": F029, "alert-octagram": F766, "alert-outline": F02A, "all-inclusive": F6BD, "allo": F801, "alpha": F02B, "alphabetical": F02C, "altimeter": F5D7, "amazon": F02D, "amazon-clouddrive": F02E, "ambulance": F02F, "amplifier": F030, "anchor": F031, "android": F032, "android-debug-bridge": F033, "android-head": F78F, "android-studio": F034, "angular": F6B1, "angularjs": F6BE, "animation": F5D8, "apple": F035, "apple-finder": F036, "apple-ios": F037, "apple-keyboard-caps": F632, "apple-keyboard-command": F633, "apple-keyboard-control": F634, "apple-keyboard-option": F635, "apple-keyboard-shift": F636, "apple-mobileme": F038, "apple-safari": F039, "application": F614, "approval": F790, "apps": F03B, "archive": F03C, "arrange-bring-forward": F03D, "arrange-bring-to-front": F03E, "arrange-send-backward": F03F, "arrange-send-to-back": F040, "arrow-all": F041, "arrow-bottom-left": F042, "arrow-bottom-right": F043, "arrow-collapse": F615, "arrow-collapse-all": F044, "arrow-collapse-down": F791, "arrow-collapse-left": F792, "arrow-collapse-right": F793, "arrow-collapse-up": F794, "arrow-down": F045, "arrow-down-bold": F72D, "arrow-down-bold-box": F72E, "arrow-down-bold-box-outline": F72F, "arrow-down-bold-circle": F047, "arrow-down-bold-circle-outline": F048, "arrow-down-bold-hexagon-outline": F049, "arrow-down-box": F6BF, "arrow-down-drop-circle": F04A, "arrow-down-drop-circle-outline": F04B, "arrow-down-thick": F046, "arrow-expand": F616, "arrow-expand-all": F04C, "arrow-expand-down": F795, "arrow-expand-left": F796, "arrow-expand-right": F797, "arrow-expand-up": F798, "arrow-left": F04D, "arrow-left-bold": F730, "arrow-left-bold-box": F731, "arrow-left-bold-box-outline": F732, "arrow-left-bold-circle": F04F, "arrow-left-bold-circle-outline": F050, "arrow-left-bold-hexagon-outline": F051, "arrow-left-box": F6C0, "arrow-left-drop-circle": F052, "arrow-left-drop-circle-outline": F053, "arrow-left-thick": F04E, "arrow-right": F054, "arrow-right-bold": F733, "arrow-right-bold-box": F734, "arrow-right-bold-box-outline": F735, "arrow-right-bold-circle": F056, "arrow-right-bold-circle-outline": F057, "arrow-right-bold-hexagon-outline": F058, "arrow-right-box": F6C1, "arrow-right-drop-circle": F059, "arrow-right-drop-circle-outline": F05A, "arrow-right-thick": F055, "arrow-top-left": F05B, "arrow-top-right": F05C, "arrow-up": F05D, "arrow-up-bold": F736, "arrow-up-bold-box": F737, "arrow-up-bold-box-outline": F738, "arrow-up-bold-circle": F05F, "arrow-up-bold-circle-outline": F060, "arrow-up-bold-hexagon-outline": F061, "arrow-up-box": F6C2, "arrow-up-drop-circle": F062, "arrow-up-drop-circle-outline": F063, "arrow-up-thick": F05E, "artist": F802, "assistant": F064, "asterisk": F6C3, "at": F065, "atlassian": F803, "atom": F767, "attachment": F066, "audiobook": F067, "auto-fix": F068, "auto-upload": F069, "autorenew": F06A, "av-timer": F06B, "azure": F804, "baby": F06C, "baby-buggy": F68E, "backburger": F06D, "backspace": F06E, "backup-restore": F06F, "bandcamp": F674, "bank": F070, "barcode": F071, "barcode-scan": F072, "barley": F073, "barrel": F074, "basecamp": F075, "basket": F076, "basket-fill": F077, "basket-unfill": F078, "basketball": F805, "battery": F079, "battery-10": F07A, "battery-20": F07B, "battery-30": F07C, "battery-40": F07D, "battery-50": F07E, "battery-60": F07F, "battery-70": F080, "battery-80": F081, "battery-90": F082, "battery-alert": F083, "battery-charging": F084, "battery-charging-100": F085, "battery-charging-20": F086, "battery-charging-30": F087, "battery-charging-40": F088, "battery-charging-60": F089, "battery-charging-80": F08A, "battery-charging-90": F08B, "battery-charging-wireless": F806, "battery-charging-wireless-10": F807, "battery-charging-wireless-20": F808, "battery-charging-wireless-30": F809, "battery-charging-wireless-40": F80A, "battery-charging-wireless-50": F80B, "battery-charging-wireless-60": F80C, "battery-charging-wireless-70": F80D, "battery-charging-wireless-80": F80E, "battery-charging-wireless-90": F80F, "battery-charging-wireless-alert": F810, "battery-charging-wireless-outline": F811, "battery-minus": F08C, "battery-negative": F08D, "battery-outline": F08E, "battery-plus": F08F, "battery-positive": F090, "battery-unknown": F091, "beach": F092, "beaker": F68F, "beats": F097, "beer": F098, "behance": F099, "bell": F09A, "bell-off": F09B, "bell-outline": F09C, "bell-plus": F09D, "bell-ring": F09E, "bell-ring-outline": F09F, "bell-sleep": F0A0, "beta": F0A1, "bible": F0A2, "bike": F0A3, "bing": F0A4, "binoculars": F0A5, "bio": F0A6, "biohazard": F0A7, "bitbucket": F0A8, "bitcoin": F812, "black-mesa": F0A9, "blackberry": F0AA, "blender": F0AB, "blinds": F0AC, "block-helper": F0AD, "blogger": F0AE, "bluetooth": F0AF, "bluetooth-audio": F0B0, "bluetooth-connect": F0B1, "bluetooth-off": F0B2, "bluetooth-settings": F0B3, "bluetooth-transfer": F0B4, "blur": F0B5, "blur-linear": F0B6, "blur-off": F0B7, "blur-radial": F0B8, "bomb": F690, "bomb-off": F6C4, "bone": F0B9, "book": F0BA, "book-minus": F5D9, "book-multiple": F0BB, "book-multiple-variant": F0BC, "book-open": F0BD, "book-open-page-variant": F5DA, "book-open-variant": F0BE, "book-plus": F5DB, "book-secure": F799, "book-unsecure": F79A, "book-variant": F0BF, "bookmark": F0C0, "bookmark-check": F0C1, "bookmark-music": F0C2, "bookmark-outline": F0C3, "bookmark-plus": F0C5, "bookmark-plus-outline": F0C4, "bookmark-remove": F0C6, "boombox": F5DC, "bootstrap": F6C5, "border-all": F0C7, "border-bottom": F0C8, "border-color": F0C9, "border-horizontal": F0CA, "border-inside": F0CB, "border-left": F0CC, "border-none": F0CD, "border-outside": F0CE, "border-right": F0CF, "border-style": F0D0, "border-top": F0D1, "border-vertical": F0D2, "bow-tie": F677, "bowl": F617, "bowling": F0D3, "box": F0D4, "box-cutter": F0D5, "box-shadow": F637, "bridge": F618, "briefcase": F0D6, "briefcase-check": F0D7, "briefcase-download": F0D8, "briefcase-outline": F813, "briefcase-upload": F0D9, "brightness-1": F0DA, "brightness-2": F0DB, "brightness-3": F0DC, "brightness-4": F0DD, "brightness-5": F0DE, "brightness-6": F0DF, "brightness-7": F0E0, "brightness-auto": F0E1, "broom": F0E2, "brush": F0E3, "buffer": F619, "bug": F0E4, "bulletin-board": F0E5, "bullhorn": F0E6, "bullseye": F5DD, "bus": F0E7, "bus-articulated-end": F79B, "bus-articulated-front": F79C, "bus-double-decker": F79D, "bus-school": F79E, "bus-side": F79F, "cached": F0E8, "cake": F0E9, "cake-layered": F0EA, "cake-variant": F0EB, "calculator": F0EC, "calendar": F0ED, "calendar-blank": F0EE, "calendar-check": F0EF, "calendar-clock": F0F0, "calendar-multiple": F0F1, "calendar-multiple-check": F0F2, "calendar-plus": F0F3, "calendar-question": F691, "calendar-range": F678, "calendar-remove": F0F4, "calendar-text": F0F5, "calendar-today": F0F6, "call-made": F0F7, "call-merge": F0F8, "call-missed": F0F9, "call-received": F0FA, "call-split": F0FB, "camcorder": F0FC, "camcorder-box": F0FD, "camcorder-box-off": F0FE, "camcorder-off": F0FF, "camera": F100, "camera-burst": F692, "camera-enhance": F101, "camera-front": F102, "camera-front-variant": F103, "camera-gopro": F7A0, "camera-iris": F104, "camera-metering-center": F7A1, "camera-metering-matrix": F7A2, "camera-metering-partial": F7A3, "camera-metering-spot": F7A4, "camera-off": F5DF, "camera-party-mode": F105, "camera-rear": F106, "camera-rear-variant": F107, "camera-switch": F108, "camera-timer": F109, "cancel": F739, "candle": F5E2, "candycane": F10A, "cannabis": F7A5, "car": F10B, "car-battery": F10C, "car-connected": F10D, "car-convertible": F7A6, "car-estate": F7A7, "car-hatchback": F7A8, "car-pickup": F7A9, "car-side": F7AA, "car-sports": F7AB, "car-wash": F10E, "caravan": F7AC, "cards": F638, "cards-outline": F639, "cards-playing-outline": F63A, "cards-variant": F6C6, "carrot": F10F, "cart": F110, "cart-off": F66B, "cart-outline": F111, "cart-plus": F112, "case-sensitive-alt": F113, "cash": F114, "cash-100": F115, "cash-multiple": F116, "cash-usd": F117, "cast": F118, "cast-connected": F119, "cast-off": F789, "castle": F11A, "cat": F11B, "cctv": F7AD, "ceiling-light": F768, "cellphone": F11C, "cellphone-android": F11D, "cellphone-basic": F11E, "cellphone-dock": F11F, "cellphone-iphone": F120, "cellphone-link": F121, "cellphone-link-off": F122, "cellphone-settings": F123, "cellphone-wireless": F814, "certificate": F124, "chair-school": F125, "chart-arc": F126, "chart-areaspline": F127, "chart-bar": F128, "chart-bar-stacked": F769, "chart-bubble": F5E3, "chart-donut": F7AE, "chart-donut-variant": F7AF, "chart-gantt": F66C, "chart-histogram": F129, "chart-line": F12A, "chart-line-stacked": F76A, "chart-line-variant": F7B0, "chart-pie": F12B, "chart-scatterplot-hexbin": F66D, "chart-timeline": F66E, "check": F12C, "check-all": F12D, "check-circle": F5E0, "check-circle-outline": F5E1, "checkbox-blank": F12E, "checkbox-blank-circle": F12F, "checkbox-blank-circle-outline": F130, "checkbox-blank-outline": F131, "checkbox-marked": F132, "checkbox-marked-circle": F133, "checkbox-marked-circle-outline": F134, "checkbox-marked-outline": F135, "checkbox-multiple-blank": F136, "checkbox-multiple-blank-circle": F63B, "checkbox-multiple-blank-circle-outline": F63C, "checkbox-multiple-blank-outline": F137, "checkbox-multiple-marked": F138, "checkbox-multiple-marked-circle": F63D, "checkbox-multiple-marked-circle-outline": F63E, "checkbox-multiple-marked-outline": F139, "checkerboard": F13A, "chemical-weapon": F13B, "chevron-double-down": F13C, "chevron-double-left": F13D, "chevron-double-right": F13E, "chevron-double-up": F13F, "chevron-down": F140, "chevron-left": F141, "chevron-right": F142, "chevron-up": F143, "chili-hot": F7B1, "chili-medium": F7B2, "chili-mild": F7B3, "chip": F61A, "church": F144, "circle": F764, "circle-outline": F765, "cisco-webex": F145, "city": F146, "clipboard": F147, "clipboard-account": F148, "clipboard-alert": F149, "clipboard-arrow-down": F14A, "clipboard-arrow-left": F14B, "clipboard-check": F14C, "clipboard-flow": F6C7, "clipboard-outline": F14D, "clipboard-plus": F750, "clipboard-text": F14E, "clippy": F14F, "clock": F150, "clock-alert": F5CE, "clock-end": F151, "clock-fast": F152, "clock-in": F153, "clock-out": F154, "clock-start": F155, "close": F156, "close-box": F157, "close-box-outline": F158, "close-circle": F159, "close-circle-outline": F15A, "close-network": F15B, "close-octagon": F15C, "close-octagon-outline": F15D, "close-outline": F6C8, "closed-caption": F15E, "cloud": F15F, "cloud-braces": F7B4, "cloud-check": F160, "cloud-circle": F161, "cloud-download": F162, "cloud-off-outline": F164, "cloud-outline": F163, "cloud-print": F165, "cloud-print-outline": F166, "cloud-sync": F63F, "cloud-tags": F7B5, "cloud-upload": F167, "clover": F815, "code-array": F168, "code-braces": F169, "code-brackets": F16A, "code-equal": F16B, "code-greater-than": F16C, "code-greater-than-or-equal": F16D, "code-less-than": F16E, "code-less-than-or-equal": F16F, "code-not-equal": F170, "code-not-equal-variant": F171, "code-parentheses": F172, "code-string": F173, "code-tags": F174, "code-tags-check": F693, "codepen": F175, "coffee": F176, "coffee-outline": F6C9, "coffee-to-go": F177, "coin": F178, "coins": F694, "collage": F640, "color-helper": F179, "comment": F17A, "comment-account": F17B, "comment-account-outline": F17C, "comment-alert": F17D, "comment-alert-outline": F17E, "comment-check": F17F, "comment-check-outline": F180, "comment-multiple-outline": F181, "comment-outline": F182, "comment-plus-outline": F183, "comment-processing": F184, "comment-processing-outline": F185, "comment-question": F816, "comment-question-outline": F186, "comment-remove": F5DE, "comment-remove-outline": F187, "comment-text": F188, "comment-text-outline": F189, "compare": F18A, "compass": F18B, "compass-outline": F18C, "console": F18D, "console-line": F7B6, "contact-mail": F18E, "contacts": F6CA, "content-copy": F18F, "content-cut": F190, "content-duplicate": F191, "content-paste": F192, "content-save": F193, "content-save-all": F194, "content-save-outline": F817, "content-save-settings": F61B, "contrast": F195, "contrast-box": F196, "contrast-circle": F197, "cookie": F198, "copyright": F5E6, "corn": F7B7, "counter": F199, "cow": F19A, "creation": F1C9, "credit-card": F19B, "credit-card-multiple": F19C, "credit-card-off": F5E4, "credit-card-plus": F675, "credit-card-scan": F19D, "crop": F19E, "crop-free": F19F, "crop-landscape": F1A0, "crop-portrait": F1A1, "crop-rotate": F695, "crop-square": F1A2, "crosshairs": F1A3, "crosshairs-gps": F1A4, "crown": F1A5, "cube": F1A6, "cube-outline": F1A7, "cube-send": F1A8, "cube-unfolded": F1A9, "cup": F1AA, "cup-off": F5E5, "cup-water": F1AB, "currency-btc": F1AC, "currency-chf": F7B8, "currency-cny": F7B9, "currency-eth": F7BA, "currency-eur": F1AD, "currency-gbp": F1AE, "currency-inr": F1AF, "currency-jpy": F7BB, "currency-krw": F7BC, "currency-ngn": F1B0, "currency-rub": F1B1, "currency-sign": F7BD, "currency-try": F1B2, "currency-twd": F7BE, "currency-usd": F1B3, "currency-usd-off": F679, "cursor-default": F1B4, "cursor-default-outline": F1B5, "cursor-move": F1B6, "cursor-pointer": F1B7, "cursor-text": F5E7, "database": F1B8, "database-minus": F1B9, "database-plus": F1BA, "debug-step-into": F1BB, "debug-step-out": F1BC, "debug-step-over": F1BD, "decagram": F76B, "decagram-outline": F76C, "decimal-decrease": F1BE, "decimal-increase": F1BF, "delete": F1C0, "delete-circle": F682, "delete-empty": F6CB, "delete-forever": F5E8, "delete-restore": F818, "delete-sweep": F5E9, "delete-variant": F1C1, "delta": F1C2, "deskphone": F1C3, "desktop-classic": F7BF, "desktop-mac": F1C4, "desktop-tower": F1C5, "details": F1C6, "developer-board": F696, "deviantart": F1C7, "dialpad": F61C, "diamond": F1C8, "dice-1": F1CA, "dice-2": F1CB, "dice-3": F1CC, "dice-4": F1CD, "dice-5": F1CE, "dice-6": F1CF, "dice-d10": F76E, "dice-d20": F5EA, "dice-d4": F5EB, "dice-d6": F5EC, "dice-d8": F5ED, "dice-multiple": F76D, "dictionary": F61D, "dip-switch": F7C0, "directions": F1D0, "directions-fork": F641, "discord": F66F, "disk": F5EE, "disk-alert": F1D1, "disqus": F1D2, "disqus-outline": F1D3, "division": F1D4, "division-box": F1D5, "dna": F683, "dns": F1D6, "do-not-disturb": F697, "do-not-disturb-off": F698, "dolby": F6B2, "domain": F1D7, "donkey": F7C1, "door": F819, "door-closed": F81A, "door-open": F81B, "dots-horizontal": F1D8, "dots-horizontal-circle": F7C2, "dots-vertical": F1D9, "dots-vertical-circle": F7C3, "douban": F699, "download": F1DA, "download-network": F6F3, "drag": F1DB, "drag-horizontal": F1DC, "drag-vertical": F1DD, "drawing": F1DE, "drawing-box": F1DF, "dribbble": F1E0, "dribbble-box": F1E1, "drone": F1E2, "dropbox": F1E3, "drupal": F1E4, "duck": F1E5, "dumbbell": F1E6, "ear-hearing": F7C4, "earth": F1E7, "earth-box": F6CC, "earth-box-off": F6CD, "earth-off": F1E8, "edge": F1E9, "eject": F1EA, "elephant": F7C5, "elevation-decline": F1EB, "elevation-rise": F1EC, "elevator": F1ED, "email": F1EE, "email-alert": F6CE, "email-open": F1EF, "email-open-outline": F5EF, "email-outline": F1F0, "email-secure": F1F1, "email-variant": F5F0, "emby": F6B3, "emoticon": F1F2, "emoticon-cool": F1F3, "emoticon-dead": F69A, "emoticon-devil": F1F4, "emoticon-excited": F69B, "emoticon-happy": F1F5, "emoticon-neutral": F1F6, "emoticon-poop": F1F7, "emoticon-sad": F1F8, "emoticon-tongue": F1F9, "engine": F1FA, "engine-outline": F1FB, "equal": F1FC, "equal-box": F1FD, "eraser": F1FE, "eraser-variant": F642, "escalator": F1FF, "ethernet": F200, "ethernet-cable": F201, "ethernet-cable-off": F202, "etsy": F203, "ev-station": F5F1, "eventbrite": F7C6, "evernote": F204, "exclamation": F205, "exit-to-app": F206, "export": F207, "eye": F208, "eye-off": F209, "eye-off-outline": F6D0, "eye-outline": F6CF, "eyedropper": F20A, "eyedropper-variant": F20B, "face": F643, "face-profile": F644, "facebook": F20C, "facebook-box": F20D, "facebook-messenger": F20E, "factory": F20F, "fan": F210, "fan-off": F81C, "fast-forward": F211, "fast-forward-outline": F6D1, "fax": F212, "feather": F6D2, "ferry": F213, "file": F214, "file-account": F73A, "file-chart": F215, "file-check": F216, "file-cloud": F217, "file-delimited": F218, "file-document": F219, "file-document-box": F21A, "file-excel": F21B, "file-excel-box": F21C, "file-export": F21D, "file-find": F21E, "file-hidden": F613, "file-image": F21F, "file-import": F220, "file-lock": F221, "file-multiple": F222, "file-music": F223, "file-outline": F224, "file-pdf": F225, "file-pdf-box": F226, "file-percent": F81D, "file-plus": F751, "file-powerpoint": F227, "file-powerpoint-box": F228, "file-presentation-box": F229, "file-restore": F670, "file-send": F22A, "file-tree": F645, "file-video": F22B, "file-word": F22C, "file-word-box": F22D, "file-xml": F22E, "film": F22F, "filmstrip": F230, "filmstrip-off": F231, "filter": F232, "filter-outline": F233, "filter-remove": F234, "filter-remove-outline": F235, "filter-variant": F236, "finance": F81E, "find-replace": F6D3, "fingerprint": F237, "fire": F238, "firefox": F239, "fish": F23A, "flag": F23B, "flag-checkered": F23C, "flag-outline": F23D, "flag-triangle": F23F, "flag-variant": F240, "flag-variant-outline": F23E, "flash": F241, "flash-auto": F242, "flash-circle": F81F, "flash-off": F243, "flash-outline": F6D4, "flash-red-eye": F67A, "flashlight": F244, "flashlight-off": F245, "flask": F093, "flask-empty": F094, "flask-empty-outline": F095, "flask-outline": F096, "flattr": F246, "flip-to-back": F247, "flip-to-front": F248, "floor-plan": F820, "floppy": F249, "flower": F24A, "folder": F24B, "folder-account": F24C, "folder-download": F24D, "folder-google-drive": F24E, "folder-image": F24F, "folder-lock": F250, "folder-lock-open": F251, "folder-move": F252, "folder-multiple": F253, "folder-multiple-image": F254, "folder-multiple-outline": F255, "folder-open": F76F, "folder-outline": F256, "folder-plus": F257, "folder-remove": F258, "folder-star": F69C, "folder-upload": F259, "font-awesome": F03A, "food": F25A, "food-apple": F25B, "food-croissant": F7C7, "food-fork-drink": F5F2, "food-off": F5F3, "food-variant": F25C, "football": F25D, "football-australian": F25E, "football-helmet": F25F, "forklift": F7C8, "format-align-bottom": F752, "format-align-center": F260, "format-align-justify": F261, "format-align-left": F262, "format-align-middle": F753, "format-align-right": F263, "format-align-top": F754, "format-annotation-plus": F646, "format-bold": F264, "format-clear": F265, "format-color-fill": F266, "format-color-text": F69D, "format-float-center": F267, "format-float-left": F268, "format-float-none": F269, "format-float-right": F26A, "format-font": F6D5, "format-header-1": F26B, "format-header-2": F26C, "format-header-3": F26D, "format-header-4": F26E, "format-header-5": F26F, "format-header-6": F270, "format-header-decrease": F271, "format-header-equal": F272, "format-header-increase": F273, "format-header-pound": F274, "format-horizontal-align-center": F61E, "format-horizontal-align-left": F61F, "format-horizontal-align-right": F620, "format-indent-decrease": F275, "format-indent-increase": F276, "format-italic": F277, "format-line-spacing": F278, "format-line-style": F5C8, "format-line-weight": F5C9, "format-list-bulleted": F279, "format-list-bulleted-type": F27A, "format-list-checks": F755, "format-list-numbers": F27B, "format-page-break": F6D6, "format-paint": F27C, "format-paragraph": F27D, "format-pilcrow": F6D7, "format-quote-close": F27E, "format-quote-open": F756, "format-rotate-90": F6A9, "format-section": F69E, "format-size": F27F, "format-strikethrough": F280, "format-strikethrough-variant": F281, "format-subscript": F282, "format-superscript": F283, "format-text": F284, "format-textdirection-l-to-r": F285, "format-textdirection-r-to-l": F286, "format-title": F5F4, "format-underline": F287, "format-vertical-align-bottom": F621, "format-vertical-align-center": F622, "format-vertical-align-top": F623, "format-wrap-inline": F288, "format-wrap-square": F289, "format-wrap-tight": F28A, "format-wrap-top-bottom": F28B, "forum": F28C, "forum-outline": F821, "forward": F28D, "foursquare": F28E, "fridge": F28F, "fridge-filled": F290, "fridge-filled-bottom": F291, "fridge-filled-top": F292, "fuel": F7C9, "fullscreen": F293, "fullscreen-exit": F294, "function": F295, "gamepad": F296, "gamepad-variant": F297, "garage": F6D8, "garage-open": F6D9, "gas-cylinder": F647, "gas-station": F298, "gate": F299, "gauge": F29A, "gavel": F29B, "gender-female": F29C, "gender-male": F29D, "gender-male-female": F29E, "gender-transgender": F29F, "gesture": F7CA, "gesture-double-tap": F73B, "gesture-swipe-down": F73C, "gesture-swipe-left": F73D, "gesture-swipe-right": F73E, "gesture-swipe-up": F73F, "gesture-tap": F740, "gesture-two-double-tap": F741, "gesture-two-tap": F742, "ghost": F2A0, "gift": F2A1, "git": F2A2, "github-box": F2A3, "github-circle": F2A4, "github-face": F6DA, "glass-flute": F2A5, "glass-mug": F2A6, "glass-stange": F2A7, "glass-tulip": F2A8, "glassdoor": F2A9, "glasses": F2AA, "gmail": F2AB, "gnome": F2AC, "golf": F822, "gondola": F685, "google": F2AD, "google-analytics": F7CB, "google-assistant": F7CC, "google-cardboard": F2AE, "google-chrome": F2AF, "google-circles": F2B0, "google-circles-communities": F2B1, "google-circles-extended": F2B2, "google-circles-group": F2B3, "google-controller": F2B4, "google-controller-off": F2B5, "google-drive": F2B6, "google-earth": F2B7, "google-glass": F2B8, "google-home": F823, "google-keep": F6DB, "google-maps": F5F5, "google-nearby": F2B9, "google-pages": F2BA, "google-photos": F6DC, "google-physical-web": F2BB, "google-play": F2BC, "google-plus": F2BD, "google-plus-box": F2BE, "google-translate": F2BF, "google-wallet": F2C0, "gradient": F69F, "grease-pencil": F648, "grid": F2C1, "grid-large": F757, "grid-off": F2C2, "group": F2C3, "guitar-acoustic": F770, "guitar-electric": F2C4, "guitar-pick": F2C5, "guitar-pick-outline": F2C6, "guy-fawkes-mask": F824, "hackernews": F624, "hamburger": F684, "hand-pointing-right": F2C7, "hanger": F2C8, "hangouts": F2C9, "harddisk": F2CA, "headphones": F2CB, "headphones-box": F2CC, "headphones-off": F7CD, "headphones-settings": F2CD, "headset": F2CE, "headset-dock": F2CF, "headset-off": F2D0, "heart": F2D1, "heart-box": F2D2, "heart-box-outline": F2D3, "heart-broken": F2D4, "heart-half": F6DE, "heart-half-full": F6DD, "heart-half-outline": F6DF, "heart-off": F758, "heart-outline": F2D5, "heart-pulse": F5F6, "help": F2D6, "help-box": F78A, "help-circle": F2D7, "help-circle-outline": F625, "help-network": F6F4, "hexagon": F2D8, "hexagon-multiple": F6E0, "hexagon-outline": F2D9, "high-definition": F7CE, "highway": F5F7, "history": F2DA, "hololens": F2DB, "home": F2DC, "home-account": F825, "home-assistant": F7CF, "home-automation": F7D0, "home-circle": F7D1, "home-heart": F826, "home-map-marker": F5F8, "home-modern": F2DD, "home-outline": F6A0, "home-variant": F2DE, "hook": F6E1, "hook-off": F6E2, "hops": F2DF, "hospital": F2E0, "hospital-building": F2E1, "hospital-marker": F2E2, "hot-tub": F827, "hotel": F2E3, "houzz": F2E4, "houzz-box": F2E5, "hulu": F828, "human": F2E6, "human-child": F2E7, "human-female": F649, "human-greeting": F64A, "human-handsdown": F64B, "human-handsup": F64C, "human-male": F64D, "human-male-female": F2E8, "human-pregnant": F5CF, "humble-bundle": F743, "ice-cream": F829, "image": F2E9, "image-album": F2EA, "image-area": F2EB, "image-area-close": F2EC, "image-broken": F2ED, "image-broken-variant": F2EE, "image-filter": F2EF, "image-filter-black-white": F2F0, "image-filter-center-focus": F2F1, "image-filter-center-focus-weak": F2F2, "image-filter-drama": F2F3, "image-filter-frames": F2F4, "image-filter-hdr": F2F5, "image-filter-none": F2F6, "image-filter-tilt-shift": F2F7, "image-filter-vintage": F2F8, "image-multiple": F2F9, "image-off": F82A, "import": F2FA, "inbox": F686, "inbox-arrow-down": F2FB, "inbox-arrow-up": F3D1, "incognito": F5F9, "infinity": F6E3, "information": F2FC, "information-outline": F2FD, "information-variant": F64E, "instagram": F2FE, "instapaper": F2FF, "internet-explorer": F300, "invert-colors": F301, "itunes": F676, "jeepney": F302, "jira": F303, "jsfiddle": F304, "json": F626, "karate": F82B, "keg": F305, "kettle": F5FA, "key": F306, "key-change": F307, "key-minus": F308, "key-plus": F309, "key-remove": F30A, "key-variant": F30B, "keyboard": F30C, "keyboard-backspace": F30D, "keyboard-caps": F30E, "keyboard-close": F30F, "keyboard-off": F310, "keyboard-return": F311, "keyboard-tab": F312, "keyboard-variant": F313, "kickstarter": F744, "kodi": F314, "label": F315, "label-outline": F316, "ladybug": F82C, "lambda": F627, "lamp": F6B4, "lan": F317, "lan-connect": F318, "lan-disconnect": F319, "lan-pending": F31A, "language-c": F671, "language-cpp": F672, "language-csharp": F31B, "language-css3": F31C, "language-go": F7D2, "language-html5": F31D, "language-javascript": F31E, "language-php": F31F, "language-python": F320, "language-python-text": F321, "language-r": F7D3, "language-swift": F6E4, "language-typescript": F6E5, "laptop": F322, "laptop-chromebook": F323, "laptop-mac": F324, "laptop-off": F6E6, "laptop-windows": F325, "lastfm": F326, "lastpass": F446, "launch": F327, "lava-lamp": F7D4, "layers": F328, "layers-off": F329, "lead-pencil": F64F, "leaf": F32A, "led-off": F32B, "led-on": F32C, "led-outline": F32D, "led-strip": F7D5, "led-variant-off": F32E, "led-variant-on": F32F, "led-variant-outline": F330, "library": F331, "library-books": F332, "library-music": F333, "library-plus": F334, "lightbulb": F335, "lightbulb-on": F6E7, "lightbulb-on-outline": F6E8, "lightbulb-outline": F336, "link": F337, "link-off": F338, "link-variant": F339, "link-variant-off": F33A, "linkedin": F33B, "linkedin-box": F33C, "linux": F33D, "loading": F771, "lock": F33E, "lock-open": F33F, "lock-open-outline": F340, "lock-outline": F341, "lock-pattern": F6E9, "lock-plus": F5FB, "lock-reset": F772, "locker": F7D6, "locker-multiple": F7D7, "login": F342, "login-variant": F5FC, "logout": F343, "logout-variant": F5FD, "looks": F344, "loop": F6EA, "loupe": F345, "lumx": F346, "magnet": F347, "magnet-on": F348, "magnify": F349, "magnify-minus": F34A, "magnify-minus-outline": F6EB, "magnify-plus": F34B, "magnify-plus-outline": F6EC, "mail-ru": F34C, "mailbox": F6ED, "map": F34D, "map-marker": F34E, "map-marker-circle": F34F, "map-marker-minus": F650, "map-marker-multiple": F350, "map-marker-off": F351, "map-marker-outline": F7D8, "map-marker-plus": F651, "map-marker-radius": F352, "margin": F353, "markdown": F354, "marker": F652, "marker-check": F355, "martini": F356, "material-ui": F357, "math-compass": F358, "matrix": F628, "maxcdn": F359, "medical-bag": F6EE, "medium": F35A, "memory": F35B, "menu": F35C, "menu-down": F35D, "menu-down-outline": F6B5, "menu-left": F35E, "menu-right": F35F, "menu-up": F360, "menu-up-outline": F6B6, "message": F361, "message-alert": F362, "message-bulleted": F6A1, "message-bulleted-off": F6A2, "message-draw": F363, "message-image": F364, "message-outline": F365, "message-plus": F653, "message-processing": F366, "message-reply": F367, "message-reply-text": F368, "message-settings": F6EF, "message-settings-variant": F6F0, "message-text": F369, "message-text-outline": F36A, "message-video": F36B, "meteor": F629, "metronome": F7D9, "metronome-tick": F7DA, "micro-sd": F7DB, "microphone": F36C, "microphone-off": F36D, "microphone-outline": F36E, "microphone-settings": F36F, "microphone-variant": F370, "microphone-variant-off": F371, "microscope": F654, "microsoft": F372, "minecraft": F373, "minus": F374, "minus-box": F375, "minus-box-outline": F6F1, "minus-circle": F376, "minus-circle-outline": F377, "minus-network": F378, "mixcloud": F62A, "mixer": F7DC, "monitor": F379, "monitor-multiple": F37A, "more": F37B, "motorbike": F37C, "mouse": F37D, "mouse-off": F37E, "mouse-variant": F37F, "mouse-variant-off": F380, "move-resize": F655, "move-resize-variant": F656, "movie": F381, "movie-roll": F7DD, "multiplication": F382, "multiplication-box": F383, "mushroom": F7DE, "mushroom-outline": F7DF, "music": F759, "music-box": F384, "music-box-outline": F385, "music-circle": F386, "music-note": F387, "music-note-bluetooth": F5FE, "music-note-bluetooth-off": F5FF, "music-note-eighth": F388, "music-note-half": F389, "music-note-off": F38A, "music-note-quarter": F38B, "music-note-sixteenth": F38C, "music-note-whole": F38D, "music-off": F75A, "nature": F38E, "nature-people": F38F, "navigation": F390, "near-me": F5CD, "needle": F391, "nest-protect": F392, "nest-thermostat": F393, "netflix": F745, "network": F6F2, "new-box": F394, "newspaper": F395, "nfc": F396, "nfc-tap": F397, "nfc-variant": F398, "ninja": F773, "nintendo-switch": F7E0, "nodejs": F399, "note": F39A, "note-multiple": F6B7, "note-multiple-outline": F6B8, "note-outline": F39B, "note-plus": F39C, "note-plus-outline": F39D, "note-text": F39E, "notebook": F82D, "notification-clear-all": F39F, "npm": F6F6, "nuke": F6A3, "null": F7E1, "numeric": F3A0, "numeric-0-box": F3A1, "numeric-0-box-multiple-outline": F3A2, "numeric-0-box-outline": F3A3, "numeric-1-box": F3A4, "numeric-1-box-multiple-outline": F3A5, "numeric-1-box-outline": F3A6, "numeric-2-box": F3A7, "numeric-2-box-multiple-outline": F3A8, "numeric-2-box-outline": F3A9, "numeric-3-box": F3AA, "numeric-3-box-multiple-outline": F3AB, "numeric-3-box-outline": F3AC, "numeric-4-box": F3AD, "numeric-4-box-multiple-outline": F3AE, "numeric-4-box-outline": F3AF, "numeric-5-box": F3B0, "numeric-5-box-multiple-outline": F3B1, "numeric-5-box-outline": F3B2, "numeric-6-box": F3B3, "numeric-6-box-multiple-outline": F3B4, "numeric-6-box-outline": F3B5, "numeric-7-box": F3B6, "numeric-7-box-multiple-outline": F3B7, "numeric-7-box-outline": F3B8, "numeric-8-box": F3B9, "numeric-8-box-multiple-outline": F3BA, "numeric-8-box-outline": F3BB, "numeric-9-box": F3BC, "numeric-9-box-multiple-outline": F3BD, "numeric-9-box-outline": F3BE, "numeric-9-plus-box": F3BF, "numeric-9-plus-box-multiple-outline": F3C0, "numeric-9-plus-box-outline": F3C1, "nut": F6F7, "nutrition": F3C2, "oar": F67B, "octagon": F3C3, "octagon-outline": F3C4, "octagram": F6F8, "octagram-outline": F774, "odnoklassniki": F3C5, "office": F3C6, "oil": F3C7, "oil-temperature": F3C8, "omega": F3C9, "onedrive": F3CA, "onenote": F746, "opacity": F5CC, "open-in-app": F3CB, "open-in-new": F3CC, "openid": F3CD, "opera": F3CE, "orbit": F018, "ornament": F3CF, "ornament-variant": F3D0, "owl": F3D2, "package": F3D3, "package-down": F3D4, "package-up": F3D5, "package-variant": F3D6, "package-variant-closed": F3D7, "page-first": F600, "page-last": F601, "page-layout-body": F6F9, "page-layout-footer": F6FA, "page-layout-header": F6FB, "page-layout-sidebar-left": F6FC, "page-layout-sidebar-right": F6FD, "palette": F3D8, "palette-advanced": F3D9, "panda": F3DA, "pandora": F3DB, "panorama": F3DC, "panorama-fisheye": F3DD, "panorama-horizontal": F3DE, "panorama-vertical": F3DF, "panorama-wide-angle": F3E0, "paper-cut-vertical": F3E1, "paperclip": F3E2, "parking": F3E3, "passport": F7E2, "pause": F3E4, "pause-circle": F3E5, "pause-circle-outline": F3E6, "pause-octagon": F3E7, "pause-octagon-outline": F3E8, "paw": F3E9, "paw-off": F657, "pen": F3EA, "pencil": F3EB, "pencil-box": F3EC, "pencil-box-outline": F3ED, "pencil-circle": F6FE, "pencil-circle-outline": F775, "pencil-lock": F3EE, "pencil-off": F3EF, "pentagon": F6FF, "pentagon-outline": F700, "percent": F3F0, "periodic-table-co2": F7E3, "periscope": F747, "pharmacy": F3F1, "phone": F3F2, "phone-bluetooth": F3F3, "phone-classic": F602, "phone-forward": F3F4, "phone-hangup": F3F5, "phone-in-talk": F3F6, "phone-incoming": F3F7, "phone-locked": F3F8, "phone-log": F3F9, "phone-minus": F658, "phone-missed": F3FA, "phone-outgoing": F3FB, "phone-paused": F3FC, "phone-plus": F659, "phone-return": F82E, "phone-settings": F3FD, "phone-voip": F3FE, "pi": F3FF, "pi-box": F400, "piano": F67C, "pig": F401, "pill": F402, "pillar": F701, "pin": F403, "pin-off": F404, "pine-tree": F405, "pine-tree-box": F406, "pinterest": F407, "pinterest-box": F408, "pipe": F7E4, "pipe-disconnected": F7E5, "pistol": F702, "pizza": F409, "plane-shield": F6BA, "play": F40A, "play-box-outline": F40B, "play-circle": F40C, "play-circle-outline": F40D, "play-pause": F40E, "play-protected-content": F40F, "playlist-check": F5C7, "playlist-minus": F410, "playlist-play": F411, "playlist-plus": F412, "playlist-remove": F413, "playstation": F414, "plex": F6B9, "plus": F415, "plus-box": F416, "plus-box-outline": F703, "plus-circle": F417, "plus-circle-multiple-outline": F418, "plus-circle-outline": F419, "plus-network": F41A, "plus-one": F41B, "plus-outline": F704, "pocket": F41C, "pokeball": F41D, "poker-chip": F82F, "polaroid": F41E, "poll": F41F, "poll-box": F420, "polymer": F421, "pool": F606, "popcorn": F422, "pot": F65A, "pot-mix": F65B, "pound": F423, "pound-box": F424, "power": F425, "power-plug": F6A4, "power-plug-off": F6A5, "power-settings": F426, "power-socket": F427, "power-socket-eu": F7E6, "power-socket-uk": F7E7, "power-socket-us": F7E8, "prescription": F705, "presentation": F428, "presentation-play": F429, "printer": F42A, "printer-3d": F42B, "printer-alert": F42C, "printer-settings": F706, "priority-high": F603, "priority-low": F604, "professional-hexagon": F42D, "projector": F42E, "projector-screen": F42F, "publish": F6A6, "pulse": F430, "puzzle": F431, "qqchat": F605, "qrcode": F432, "qrcode-scan": F433, "quadcopter": F434, "quality-high": F435, "quicktime": F436, "radar": F437, "radiator": F438, "radio": F439, "radio-handheld": F43A, "radio-tower": F43B, "radioactive": F43C, "radiobox-blank": F43D, "radiobox-marked": F43E, "raspberrypi": F43F, "ray-end": F440, "ray-end-arrow": F441, "ray-start": F442, "ray-start-arrow": F443, "ray-start-end": F444, "ray-vertex": F445, "react": F707, "read": F447, "receipt": F449, "record": F44A, "record-rec": F44B, "recycle": F44C, "reddit": F44D, "redo": F44E, "redo-variant": F44F, "refresh": F450, "regex": F451, "relative-scale": F452, "reload": F453, "remote": F454, "rename-box": F455, "reorder-horizontal": F687, "reorder-vertical": F688, "repeat": F456, "repeat-off": F457, "repeat-once": F458, "replay": F459, "reply": F45A, "reply-all": F45B, "reproduction": F45C, "resize-bottom-right": F45D, "responsive": F45E, "restart": F708, "restore": F6A7, "rewind": F45F, "rewind-outline": F709, "rhombus": F70A, "rhombus-outline": F70B, "ribbon": F460, "rice": F7E9, "ring": F7EA, "road": F461, "road-variant": F462, "robot": F6A8, "rocket": F463, "roomba": F70C, "rotate-3d": F464, "rotate-left": F465, "rotate-left-variant": F466, "rotate-right": F467, "rotate-right-variant": F468, "rounded-corner": F607, "router-wireless": F469, "routes": F46A, "rowing": F608, "rss": F46B, "rss-box": F46C, "ruler": F46D, "run": F70D, "run-fast": F46E, "sale": F46F, "sass": F7EB, "satellite": F470, "satellite-variant": F471, "saxophone": F609, "scale": F472, "scale-balance": F5D1, "scale-bathroom": F473, "scanner": F6AA, "school": F474, "screen-rotation": F475, "screen-rotation-lock": F476, "screwdriver": F477, "script": F478, "sd": F479, "seal": F47A, "search-web": F70E, "seat-flat": F47B, "seat-flat-angled": F47C, "seat-individual-suite": F47D, "seat-legroom-extra": F47E, "seat-legroom-normal": F47F, "seat-legroom-reduced": F480, "seat-recline-extra": F481, "seat-recline-normal": F482, "security": F483, "security-home": F689, "security-network": F484, "select": F485, "select-all": F486, "select-inverse": F487, "select-off": F488, "selection": F489, "selection-off": F776, "send": F48A, "send-secure": F7EC, "serial-port": F65C, "server": F48B, "server-minus": F48C, "server-network": F48D, "server-network-off": F48E, "server-off": F48F, "server-plus": F490, "server-remove": F491, "server-security": F492, "set-all": F777, "set-center": F778, "set-center-right": F779, "set-left": F77A, "set-left-center": F77B, "set-left-right": F77C, "set-none": F77D, "set-right": F77E, "settings": F493, "settings-box": F494, "shape": F830, "shape-circle-plus": F65D, "shape-outline": F831, "shape-plus": F495, "shape-polygon-plus": F65E, "shape-rectangle-plus": F65F, "shape-square-plus": F660, "share": F496, "share-variant": F497, "shield": F498, "shield-half-full": F77F, "shield-outline": F499, "ship-wheel": F832, "shopping": F49A, "shopping-music": F49B, "shovel": F70F, "shovel-off": F710, "shredder": F49C, "shuffle": F49D, "shuffle-disabled": F49E, "shuffle-variant": F49F, "sigma": F4A0, "sigma-lower": F62B, "sign-caution": F4A1, "sign-direction": F780, "sign-text": F781, "signal": F4A2, "signal-2g": F711, "signal-3g": F712, "signal-4g": F713, "signal-hspa": F714, "signal-hspa-plus": F715, "signal-off": F782, "signal-variant": F60A, "silverware": F4A3, "silverware-fork": F4A4, "silverware-spoon": F4A5, "silverware-variant": F4A6, "sim": F4A7, "sim-alert": F4A8, "sim-off": F4A9, "sitemap": F4AA, "skip-backward": F4AB, "skip-forward": F4AC, "skip-next": F4AD, "skip-next-circle": F661, "skip-next-circle-outline": F662, "skip-previous": F4AE, "skip-previous-circle": F663, "skip-previous-circle-outline": F664, "skull": F68B, "skype": F4AF, "skype-business": F4B0, "slack": F4B1, "sleep": F4B2, "sleep-off": F4B3, "smoking": F4B4, "smoking-off": F4B5, "snapchat": F4B6, "snowflake": F716, "snowman": F4B7, "soccer": F4B8, "soccer-field": F833, "sofa": F4B9, "solid": F68C, "sort": F4BA, "sort-alphabetical": F4BB, "sort-ascending": F4BC, "sort-descending": F4BD, "sort-numeric": F4BE, "sort-variant": F4BF, "soundcloud": F4C0, "source-branch": F62C, "source-commit": F717, "source-commit-end": F718, "source-commit-end-local": F719, "source-commit-local": F71A, "source-commit-next-local": F71B, "source-commit-start": F71C, "source-commit-start-next-local": F71D, "source-fork": F4C1, "source-merge": F62D, "source-pull": F4C2, "soy-sauce": F7ED, "speaker": F4C3, "speaker-off": F4C4, "speaker-wireless": F71E, "speedometer": F4C5, "spellcheck": F4C6, "spotify": F4C7, "spotlight": F4C8, "spotlight-beam": F4C9, "spray": F665, "square": F763, "square-inc": F4CA, "square-inc-cash": F4CB, "square-outline": F762, "square-root": F783, "stack-overflow": F4CC, "stackexchange": F60B, "stadium": F71F, "stairs": F4CD, "standard-definition": F7EE, "star": F4CE, "star-circle": F4CF, "star-half": F4D0, "star-off": F4D1, "star-outline": F4D2, "steam": F4D3, "steering": F4D4, "step-backward": F4D5, "step-backward-2": F4D6, "step-forward": F4D7, "step-forward-2": F4D8, "stethoscope": F4D9, "sticker": F5D0, "sticker-emoji": F784, "stocking": F4DA, "stop": F4DB, "stop-circle": F666, "stop-circle-outline": F667, "store": F4DC, "store-24-hour": F4DD, "stove": F4DE, "subdirectory-arrow-left": F60C, "subdirectory-arrow-right": F60D, "subway": F6AB, "subway-variant": F4DF, "summit": F785, "sunglasses": F4E0, "surround-sound": F5C5, "surround-sound-2-0": F7EF, "surround-sound-3-1": F7F0, "surround-sound-5-1": F7F1, "surround-sound-7-1": F7F2, "svg": F720, "swap-horizontal": F4E1, "swap-vertical": F4E2, "swim": F4E3, "switch": F4E4, "sword": F4E5, "sword-cross": F786, "sync": F4E6, "sync-alert": F4E7, "sync-off": F4E8, "tab": F4E9, "tab-plus": F75B, "tab-unselected": F4EA, "table": F4EB, "table-column": F834, "table-column-plus-after": F4EC, "table-column-plus-before": F4ED, "table-column-remove": F4EE, "table-column-width": F4EF, "table-edit": F4F0, "table-large": F4F1, "table-of-contents": F835, "table-row": F836, "table-row-height": F4F2, "table-row-plus-after": F4F3, "table-row-plus-before": F4F4, "table-row-remove": F4F5, "table-settings": F837, "tablet": F4F6, "tablet-android": F4F7, "tablet-ipad": F4F8, "taco": F761, "tag": F4F9, "tag-faces": F4FA, "tag-heart": F68A, "tag-multiple": F4FB, "tag-outline": F4FC, "tag-plus": F721, "tag-remove": F722, "tag-text-outline": F4FD, "target": F4FE, "taxi": F4FF, "teamviewer": F500, "telegram": F501, "television": F502, "television-box": F838, "television-classic": F7F3, "television-classic-off": F839, "television-guide": F503, "television-off": F83A, "temperature-celsius": F504, "temperature-fahrenheit": F505, "temperature-kelvin": F506, "tennis": F507, "tent": F508, "terrain": F509, "test-tube": F668, "text-shadow": F669, "text-to-speech": F50A, "text-to-speech-off": F50B, "textbox": F60E, "textbox-password": F7F4, "texture": F50C, "theater": F50D, "theme-light-dark": F50E, "thermometer": F50F, "thermometer-lines": F510, "thought-bubble": F7F5, "thought-bubble-outline": F7F6, "thumb-down": F511, "thumb-down-outline": F512, "thumb-up": F513, "thumb-up-outline": F514, "thumbs-up-down": F515, "ticket": F516, "ticket-account": F517, "ticket-confirmation": F518, "ticket-percent": F723, "tie": F519, "tilde": F724, "timelapse": F51A, "timer": F51B, "timer-10": F51C, "timer-3": F51D, "timer-off": F51E, "timer-sand": F51F, "timer-sand-empty": F6AC, "timer-sand-full": F78B, "timetable": F520, "toggle-switch": F521, "toggle-switch-off": F522, "tooltip": F523, "tooltip-edit": F524, "tooltip-image": F525, "tooltip-outline": F526, "tooltip-outline-plus": F527, "tooltip-text": F528, "tooth": F529, "tor": F52A, "tower-beach": F680, "tower-fire": F681, "towing": F83B, "trackpad": F7F7, "traffic-light": F52B, "train": F52C, "tram": F52D, "transcribe": F52E, "transcribe-close": F52F, "transfer": F530, "transit-transfer": F6AD, "translate": F5CA, "treasure-chest": F725, "tree": F531, "trello": F532, "trending-down": F533, "trending-neutral": F534, "trending-up": F535, "triangle": F536, "triangle-outline": F537, "trophy": F538, "trophy-award": F539, "trophy-outline": F53A, "trophy-variant": F53B, "trophy-variant-outline": F53C, "truck": F53D, "truck-delivery": F53E, "truck-fast": F787, "truck-trailer": F726, "tshirt-crew": F53F, "tshirt-v": F540, "tumblr": F541, "tumblr-reblog": F542, "tune": F62E, "tune-vertical": F66A, "twitch": F543, "twitter": F544, "twitter-box": F545, "twitter-circle": F546, "twitter-retweet": F547, "uber": F748, "ubuntu": F548, "ultra-high-definition": F7F8, "umbraco": F549, "umbrella": F54A, "umbrella-outline": F54B, "undo": F54C, "undo-variant": F54D, "unfold-less-horizontal": F54E, "unfold-less-vertical": F75F, "unfold-more-horizontal": F54F, "unfold-more-vertical": F760, "ungroup": F550, "unity": F6AE, "untappd": F551, "update": F6AF, "upload": F552, "upload-multiple": F83C, "upload-network": F6F5, "usb": F553, "van-passenger": F7F9, "van-utility": F7FA, "vanish": F7FB, "vector-arrange-above": F554, "vector-arrange-below": F555, "vector-circle": F556, "vector-circle-variant": F557, "vector-combine": F558, "vector-curve": F559, "vector-difference": F55A, "vector-difference-ab": F55B, "vector-difference-ba": F55C, "vector-intersection": F55D, "vector-line": F55E, "vector-point": F55F, "vector-polygon": F560, "vector-polyline": F561, "vector-radius": F749, "vector-rectangle": F5C6, "vector-selection": F562, "vector-square": F001, "vector-triangle": F563, "vector-union": F564, "venmo": F578, "verified": F565, "vibrate": F566, "video": F567, "video-3d": F7FC, "video-4k-box": F83D, "video-input-antenna": F83E, "video-input-component": F83F, "video-input-hdmi": F840, "video-input-svideo": F841, "video-off": F568, "video-switch": F569, "view-agenda": F56A, "view-array": F56B, "view-carousel": F56C, "view-column": F56D, "view-dashboard": F56E, "view-dashboard-variant": F842, "view-day": F56F, "view-grid": F570, "view-headline": F571, "view-list": F572, "view-module": F573, "view-parallel": F727, "view-quilt": F574, "view-sequential": F728, "view-stream": F575, "view-week": F576, "vimeo": F577, "violin": F60F, "visualstudio": F610, "vk": F579, "vk-box": F57A, "vk-circle": F57B, "vlc": F57C, "voice": F5CB, "voicemail": F57D, "volume-high": F57E, "volume-low": F57F, "volume-medium": F580, "volume-minus": F75D, "volume-mute": F75E, "volume-off": F581, "volume-plus": F75C, "vpn": F582, "vuejs": F843, "walk": F583, "wall": F7FD, "wallet": F584, "wallet-giftcard": F585, "wallet-membership": F586, "wallet-travel": F587, "wan": F588, "washing-machine": F729, "watch": F589, "watch-export": F58A, "watch-import": F58B, "watch-vibrate": F6B0, "water": F58C, "water-off": F58D, "water-percent": F58E, "water-pump": F58F, "watermark": F612, "waves": F78C, "weather-cloudy": F590, "weather-fog": F591, "weather-hail": F592, "weather-lightning": F593, "weather-lightning-rainy": F67D, "weather-night": F594, "weather-partlycloudy": F595, "weather-pouring": F596, "weather-rainy": F597, "weather-snowy": F598, "weather-snowy-rainy": F67E, "weather-sunny": F599, "weather-sunset": F59A, "weather-sunset-down": F59B, "weather-sunset-up": F59C, "weather-windy": F59D, "weather-windy-variant": F59E, "web": F59F, "webcam": F5A0, "webhook": F62F, "webpack": F72A, "wechat": F611, "weight": F5A1, "weight-kilogram": F5A2, "whatsapp": F5A3, "wheelchair-accessibility": F5A4, "white-balance-auto": F5A5, "white-balance-incandescent": F5A6, "white-balance-iridescent": F5A7, "white-balance-sunny": F5A8, "widgets": F72B, "wifi": F5A9, "wifi-off": F5AA, "wii": F5AB, "wiiu": F72C, "wikipedia": F5AC, "window-close": F5AD, "window-closed": F5AE, "window-maximize": F5AF, "window-minimize": F5B0, "window-open": F5B1, "window-restore": F5B2, "windows": F5B3, "wordpress": F5B4, "worker": F5B5, "wrap": F5B6, "wrench": F5B7, "wunderlist": F5B8, "xamarin": F844, "xamarin-outline": F845, "xaml": F673, "xbox": F5B9, "xbox-controller": F5BA, "xbox-controller-battery-alert": F74A, "xbox-controller-battery-empty": F74B, "xbox-controller-battery-full": F74C, "xbox-controller-battery-low": F74D, "xbox-controller-battery-medium": F74E, "xbox-controller-battery-unknown": F74F, "xbox-controller-off": F5BB, "xda": F5BC, "xing": F5BD, "xing-box": F5BE, "xing-circle": F5BF, "xml": F5C0, "xmpp": F7FE, "yammer": F788, "yeast": F5C1, "yelp": F5C2, "yin-yang": F67F, "youtube-creator-studio": F846, "youtube-gaming": F847, "youtube-play": F5C3, "youtube-tv": F448, "zip-box": F5C4 ); ================================================ FILE: src/Public/mekaeils-package/vendors/iconfonts/mdi/scss/materialdesignicons.scss ================================================ /* MaterialDesignIcons.com */ @import "variables"; @import "functions"; @import "path"; @import "core"; @import "icons"; @import "extras"; @import "animated"; ================================================ FILE: src/Public/mekaeils-package/vendors/js/vendor.bundle.addons.js ================================================ /*! * Chart.js * http://chartjs.org/ * Version: 2.7.1 * * Copyright 2017 Nick Downie * Released under the MIT license * https://github.com/chartjs/Chart.js/blob/master/LICENSE.md */ !function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).Chart=t()}}(function(){return function t(e,n,i){function a(r,l){if(!n[r]){if(!e[r]){var s="function"==typeof require&&require;if(!l&&s)return s(r,!0);if(o)return o(r,!0);var u=new Error("Cannot find module '"+r+"'");throw u.code="MODULE_NOT_FOUND",u}var d=n[r]={exports:{}};e[r][0].call(d.exports,function(t){var n=e[r][1][t];return a(n||t)},d,d.exports,t,e,n,i)}return n[r].exports}for(var o="function"==typeof require&&require,r=0;rn?(e+.05)/(n+.05):(n+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},dark:function(){var t=this.values.rgb;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},light:function(){return!this.dark()},negate:function(){for(var t=[],e=0;e<3;e++)t[e]=255-this.values.rgb[e];return this.setValues("rgb",t),this},lighten:function(t){var e=this.values.hsl;return e[2]+=e[2]*t,this.setValues("hsl",e),this},darken:function(t){var e=this.values.hsl;return e[2]-=e[2]*t,this.setValues("hsl",e),this},saturate:function(t){var e=this.values.hsl;return e[1]+=e[1]*t,this.setValues("hsl",e),this},desaturate:function(t){var e=this.values.hsl;return e[1]-=e[1]*t,this.setValues("hsl",e),this},whiten:function(t){var e=this.values.hwb;return e[1]+=e[1]*t,this.setValues("hwb",e),this},blacken:function(t){var e=this.values.hwb;return e[2]+=e[2]*t,this.setValues("hwb",e),this},greyscale:function(){var t=this.values.rgb,e=.3*t[0]+.59*t[1]+.11*t[2];return this.setValues("rgb",[e,e,e]),this},clearer:function(t){var e=this.values.alpha;return this.setValues("alpha",e-e*t),this},opaquer:function(t){var e=this.values.alpha;return this.setValues("alpha",e+e*t),this},rotate:function(t){var e=this.values.hsl,n=(e[0]+t)%360;return e[0]=n<0?360+n:n,this.setValues("hsl",e),this},mix:function(t,e){var n=this,i=t,a=void 0===e?.5:e,o=2*a-1,r=n.alpha()-i.alpha(),l=((o*r==-1?o:(o+r)/(1+o*r))+1)/2,s=1-l;return this.rgb(l*n.red()+s*i.red(),l*n.green()+s*i.green(),l*n.blue()+s*i.blue()).alpha(n.alpha()*a+i.alpha()*(1-a))},toJSON:function(){return this.rgb()},clone:function(){var t,e,n=new o,i=this.values,a=n.values;for(var r in i)i.hasOwnProperty(r)&&(t=i[r],"[object Array]"===(e={}.toString.call(t))?a[r]=t.slice(0):"[object Number]"===e?a[r]=t:console.error("unexpected color value:",t));return n}},o.prototype.spaces={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},o.prototype.maxes={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},o.prototype.getValues=function(t){for(var e=this.values,n={},i=0;i.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)+.1805*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)),100*(.2126*e+.7152*n+.0722*i),100*(.0193*e+.1192*n+.9505*i)]}function d(t){var e,n,i,a=u(t),o=a[0],r=a[1],l=a[2];return o/=95.047,r/=100,l/=108.883,o=o>.008856?Math.pow(o,1/3):7.787*o+16/116,r=r>.008856?Math.pow(r,1/3):7.787*r+16/116,l=l>.008856?Math.pow(l,1/3):7.787*l+16/116,e=116*r-16,n=500*(o-r),i=200*(r-l),[e,n,i]}function c(t){var e,n,i,a,o,r=t[0]/360,l=t[1]/100,s=t[2]/100;if(0==l)return o=255*s,[o,o,o];e=2*s-(n=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(i=r+1/3*-(u-1))<0&&i++,i>1&&i--,o=6*i<1?e+6*(n-e)*i:2*i<1?n:3*i<2?e+(n-e)*(2/3-i)*6:e,a[u]=255*o;return a}function h(t){var e=t[0]/60,n=t[1]/100,i=t[2]/100,a=Math.floor(e)%6,o=e-Math.floor(e),r=255*i*(1-n),l=255*i*(1-n*o),s=255*i*(1-n*(1-o)),i=255*i;switch(a){case 0:return[i,s,r];case 1:return[l,i,r];case 2:return[r,i,s];case 3:return[r,l,i];case 4:return[s,r,i];case 5:return[i,r,l]}}function f(t){var e,n,i,a,o=t[0]/360,l=t[1]/100,s=t[2]/100,u=l+s;switch(u>1&&(l/=u,s/=u),e=Math.floor(6*o),n=1-s,i=6*o-e,0!=(1&e)&&(i=1-i),a=l+i*(n-l),e){default:case 6:case 0:r=n,g=a,b=l;break;case 1:r=a,g=n,b=l;break;case 2:r=l,g=n,b=a;break;case 3:r=l,g=a,b=n;break;case 4:r=a,g=l,b=n;break;case 5:r=n,g=l,b=a}return[255*r,255*g,255*b]}function p(t){var e,n,i,a=t[0]/100,o=t[1]/100,r=t[2]/100,l=t[3]/100;return e=1-Math.min(1,a*(1-l)+l),n=1-Math.min(1,o*(1-l)+l),i=1-Math.min(1,r*(1-l)+l),[255*e,255*n,255*i]}function v(t){var e,n,i,a=t[0]/100,o=t[1]/100,r=t[2]/100;return e=3.2406*a+-1.5372*o+-.4986*r,n=-.9689*a+1.8758*o+.0415*r,i=.0557*a+-.204*o+1.057*r,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:e*=12.92,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:n*=12.92,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:i*=12.92,e=Math.min(Math.max(0,e),1),n=Math.min(Math.max(0,n),1),i=Math.min(Math.max(0,i),1),[255*e,255*n,255*i]}function m(t){var e,n,i,a=t[0],o=t[1],r=t[2];return a/=95.047,o/=100,r/=108.883,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,o=o>.008856?Math.pow(o,1/3):7.787*o+16/116,r=r>.008856?Math.pow(r,1/3):7.787*r+16/116,e=116*o-16,n=500*(a-o),i=200*(o-r),[e,n,i]}function x(t){var e,n,i,a,o=t[0],r=t[1],l=t[2];return o<=8?a=(n=100*o/903.3)/100*7.787+16/116:(n=100*Math.pow((o+16)/116,3),a=Math.pow(n/100,1/3)),e=e/95.047<=.008856?e=95.047*(r/500+a-16/116)/7.787:95.047*Math.pow(r/500+a,3),i=i/108.883<=.008859?i=108.883*(a-l/200-16/116)/7.787:108.883*Math.pow(a-l/200,3),[e,n,i]}function y(t){var e,n,i,a=t[0],o=t[1],r=t[2];return e=Math.atan2(r,o),(n=360*e/2/Math.PI)<0&&(n+=360),i=Math.sqrt(o*o+r*r),[a,i,n]}function k(t){return v(x(t))}function w(t){var e,n,i,a=t[0],o=t[1];return i=t[2]/360*2*Math.PI,e=o*Math.cos(i),n=o*Math.sin(i),[a,e,n]}function M(t){return S[t]}e.exports={rgb2hsl:i,rgb2hsv:a,rgb2hwb:o,rgb2cmyk:l,rgb2keyword:s,rgb2xyz:u,rgb2lab:d,rgb2lch:function(t){return y(d(t))},hsl2rgb:c,hsl2hsv:function(t){var e,n,i=t[0],a=t[1]/100,o=t[2]/100;return 0===o?[0,0,0]:(o*=2,a*=o<=1?o:2-o,n=(o+a)/2,e=2*a/(o+a),[i,100*e,100*n])},hsl2hwb:function(t){return o(c(t))},hsl2cmyk:function(t){return l(c(t))},hsl2keyword:function(t){return s(c(t))},hsv2rgb:h,hsv2hsl:function(t){var e,n,i=t[0],a=t[1]/100,o=t[2]/100;return n=(2-a)*o,e=a*o,e/=n<=1?n:2-n,e=e||0,n/=2,[i,100*e,100*n]},hsv2hwb:function(t){return o(h(t))},hsv2cmyk:function(t){return l(h(t))},hsv2keyword:function(t){return s(h(t))},hwb2rgb:f,hwb2hsl:function(t){return i(f(t))},hwb2hsv:function(t){return a(f(t))},hwb2cmyk:function(t){return l(f(t))},hwb2keyword:function(t){return s(f(t))},cmyk2rgb:p,cmyk2hsl:function(t){return i(p(t))},cmyk2hsv:function(t){return a(p(t))},cmyk2hwb:function(t){return o(p(t))},cmyk2keyword:function(t){return s(p(t))},keyword2rgb:M,keyword2hsl:function(t){return i(M(t))},keyword2hsv:function(t){return a(M(t))},keyword2hwb:function(t){return o(M(t))},keyword2cmyk:function(t){return l(M(t))},keyword2lab:function(t){return d(M(t))},keyword2xyz:function(t){return u(M(t))},xyz2rgb:v,xyz2lab:m,xyz2lch:function(t){return y(m(t))},lab2xyz:x,lab2rgb:k,lab2lch:y,lch2lab:w,lch2xyz:function(t){return x(w(t))},lch2rgb:function(t){return k(w(t))}};var S={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},C={};for(var _ in S)C[JSON.stringify(S[_])]=_},{}],5:[function(t,e,n){var i=t(4),a=function(){return new u};for(var o in i){a[o+"Raw"]=function(t){return function(e){return"number"==typeof e&&(e=Array.prototype.slice.call(arguments)),i[t](e)}}(o);var r=/(\w+)2(\w+)/.exec(o),l=r[1],s=r[2];(a[l]=a[l]||{})[s]=a[o]=function(t){return function(e){"number"==typeof e&&(e=Array.prototype.slice.call(arguments));var n=i[t](e);if("string"==typeof n||void 0===n)return n;for(var a=0;a0&&(t[0].yLabel?n=t[0].yLabel:e.labels.length>0&&t[0].index=0&&a>0)&&(v+=a));return o=c.getPixelForValue(v),r=c.getPixelForValue(v+f),l=(r-o)/2,{size:l,base:o,head:r,center:r+l/2}},calculateBarIndexPixels:function(t,e,n){var i,a,r,l,s,u,d=this,c=n.scale.options,h=d.getStackIndex(t),f=n.pixels,g=f[e],p=f.length,v=n.start,m=n.end;return 1===p?(i=g>v?g-v:m-g,a=g0&&(i=(g-f[e-1])/2,e===p-1&&(a=i)),e');var n=t.data,i=n.datasets,a=n.labels;if(i.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(n,i){var a=t.getDatasetMeta(0),r=e.datasets[0],l=a.data[i],s=l&&l.custom||{},u=o.valueAtIndexOrDefault,d=t.options.elements.arc;return{text:n,fillStyle:s.backgroundColor?s.backgroundColor:u(r.backgroundColor,i,d.backgroundColor),strokeStyle:s.borderColor?s.borderColor:u(r.borderColor,i,d.borderColor),lineWidth:s.borderWidth?s.borderWidth:u(r.borderWidth,i,d.borderWidth),hidden:isNaN(r.data[i])||a.data[i].hidden,index:i}}):[]}},onClick:function(t,e){var n,i,a,o=e.index,r=this.chart;for(n=0,i=(r.data.datasets||[]).length;n=Math.PI?-1:g<-Math.PI?1:0))+f,v={x:Math.cos(g),y:Math.sin(g)},m={x:Math.cos(p),y:Math.sin(p)},b=g<=0&&p>=0||g<=2*Math.PI&&2*Math.PI<=p,x=g<=.5*Math.PI&&.5*Math.PI<=p||g<=2.5*Math.PI&&2.5*Math.PI<=p,y=g<=-Math.PI&&-Math.PI<=p||g<=Math.PI&&Math.PI<=p,k=g<=.5*-Math.PI&&.5*-Math.PI<=p||g<=1.5*Math.PI&&1.5*Math.PI<=p,w=h/100,M={x:y?-1:Math.min(v.x*(v.x<0?1:w),m.x*(m.x<0?1:w)),y:k?-1:Math.min(v.y*(v.y<0?1:w),m.y*(m.y<0?1:w))},S={x:b?1:Math.max(v.x*(v.x>0?1:w),m.x*(m.x>0?1:w)),y:x?1:Math.max(v.y*(v.y>0?1:w),m.y*(m.y>0?1:w))},C={width:.5*(S.x-M.x),height:.5*(S.y-M.y)};u=Math.min(l/C.width,s/C.height),d={x:-.5*(S.x+M.x),y:-.5*(S.y+M.y)}}n.borderWidth=e.getMaxBorderWidth(c.data),n.outerRadius=Math.max((u-n.borderWidth)/2,0),n.innerRadius=Math.max(h?n.outerRadius/100*h:0,0),n.radiusLength=(n.outerRadius-n.innerRadius)/n.getVisibleDatasetCount(),n.offsetX=d.x*n.outerRadius,n.offsetY=d.y*n.outerRadius,c.total=e.calculateTotal(),e.outerRadius=n.outerRadius-n.radiusLength*e.getRingIndex(e.index),e.innerRadius=Math.max(e.outerRadius-n.radiusLength,0),o.each(c.data,function(n,i){e.updateElement(n,i,t)})},updateElement:function(t,e,n){var i=this,a=i.chart,r=a.chartArea,l=a.options,s=l.animation,u=(r.left+r.right)/2,d=(r.top+r.bottom)/2,c=l.rotation,h=l.rotation,f=i.getDataset(),g=n&&s.animateRotate?0:t.hidden?0:i.calculateCircumference(f.data[e])*(l.circumference/(2*Math.PI)),p=n&&s.animateScale?0:i.innerRadius,v=n&&s.animateScale?0:i.outerRadius,m=o.valueAtIndexOrDefault;o.extend(t,{_datasetIndex:i.index,_index:e,_model:{x:u+a.offsetX,y:d+a.offsetY,startAngle:c,endAngle:h,circumference:g,outerRadius:v,innerRadius:p,label:m(f.label,e,a.data.labels[e])}});var b=t._model;this.removeHoverStyle(t),n&&s.animateRotate||(b.startAngle=0===e?l.rotation:i.getMeta().data[e-1]._model.endAngle,b.endAngle=b.startAngle+b.circumference),t.pivot()},removeHoverStyle:function(e){t.DatasetController.prototype.removeHoverStyle.call(this,e,this.chart.options.elements.arc)},calculateTotal:function(){var t,e=this.getDataset(),n=this.getMeta(),i=0;return o.each(n.data,function(n,a){t=e.data[a],isNaN(t)||n.hidden||(i+=Math.abs(t))}),i},calculateCircumference:function(t){var e=this.getMeta().total;return e>0&&!isNaN(t)?2*Math.PI*(t/e):0},getMaxBorderWidth:function(t){for(var e,n,i=0,a=this.index,o=t.length,r=0;r(i=e>i?e:i)?n:i;return i}})}},{25:25,40:40,45:45}],18:[function(t,e,n){"use strict";var i=t(25),a=t(40),o=t(45);i._set("line",{showLines:!0,spanGaps:!1,hover:{mode:"label"},scales:{xAxes:[{type:"category",id:"x-axis-0"}],yAxes:[{type:"linear",id:"y-axis-0"}]}}),e.exports=function(t){function e(t,e){return o.valueOrDefault(t.showLine,e.showLines)}t.controllers.line=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,update:function(t){var n,i,a,r=this,l=r.getMeta(),s=l.dataset,u=l.data||[],d=r.chart.options,c=d.elements.line,h=r.getScaleForId(l.yAxisID),f=r.getDataset(),g=e(f,d);for(g&&(a=s.custom||{},void 0!==f.tension&&void 0===f.lineTension&&(f.lineTension=f.tension),s._scale=h,s._datasetIndex=r.index,s._children=u,s._model={spanGaps:f.spanGaps?f.spanGaps:d.spanGaps,tension:a.tension?a.tension:o.valueOrDefault(f.lineTension,c.tension),backgroundColor:a.backgroundColor?a.backgroundColor:f.backgroundColor||c.backgroundColor,borderWidth:a.borderWidth?a.borderWidth:f.borderWidth||c.borderWidth,borderColor:a.borderColor?a.borderColor:f.borderColor||c.borderColor,borderCapStyle:a.borderCapStyle?a.borderCapStyle:f.borderCapStyle||c.borderCapStyle,borderDash:a.borderDash?a.borderDash:f.borderDash||c.borderDash,borderDashOffset:a.borderDashOffset?a.borderDashOffset:f.borderDashOffset||c.borderDashOffset,borderJoinStyle:a.borderJoinStyle?a.borderJoinStyle:f.borderJoinStyle||c.borderJoinStyle,fill:a.fill?a.fill:void 0!==f.fill?f.fill:c.fill,steppedLine:a.steppedLine?a.steppedLine:o.valueOrDefault(f.steppedLine,c.stepped),cubicInterpolationMode:a.cubicInterpolationMode?a.cubicInterpolationMode:o.valueOrDefault(f.cubicInterpolationMode,c.cubicInterpolationMode)},s.pivot()),n=0,i=u.length;n');var n=t.data,i=n.datasets,a=n.labels;if(i.length)for(var o=0;o'),a[o]&&e.push(a[o]),e.push("");return e.push(""),e.join("")},legend:{labels:{generateLabels:function(t){var e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(function(n,i){var a=t.getDatasetMeta(0),r=e.datasets[0],l=a.data[i].custom||{},s=o.valueAtIndexOrDefault,u=t.options.elements.arc;return{text:n,fillStyle:l.backgroundColor?l.backgroundColor:s(r.backgroundColor,i,u.backgroundColor),strokeStyle:l.borderColor?l.borderColor:s(r.borderColor,i,u.borderColor),lineWidth:l.borderWidth?l.borderWidth:s(r.borderWidth,i,u.borderWidth),hidden:isNaN(r.data[i])||a.data[i].hidden,index:i}}):[]}},onClick:function(t,e){var n,i,a,o=e.index,r=this.chart;for(n=0,i=(r.data.datasets||[]).length;n0&&!isNaN(t)?2*Math.PI/e:0}})}},{25:25,40:40,45:45}],20:[function(t,e,n){"use strict";var i=t(25),a=t(40),o=t(45);i._set("radar",{scale:{type:"radialLinear"},elements:{line:{tension:0}}}),e.exports=function(t){t.controllers.radar=t.DatasetController.extend({datasetElementType:a.Line,dataElementType:a.Point,linkScales:o.noop,update:function(t){var e=this,n=e.getMeta(),i=n.dataset,a=n.data,r=i.custom||{},l=e.getDataset(),s=e.chart.options.elements.line,u=e.chart.scale;void 0!==l.tension&&void 0===l.lineTension&&(l.lineTension=l.tension),o.extend(n.dataset,{_datasetIndex:e.index,_scale:u,_children:a,_loop:!0,_model:{tension:r.tension?r.tension:o.valueOrDefault(l.lineTension,s.tension),backgroundColor:r.backgroundColor?r.backgroundColor:l.backgroundColor||s.backgroundColor,borderWidth:r.borderWidth?r.borderWidth:l.borderWidth||s.borderWidth,borderColor:r.borderColor?r.borderColor:l.borderColor||s.borderColor,fill:r.fill?r.fill:void 0!==l.fill?l.fill:s.fill,borderCapStyle:r.borderCapStyle?r.borderCapStyle:l.borderCapStyle||s.borderCapStyle,borderDash:r.borderDash?r.borderDash:l.borderDash||s.borderDash,borderDashOffset:r.borderDashOffset?r.borderDashOffset:l.borderDashOffset||s.borderDashOffset,borderJoinStyle:r.borderJoinStyle?r.borderJoinStyle:l.borderJoinStyle||s.borderJoinStyle}}),n.dataset.pivot(),o.each(a,function(n,i){e.updateElement(n,i,t)},e),e.updateBezierControlPoints()},updateElement:function(t,e,n){var i=this,a=t.custom||{},r=i.getDataset(),l=i.chart.scale,s=i.chart.options.elements.point,u=l.getPointPositionForValue(e,r.data[e]);void 0!==r.radius&&void 0===r.pointRadius&&(r.pointRadius=r.radius),void 0!==r.hitRadius&&void 0===r.pointHitRadius&&(r.pointHitRadius=r.hitRadius),o.extend(t,{_datasetIndex:i.index,_index:e,_scale:l,_model:{x:n?l.xCenter:u.x,y:n?l.yCenter:u.y,tension:a.tension?a.tension:o.valueOrDefault(r.lineTension,i.chart.options.elements.line.tension),radius:a.radius?a.radius:o.valueAtIndexOrDefault(r.pointRadius,e,s.radius),backgroundColor:a.backgroundColor?a.backgroundColor:o.valueAtIndexOrDefault(r.pointBackgroundColor,e,s.backgroundColor),borderColor:a.borderColor?a.borderColor:o.valueAtIndexOrDefault(r.pointBorderColor,e,s.borderColor),borderWidth:a.borderWidth?a.borderWidth:o.valueAtIndexOrDefault(r.pointBorderWidth,e,s.borderWidth),pointStyle:a.pointStyle?a.pointStyle:o.valueAtIndexOrDefault(r.pointStyle,e,s.pointStyle),hitRadius:a.hitRadius?a.hitRadius:o.valueAtIndexOrDefault(r.pointHitRadius,e,s.hitRadius)}}),t._model.skip=a.skip?a.skip:isNaN(t._model.x)||isNaN(t._model.y)},updateBezierControlPoints:function(){var t=this.chart.chartArea,e=this.getMeta();o.each(e.data,function(n,i){var a=n._model,r=o.splineCurve(o.previousItem(e.data,i,!0)._model,a,o.nextItem(e.data,i,!0)._model,a.tension);a.controlPointPreviousX=Math.max(Math.min(r.previous.x,t.right),t.left),a.controlPointPreviousY=Math.max(Math.min(r.previous.y,t.bottom),t.top),a.controlPointNextX=Math.max(Math.min(r.next.x,t.right),t.left),a.controlPointNextY=Math.max(Math.min(r.next.y,t.bottom),t.top),n.pivot()})},setHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],n=t.custom||{},i=t._index,a=t._model;a.radius=n.hoverRadius?n.hoverRadius:o.valueAtIndexOrDefault(e.pointHoverRadius,i,this.chart.options.elements.point.hoverRadius),a.backgroundColor=n.hoverBackgroundColor?n.hoverBackgroundColor:o.valueAtIndexOrDefault(e.pointHoverBackgroundColor,i,o.getHoverColor(a.backgroundColor)),a.borderColor=n.hoverBorderColor?n.hoverBorderColor:o.valueAtIndexOrDefault(e.pointHoverBorderColor,i,o.getHoverColor(a.borderColor)),a.borderWidth=n.hoverBorderWidth?n.hoverBorderWidth:o.valueAtIndexOrDefault(e.pointHoverBorderWidth,i,a.borderWidth)},removeHoverStyle:function(t){var e=this.chart.data.datasets[t._datasetIndex],n=t.custom||{},i=t._index,a=t._model,r=this.chart.options.elements.point;a.radius=n.radius?n.radius:o.valueAtIndexOrDefault(e.pointRadius,i,r.radius),a.backgroundColor=n.backgroundColor?n.backgroundColor:o.valueAtIndexOrDefault(e.pointBackgroundColor,i,r.backgroundColor),a.borderColor=n.borderColor?n.borderColor:o.valueAtIndexOrDefault(e.pointBorderColor,i,r.borderColor),a.borderWidth=n.borderWidth?n.borderWidth:o.valueAtIndexOrDefault(e.pointBorderWidth,i,r.borderWidth)}})}},{25:25,40:40,45:45}],21:[function(t,e,n){"use strict";t(25)._set("scatter",{hover:{mode:"single"},scales:{xAxes:[{id:"x-axis-1",type:"linear",position:"bottom"}],yAxes:[{id:"y-axis-1",type:"linear",position:"left"}]},showLines:!1,tooltips:{callbacks:{title:function(){return""},label:function(t){return"("+t.xLabel+", "+t.yLabel+")"}}}}),e.exports=function(t){t.controllers.scatter=t.controllers.line}},{25:25}],22:[function(t,e,n){"use strict";var i=t(25),a=t(26),o=t(45);i._set("global",{animation:{duration:1e3,easing:"easeOutQuart",onProgress:o.noop,onComplete:o.noop}}),e.exports=function(t){t.Animation=a.extend({chart:null,currentStep:0,numSteps:60,easing:"",render:null,onAnimationProgress:null,onAnimationComplete:null}),t.animationService={frameDuration:17,animations:[],dropFrames:0,request:null,addAnimation:function(t,e,n,i){var a,o,r=this.animations;for(e.chart=t,i||(t.animating=!0),a=0,o=r.length;a1&&(n=Math.floor(t.dropFrames),t.dropFrames=t.dropFrames%1),t.advance(1+n);var i=Date.now();t.dropFrames+=(i-e)/t.frameDuration,t.animations.length>0&&t.requestAnimationFrame()},advance:function(t){for(var e,n,i=this.animations,a=0;a=e.numSteps?(o.callback(e.onAnimationComplete,[e],n),n.animating=!1,i.splice(a,1)):++a}},Object.defineProperty(t.Animation.prototype,"animationObject",{get:function(){return this}}),Object.defineProperty(t.Animation.prototype,"chartInstance",{get:function(){return this.chart},set:function(t){this.chart=t}})}},{25:25,26:26,45:45}],23:[function(t,e,n){"use strict";var i=t(25),a=t(45),o=t(28),r=t(48);e.exports=function(t){function e(t){var e=(t=t||{}).data=t.data||{};return e.datasets=e.datasets||[],e.labels=e.labels||[],t.options=a.configMerge(i.global,i[t.type],t.options||{}),t}function n(t){var e=t.options;e.scale?t.scale.options=e.scale:e.scales&&e.scales.xAxes.concat(e.scales.yAxes).forEach(function(e){t.scales[e.id].options=e}),t.tooltip._options=e.tooltips}function l(t){return"top"===t||"bottom"===t}var s=t.plugins;t.types={},t.instances={},t.controllers={},a.extend(t.prototype,{construct:function(n,i){var o=this;i=e(i);var l=r.acquireContext(n,i),s=l&&l.canvas,u=s&&s.height,d=s&&s.width;o.id=a.uid(),o.ctx=l,o.canvas=s,o.config=i,o.width=d,o.height=u,o.aspectRatio=u?d/u:null,o.options=i.options,o._bufferedRender=!1,o.chart=o,o.controller=o,t.instances[o.id]=o,Object.defineProperty(o,"data",{get:function(){return o.config.data},set:function(t){o.config.data=t}}),l&&s?(o.initialize(),o.update()):console.error("Failed to create chart: can't acquire context from the given item")},initialize:function(){var t=this;return s.notify(t,"beforeInit"),a.retinaScale(t,t.options.devicePixelRatio),t.bindEvents(),t.options.responsive&&t.resize(!0),t.ensureScalesHaveIDs(),t.buildScales(),t.initToolTip(),s.notify(t,"afterInit"),t},clear:function(){return a.canvas.clear(this),this},stop:function(){return t.animationService.cancelAnimation(this),this},resize:function(t){var e=this,n=e.options,i=e.canvas,o=n.maintainAspectRatio&&e.aspectRatio||null,r=Math.max(0,Math.floor(a.getMaximumWidth(i))),l=Math.max(0,Math.floor(o?r/o:a.getMaximumHeight(i)));if((e.width!==r||e.height!==l)&&(i.width=e.width=r,i.height=e.height=l,i.style.width=r+"px",i.style.height=l+"px",a.retinaScale(e,n.devicePixelRatio),!t)){var u={width:r,height:l};s.notify(e,"resize",[u]),e.options.onResize&&e.options.onResize(e,u),e.stop(),e.update(e.options.responsiveAnimationDuration)}},ensureScalesHaveIDs:function(){var t=this.options,e=t.scales||{},n=t.scale;a.each(e.xAxes,function(t,e){t.id=t.id||"x-axis-"+e}),a.each(e.yAxes,function(t,e){t.id=t.id||"y-axis-"+e}),n&&(n.id=n.id||"scale")},buildScales:function(){var e=this,n=e.options,i=e.scales={},o=[];n.scales&&(o=o.concat((n.scales.xAxes||[]).map(function(t){return{options:t,dtype:"category",dposition:"bottom"}}),(n.scales.yAxes||[]).map(function(t){return{options:t,dtype:"linear",dposition:"left"}}))),n.scale&&o.push({options:n.scale,dtype:"radialLinear",isDefault:!0,dposition:"chartArea"}),a.each(o,function(n){var o=n.options,r=a.valueOrDefault(o.type,n.dtype),s=t.scaleService.getScaleConstructor(r);if(s){l(o.position)!==l(n.dposition)&&(o.position=n.dposition);var u=new s({id:o.id,options:o,ctx:e.ctx,chart:e});i[u.id]=u,u.mergeTicksOptions(),n.isDefault&&(e.scale=u)}}),t.scaleService.addScalesToLayout(this)},buildOrUpdateControllers:function(){var e=this,n=[],i=[];return a.each(e.data.datasets,function(a,o){var r=e.getDatasetMeta(o),l=a.type||e.config.type;if(r.type&&r.type!==l&&(e.destroyDatasetMeta(o),r=e.getDatasetMeta(o)),r.type=l,n.push(r.type),r.controller)r.controller.updateIndex(o);else{var s=t.controllers[r.type];if(void 0===s)throw new Error('"'+r.type+'" is not a chart type.');r.controller=new s(e,o),i.push(r.controller)}},e),i},resetElements:function(){var t=this;a.each(t.data.datasets,function(e,n){t.getDatasetMeta(n).controller.reset()},t)},reset:function(){this.resetElements(),this.tooltip.initialize()},update:function(t){var e=this;if(t&&"object"==typeof t||(t={duration:t,lazy:arguments[1]}),n(e),!1!==s.notify(e,"beforeUpdate")){e.tooltip._data=e.data;var i=e.buildOrUpdateControllers();a.each(e.data.datasets,function(t,n){e.getDatasetMeta(n).controller.buildOrUpdateElements()},e),e.updateLayout(),a.each(i,function(t){t.reset()}),e.updateDatasets(),e.tooltip.initialize(),e.lastActive=[],s.notify(e,"afterUpdate"),e._bufferedRender?e._bufferedRequest={duration:t.duration,easing:t.easing,lazy:t.lazy}:e.render(t)}},updateLayout:function(){var e=this;!1!==s.notify(e,"beforeLayout")&&(t.layoutService.update(this,this.width,this.height),s.notify(e,"afterScaleUpdate"),s.notify(e,"afterLayout"))},updateDatasets:function(){var t=this;if(!1!==s.notify(t,"beforeDatasetsUpdate")){for(var e=0,n=t.data.datasets.length;e=0;--n)e.isDatasetVisible(n)&&e.drawDataset(n,t);s.notify(e,"afterDatasetsDraw",[t])}},drawDataset:function(t,e){var n=this,i=n.getDatasetMeta(t),a={meta:i,index:t,easingValue:e};!1!==s.notify(n,"beforeDatasetDraw",[a])&&(i.controller.draw(e),s.notify(n,"afterDatasetDraw",[a]))},_drawTooltip:function(t){var e=this,n=e.tooltip,i={tooltip:n,easingValue:t};!1!==s.notify(e,"beforeTooltipDraw",[i])&&(n.draw(),s.notify(e,"afterTooltipDraw",[i]))},getElementAtEvent:function(t){return o.modes.single(this,t)},getElementsAtEvent:function(t){return o.modes.label(this,t,{intersect:!0})},getElementsAtXAxis:function(t){return o.modes["x-axis"](this,t,{intersect:!0})},getElementsAtEventForMode:function(t,e,n){var i=o.modes[e];return"function"==typeof i?i(this,t,n):[]},getDatasetAtEvent:function(t){return o.modes.dataset(this,t,{intersect:!0})},getDatasetMeta:function(t){var e=this,n=e.data.datasets[t];n._meta||(n._meta={});var i=n._meta[e.id];return i||(i=n._meta[e.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null}),i},getVisibleDatasetCount:function(){for(var t=0,e=0,n=this.data.datasets.length;e0||(a.forEach(function(e){delete t[e]}),delete t._chartjs)}}var a=["push","pop","shift","splice","unshift"];t.DatasetController=function(t,e){this.initialize(t,e)},i.extend(t.DatasetController.prototype,{datasetElementType:null,dataElementType:null,initialize:function(t,e){var n=this;n.chart=t,n.index=e,n.linkScales(),n.addElements()},updateIndex:function(t){this.index=t},linkScales:function(){var t=this,e=t.getMeta(),n=t.getDataset();null===e.xAxisID&&(e.xAxisID=n.xAxisID||t.chart.options.scales.xAxes[0].id),null===e.yAxisID&&(e.yAxisID=n.yAxisID||t.chart.options.scales.yAxes[0].id)},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},reset:function(){this.update(!0)},destroy:function(){this._data&&n(this._data,this)},createMetaDataset:function(){var t=this,e=t.datasetElementType;return e&&new e({_chart:t.chart,_datasetIndex:t.index})},createMetaData:function(t){var e=this,n=e.dataElementType;return n&&new n({_chart:e.chart,_datasetIndex:e.index,_index:t})},addElements:function(){var t,e,n=this,i=n.getMeta(),a=n.getDataset().data||[],o=i.data;for(t=0,e=a.length;ti&&t.insertElements(i,a-i)},insertElements:function(t,e){for(var n=0;n=n[e].length&&n[e].push({}),!n[e][r].type||s.type&&s.type!==n[e][r].type?o.merge(n[e][r],[t.scaleService.getScaleDefaults(l),s]):o.merge(n[e][r],s)}else o._merger(e,n,i,a)}})},o.where=function(t,e){if(o.isArray(t)&&Array.prototype.filter)return t.filter(e);var n=[];return o.each(t,function(t){e(t)&&n.push(t)}),n},o.findIndex=Array.prototype.findIndex?function(t,e,n){return t.findIndex(e,n)}:function(t,e,n){n=void 0===n?t:n;for(var i=0,a=t.length;i=0;i--){var a=t[i];if(e(a))return a}},o.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},o.almostEquals=function(t,e,n){return Math.abs(t-e)t},o.max=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.max(t,e)},Number.NEGATIVE_INFINITY)},o.min=function(t){return t.reduce(function(t,e){return isNaN(e)?t:Math.min(t,e)},Number.POSITIVE_INFINITY)},o.sign=Math.sign?function(t){return Math.sign(t)}:function(t){return 0==(t=+t)||isNaN(t)?t:t>0?1:-1},o.log10=Math.log10?function(t){return Math.log10(t)}:function(t){return Math.log(t)/Math.LN10},o.toRadians=function(t){return t*(Math.PI/180)},o.toDegrees=function(t){return t*(180/Math.PI)},o.getAngleFromPoint=function(t,e){var n=e.x-t.x,i=e.y-t.y,a=Math.sqrt(n*n+i*i),o=Math.atan2(i,n);return o<-.5*Math.PI&&(o+=2*Math.PI),{angle:o,distance:a}},o.distanceBetweenPoints=function(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))},o.aliasPixel=function(t){return t%2==0?0:.5},o.splineCurve=function(t,e,n,i){var a=t.skip?e:t,o=e,r=n.skip?e:n,l=Math.sqrt(Math.pow(o.x-a.x,2)+Math.pow(o.y-a.y,2)),s=Math.sqrt(Math.pow(r.x-o.x,2)+Math.pow(r.y-o.y,2)),u=l/(l+s),d=s/(l+s),c=i*(u=isNaN(u)?0:u),h=i*(d=isNaN(d)?0:d);return{previous:{x:o.x-c*(r.x-a.x),y:o.y-c*(r.y-a.y)},next:{x:o.x+h*(r.x-a.x),y:o.y+h*(r.y-a.y)}}},o.EPSILON=Number.EPSILON||1e-14,o.splineCurveMonotone=function(t){var e,n,i,a,r=(t||[]).map(function(t){return{model:t._model,deltaK:0,mK:0}}),l=r.length;for(e=0;e0?r[e-1]:null,(a=e0?r[e-1]:null,a=e=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},o.previousItem=function(t,e,n){return n?e<=0?t[t.length-1]:t[e-1]:e<=0?t[0]:t[e-1]},o.niceNum=function(t,e){var n=Math.floor(o.log10(t)),i=t/Math.pow(10,n);return(e?i<1.5?1:i<3?2:i<7?5:10:i<=1?1:i<=2?2:i<=5?5:10)*Math.pow(10,n)},o.requestAnimFrame="undefined"==typeof window?function(t){t()}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)},o.getRelativePosition=function(t,e){var n,i,a=t.originalEvent||t,r=t.currentTarget||t.srcElement,l=r.getBoundingClientRect(),s=a.touches;s&&s.length>0?(n=s[0].clientX,i=s[0].clientY):(n=a.clientX,i=a.clientY);var u=parseFloat(o.getStyle(r,"padding-left")),d=parseFloat(o.getStyle(r,"padding-top")),c=parseFloat(o.getStyle(r,"padding-right")),h=parseFloat(o.getStyle(r,"padding-bottom")),f=l.right-l.left-u-c,g=l.bottom-l.top-d-h;return n=Math.round((n-l.left-u)/f*r.width/e.currentDevicePixelRatio),i=Math.round((i-l.top-d)/g*r.height/e.currentDevicePixelRatio),{x:n,y:i}},o.getConstraintWidth=function(t){return r(t,"max-width","clientWidth")},o.getConstraintHeight=function(t){return r(t,"max-height","clientHeight")},o.getMaximumWidth=function(t){var e=t.parentNode;if(!e)return t.clientWidth;var n=parseInt(o.getStyle(e,"padding-left"),10),i=parseInt(o.getStyle(e,"padding-right"),10),a=e.clientWidth-n-i,r=o.getConstraintWidth(t);return isNaN(r)?a:Math.min(a,r)},o.getMaximumHeight=function(t){var e=t.parentNode;if(!e)return t.clientHeight;var n=parseInt(o.getStyle(e,"padding-top"),10),i=parseInt(o.getStyle(e,"padding-bottom"),10),a=e.clientHeight-n-i,r=o.getConstraintHeight(t);return isNaN(r)?a:Math.min(a,r)},o.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},o.retinaScale=function(t,e){var n=t.currentDevicePixelRatio=e||window.devicePixelRatio||1;if(1!==n){var i=t.canvas,a=t.height,o=t.width;i.height=a*n,i.width=o*n,t.ctx.scale(n,n),i.style.height=a+"px",i.style.width=o+"px"}},o.fontString=function(t,e,n){return e+" "+t+"px "+n},o.longestText=function(t,e,n,i){var a=(i=i||{}).data=i.data||{},r=i.garbageCollect=i.garbageCollect||[];i.font!==e&&(a=i.data={},r=i.garbageCollect=[],i.font=e),t.font=e;var l=0;o.each(n,function(e){void 0!==e&&null!==e&&!0!==o.isArray(e)?l=o.measureText(t,a,r,l,e):o.isArray(e)&&o.each(e,function(e){void 0===e||null===e||o.isArray(e)||(l=o.measureText(t,a,r,l,e))})});var s=r.length/2;if(s>n.length){for(var u=0;ui&&(i=o),i},o.numberOfLabelLines=function(t){var e=1;return o.each(t,function(t){o.isArray(t)&&t.length>e&&(e=t.length)}),e},o.color=i?function(t){return t instanceof CanvasGradient&&(t=a.global.defaultColor),i(t)}:function(t){return console.error("Color.js not found!"),t},o.getHoverColor=function(t){return t instanceof CanvasPattern?t:o.color(t).saturate(.5).darken(.1).rgbString()}}},{25:25,3:3,45:45}],28:[function(t,e,n){"use strict";function i(t,e){return t.native?{x:t.x,y:t.y}:u.getRelativePosition(t,e)}function a(t,e){var n,i,a,o,r;for(i=0,o=t.data.datasets.length;i0&&(u=t.getDatasetMeta(u[0]._datasetIndex).data),u},"x-axis":function(t,e){return s(t,e,{intersect:!1})},point:function(t,e){return o(t,i(e,t))},nearest:function(t,e,n){var a=i(e,t);n.axis=n.axis||"xy";var o=l(n.axis),s=r(t,a,n.intersect,o);return s.length>1&&s.sort(function(t,e){var n=t.getArea()-e.getArea();return 0===n&&(n=t._datasetIndex-e._datasetIndex),n}),s.slice(0,1)},x:function(t,e,n){var o=i(e,t),r=[],l=!1;return a(t,function(t){t.inXRange(o.x)&&r.push(t),t.inRange(o.x,o.y)&&(l=!0)}),n.intersect&&!l&&(r=[]),r},y:function(t,e,n){var o=i(e,t),r=[],l=!1;return a(t,function(t){t.inYRange(o.y)&&r.push(t),t.inRange(o.x,o.y)&&(l=!0)}),n.intersect&&!l&&(r=[]),r}}}},{45:45}],29:[function(t,e,n){"use strict";t(25)._set("global",{responsive:!0,responsiveAnimationDuration:0,maintainAspectRatio:!0,events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"nearest",intersect:!0,animationDuration:400},onClick:null,defaultColor:"rgba(0,0,0,0.1)",defaultFontColor:"#666",defaultFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",defaultFontSize:12,defaultFontStyle:"normal",showLines:!0,elements:{},layout:{padding:{top:0,right:0,bottom:0,left:0}}}),e.exports=function(){var t=function(t,e){return this.construct(t,e),this};return t.Chart=t,t}},{25:25}],30:[function(t,e,n){"use strict";var i=t(45);e.exports=function(t){function e(t,e){return i.where(t,function(t){return t.position===e})}function n(t,e){t.forEach(function(t,e){return t._tmpIndex_=e,t}),t.sort(function(t,n){var i=e?n:t,a=e?t:n;return i.weight===a.weight?i._tmpIndex_-a._tmpIndex_:i.weight-a.weight}),t.forEach(function(t){delete t._tmpIndex_})}t.layoutService={defaults:{},addBox:function(t,e){t.boxes||(t.boxes=[]),e.fullWidth=e.fullWidth||!1,e.position=e.position||"top",e.weight=e.weight||0,t.boxes.push(e)},removeBox:function(t,e){var n=t.boxes?t.boxes.indexOf(e):-1;-1!==n&&t.boxes.splice(n,1)},configure:function(t,e,n){for(var i,a=["fullWidth","position","weight"],o=a.length,r=0;rh&&st.maxHeight){s--;break}s++,c=u*d}t.labelRotation=s},afterCalculateTickRotation:function(){l.callback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){l.callback(this.options.beforeFit,[this])},fit:function(){var t=this,a=t.minSize={width:0,height:0},o=i(t._ticks),r=t.options,u=r.ticks,d=r.scaleLabel,c=r.gridLines,h=r.display,f=t.isHorizontal(),g=n(u),p=r.gridLines.tickMarkLength;if(a.width=f?t.isFullWidth()?t.maxWidth-t.margins.left-t.margins.right:t.maxWidth:h&&c.drawTicks?p:0,a.height=f?h&&c.drawTicks?p:0:t.maxHeight,d.display&&h){var v=s(d)+l.options.toPadding(d.padding).height;f?a.height+=v:a.width+=v}if(u.display&&h){var m=l.longestText(t.ctx,g.font,o,t.longestTextCache),b=l.numberOfLabelLines(o),x=.5*g.size,y=t.options.ticks.padding;if(f){t.longestLabelWidth=m;var k=l.toRadians(t.labelRotation),w=Math.cos(k),M=Math.sin(k)*m+g.size*b+x*(b-1)+x;a.height=Math.min(t.maxHeight,a.height+M+y),t.ctx.font=g.font;var S=e(t.ctx,o[0],g.font),C=e(t.ctx,o[o.length-1],g.font);0!==t.labelRotation?(t.paddingLeft="bottom"===r.position?w*S+3:w*x+3,t.paddingRight="bottom"===r.position?w*x+3:w*C+3):(t.paddingLeft=S/2+3,t.paddingRight=C/2+3)}else u.mirror?m=0:m+=y+x,a.width=Math.min(t.maxWidth,a.width+m),t.paddingTop=g.size/2,t.paddingBottom=g.size/2}t.handleMargins(),t.width=a.width,t.height=a.height},handleMargins:function(){var t=this;t.margins&&(t.paddingLeft=Math.max(t.paddingLeft-t.margins.left,0),t.paddingTop=Math.max(t.paddingTop-t.margins.top,0),t.paddingRight=Math.max(t.paddingRight-t.margins.right,0),t.paddingBottom=Math.max(t.paddingBottom-t.margins.bottom,0))},afterFit:function(){l.callback(this.options.afterFit,[this])},isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},isFullWidth:function(){return this.options.fullWidth},getRightValue:function(t){if(l.isNullOrUndef(t))return NaN;if("number"==typeof t&&!isFinite(t))return NaN;if(t)if(this.isHorizontal()){if(void 0!==t.x)return this.getRightValue(t.x)}else if(void 0!==t.y)return this.getRightValue(t.y);return t},getLabelForIndex:l.noop,getPixelForValue:l.noop,getValueForPixel:l.noop,getPixelForTick:function(t){var e=this,n=e.options.offset;if(e.isHorizontal()){var i=(e.width-(e.paddingLeft+e.paddingRight))/Math.max(e._ticks.length-(n?0:1),1),a=i*t+e.paddingLeft;n&&(a+=i/2);var o=e.left+Math.round(a);return o+=e.isFullWidth()?e.margins.left:0}var r=e.height-(e.paddingTop+e.paddingBottom);return e.top+t*(r/(e._ticks.length-1))},getPixelForDecimal:function(t){var e=this;if(e.isHorizontal()){var n=(e.width-(e.paddingLeft+e.paddingRight))*t+e.paddingLeft,i=e.left+Math.round(n);return i+=e.isFullWidth()?e.margins.left:0}return e.top+t*e.height},getBasePixel:function(){return this.getPixelForValue(this.getBaseValue())},getBaseValue:function(){var t=this,e=t.min,n=t.max;return t.beginAtZero?0:e<0&&n<0?n:e>0&&n>0?e:0},_autoSkip:function(t){var e,n,i,a,o=this,r=o.isHorizontal(),s=o.options.ticks.minor,u=t.length,d=l.toRadians(o.labelRotation),c=Math.cos(d),h=o.longestLabelWidth*c,f=[];for(s.maxTicksLimit&&(a=s.maxTicksLimit),r&&(e=!1,(h+s.autoSkipPadding)*u>o.width-(o.paddingLeft+o.paddingRight)&&(e=1+Math.floor((h+s.autoSkipPadding)*u/(o.width-(o.paddingLeft+o.paddingRight)))),a&&u>a&&(e=Math.max(e,Math.floor(u/a)))),n=0;n1&&n%e>0||n%e==0&&n+e>=u)&&n!==u-1&&delete i.label,f.push(i);return f},draw:function(t){var e=this,i=e.options;if(i.display){var r=e.ctx,u=o.global,d=i.ticks.minor,c=i.ticks.major||d,h=i.gridLines,f=i.scaleLabel,g=0!==e.labelRotation,p=e.isHorizontal(),v=d.autoSkip?e._autoSkip(e.getTicks()):e.getTicks(),m=l.valueOrDefault(d.fontColor,u.defaultFontColor),b=n(d),x=l.valueOrDefault(c.fontColor,u.defaultFontColor),y=n(c),k=h.drawTicks?h.tickMarkLength:0,w=l.valueOrDefault(f.fontColor,u.defaultFontColor),M=n(f),S=l.options.toPadding(f.padding),C=l.toRadians(e.labelRotation),_=[],D="right"===i.position?e.left:e.right-k,I="right"===i.position?e.left+k:e.right,P="bottom"===i.position?e.top:e.bottom-k,A="bottom"===i.position?e.top+k:e.bottom;if(l.each(v,function(n,o){if(!l.isNullOrUndef(n.label)){var r,s,c,f,m=n.label;o===e.zeroLineIndex&&i.offset===h.offsetGridLines?(r=h.zeroLineWidth,s=h.zeroLineColor,c=h.zeroLineBorderDash,f=h.zeroLineBorderDashOffset):(r=l.valueAtIndexOrDefault(h.lineWidth,o),s=l.valueAtIndexOrDefault(h.color,o),c=l.valueOrDefault(h.borderDash,u.borderDash),f=l.valueOrDefault(h.borderDashOffset,u.borderDashOffset));var b,x,y,w,M,S,T,F,O,R,L="middle",z="middle",B=d.padding;if(p){var W=k+B;"bottom"===i.position?(z=g?"middle":"top",L=g?"right":"center",R=e.top+W):(z=g?"middle":"bottom",L=g?"left":"center",R=e.bottom-W);var N=a(e,o,h.offsetGridLines&&v.length>1);N1);H0)n=t.stepSize;else{var o=i.niceNum(e.max-e.min,!1);n=i.niceNum(o/(t.maxTicks-1),!0)}var r=Math.floor(e.min/n)*n,l=Math.ceil(e.max/n)*n;t.min&&t.max&&t.stepSize&&i.almostWhole((t.max-t.min)/t.stepSize,n/1e3)&&(r=t.min,l=t.max);var s=(l-r)/n;s=i.almostEquals(s,Math.round(s),n/1e3)?Math.round(s):Math.ceil(s),a.push(void 0!==t.min?t.min:r);for(var u=1;u3?n[2]-n[1]:n[1]-n[0];Math.abs(a)>1&&t!==Math.floor(t)&&(a=t-Math.floor(t));var o=i.log10(Math.abs(a)),r="";if(0!==t){var l=-1*Math.floor(o);l=Math.max(Math.min(l,20),0),r=t.toFixed(l)}else r="0";return r},logarithmic:function(t,e,n){var a=t/Math.pow(10,Math.floor(i.log10(t)));return 0===t?"0":1===a||2===a||5===a||0===e||e===n.length-1?t.toExponential():""}}}},{45:45}],35:[function(t,e,n){"use strict";var i=t(25),a=t(26),o=t(45);i._set("global",{tooltips:{enabled:!0,custom:null,mode:"nearest",position:"average",intersect:!0,backgroundColor:"rgba(0,0,0,0.8)",titleFontStyle:"bold",titleSpacing:2,titleMarginBottom:6,titleFontColor:"#fff",titleAlign:"left",bodySpacing:2,bodyFontColor:"#fff",bodyAlign:"left",footerFontStyle:"bold",footerSpacing:2,footerMarginTop:6,footerFontColor:"#fff",footerAlign:"left",yPadding:6,xPadding:6,caretPadding:2,caretSize:5,cornerRadius:6,multiKeyBackground:"#fff",displayColors:!0,borderColor:"rgba(0,0,0,0)",borderWidth:0,callbacks:{beforeTitle:o.noop,title:function(t,e){var n="",i=e.labels,a=i?i.length:0;if(t.length>0){var o=t[0];o.xLabel?n=o.xLabel:a>0&&o.indexi.height-e.height&&(r="bottom");var l,s,u,d,c,h=(a.left+a.right)/2,f=(a.top+a.bottom)/2;"center"===r?(l=function(t){return t<=h},s=function(t){return t>h}):(l=function(t){return t<=e.width/2},s=function(t){return t>=i.width-e.width/2}),u=function(t){return t+e.width>i.width},d=function(t){return t-e.width<0},c=function(t){return t<=f?"top":"bottom"},l(n.x)?(o="left",u(n.x)&&(o="center",r=c(n.y))):s(n.x)&&(o="right",d(n.x)&&(o="center",r=c(n.y)));var g=t._options;return{xAlign:g.xAlign?g.xAlign:o,yAlign:g.yAlign?g.yAlign:r}}function d(t,e,n){var i=t.x,a=t.y,o=t.caretSize,r=t.caretPadding,l=t.cornerRadius,s=n.xAlign,u=n.yAlign,d=o+r,c=l+r;return"right"===s?i-=e.width:"center"===s&&(i-=e.width/2),"top"===u?a+=d:a-="bottom"===u?e.height+d:e.height/2,"center"===u?"left"===s?i+=d:"right"===s&&(i-=d):"left"===s?i-=c:"right"===s&&(i+=c),{x:i,y:a}}t.Tooltip=a.extend({initialize:function(){this._model=l(this._options),this._lastActive=[]},getTitle:function(){var t=this,e=t._options.callbacks,i=e.beforeTitle.apply(t,arguments),a=e.title.apply(t,arguments),o=e.afterTitle.apply(t,arguments),r=[];return r=n(r,i),r=n(r,a),r=n(r,o)},getBeforeBody:function(){var t=this._options.callbacks.beforeBody.apply(this,arguments);return o.isArray(t)?t:void 0!==t?[t]:[]},getBody:function(t,e){var i=this,a=i._options.callbacks,r=[];return o.each(t,function(t){var o={before:[],lines:[],after:[]};n(o.before,a.beforeLabel.call(i,t,e)),n(o.lines,a.label.call(i,t,e)),n(o.after,a.afterLabel.call(i,t,e)),r.push(o)}),r},getAfterBody:function(){var t=this._options.callbacks.afterBody.apply(this,arguments);return o.isArray(t)?t:void 0!==t?[t]:[]},getFooter:function(){var t=this,e=t._options.callbacks,i=e.beforeFooter.apply(t,arguments),a=e.footer.apply(t,arguments),o=e.afterFooter.apply(t,arguments),r=[];return r=n(r,i),r=n(r,a),r=n(r,o)},update:function(e){var n,i,a=this,c=a._options,h=a._model,f=a._model=l(c),g=a._active,p=a._data,v={xAlign:h.xAlign,yAlign:h.yAlign},m={x:h.x,y:h.y},b={width:h.width,height:h.height},x={x:h.caretX,y:h.caretY};if(g.length){f.opacity=1;var y=[],k=[];x=t.Tooltip.positioners[c.position].call(a,g,a._eventPosition);var w=[];for(n=0,i=g.length;n0&&i.stroke()},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var n={width:e.width,height:e.height},i={x:e.x,y:e.y},a=Math.abs(e.opacity<.001)?0:e.opacity,o=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;this._options.enabled&&o&&(this.drawBackground(i,e,t,n,a),i.x+=e.xPadding,i.y+=e.yPadding,this.drawTitle(i,e,t,a),this.drawBody(i,e,t,a),this.drawFooter(i,e,t,a))}},handleEvent:function(t){var e=this,n=e._options,i=!1;if(e._lastActive=e._lastActive||[],"mouseout"===t.type?e._active=[]:e._active=e._chart.getElementsAtEventForMode(t,n.mode,n),!(i=!o.arrayEquals(e._active,e._lastActive)))return!1;if(e._lastActive=e._active,n.enabled||n.custom){e._eventPosition={x:t.x,y:t.y};var a=e._model;e.update(!0),e.pivot(),i|=a.x!==e._model.x||a.y!==e._model.y}return i}}),t.Tooltip.positioners={average:function(t){if(!t.length)return!1;var e,n,i=0,a=0,o=0;for(e=0,n=t.length;es;)a-=2*Math.PI;for(;a=l&&a<=s,d=r>=n.innerRadius&&r<=n.outerRadius;return u&&d}return!1},getCenterPoint:function(){var t=this._view,e=(t.startAngle+t.endAngle)/2,n=(t.innerRadius+t.outerRadius)/2;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},getArea:function(){var t=this._view;return Math.PI*((t.endAngle-t.startAngle)/(2*Math.PI))*(Math.pow(t.outerRadius,2)-Math.pow(t.innerRadius,2))},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,n=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},draw:function(){var t=this._chart.ctx,e=this._view,n=e.startAngle,i=e.endAngle;t.beginPath(),t.arc(e.x,e.y,e.outerRadius,n,i),t.arc(e.x,e.y,e.innerRadius,i,n,!0),t.closePath(),t.strokeStyle=e.borderColor,t.lineWidth=e.borderWidth,t.fillStyle=e.backgroundColor,t.fill(),t.lineJoin="bevel",e.borderWidth&&t.stroke()}})},{25:25,26:26,45:45}],37:[function(t,e,n){"use strict";var i=t(25),a=t(26),o=t(45),r=i.global;i._set("global",{elements:{line:{tension:.4,backgroundColor:r.defaultColor,borderWidth:3,borderColor:r.defaultColor,borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",capBezierPoints:!0,fill:!0}}}),e.exports=a.extend({draw:function(){var t,e,n,i,a=this,l=a._view,s=a._chart.ctx,u=l.spanGaps,d=a._children.slice(),c=r.elements.line,h=-1;for(a._loop&&d.length&&d.push(d[0]),s.save(),s.lineCap=l.borderCapStyle||c.borderCapStyle,s.setLineDash&&s.setLineDash(l.borderDash||c.borderDash),s.lineDashOffset=l.borderDashOffset||c.borderDashOffset,s.lineJoin=l.borderJoinStyle||c.borderJoinStyle,s.lineWidth=l.borderWidth||c.borderWidth,s.strokeStyle=l.borderColor||r.defaultColor,s.beginPath(),h=-1,t=0;te?1:-1,r=1,l=u.borderSkipped||"left"):(e=u.x-u.width/2,n=u.x+u.width/2,i=u.y,o=1,r=(a=u.base)>i?1:-1,l=u.borderSkipped||"bottom"),d){var c=Math.min(Math.abs(e-n),Math.abs(i-a)),h=(d=d>c?c:d)/2,f=e+("left"!==l?h*o:0),g=n+("right"!==l?-h*o:0),p=i+("top"!==l?h*r:0),v=a+("bottom"!==l?-h*r:0);f!==g&&(i=p,a=v),p!==v&&(e=f,n=g)}s.beginPath(),s.fillStyle=u.backgroundColor,s.strokeStyle=u.borderColor,s.lineWidth=d;var m=[[e,a],[e,i],[n,i],[n,a]],b=["bottom","left","top","right"].indexOf(l,0);-1===b&&(b=0);var x=t(0);s.moveTo(x[0],x[1]);for(var y=1;y<4;y++)x=t(y),s.lineTo(x[0],x[1]);s.fill(),d&&s.stroke()},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){var n=!1;if(this._view){var i=a(this);n=t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}return n},inLabelRange:function(t,e){var n=this;if(!n._view)return!1;var o=a(n);return i(n)?t>=o.left&&t<=o.right:e>=o.top&&e<=o.bottom},inXRange:function(t){var e=a(this);return t>=e.left&&t<=e.right},inYRange:function(t){var e=a(this);return t>=e.top&&t<=e.bottom},getCenterPoint:function(){var t,e,n=this._view;return i(this)?(t=n.x,e=(n.y+n.base)/2):(t=(n.x+n.base)/2,e=n.y),{x:t,y:e}},getArea:function(){var t=this._view;return t.width*Math.abs(t.y-t.base)},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}})},{25:25,26:26}],40:[function(t,e,n){"use strict";e.exports={},e.exports.Arc=t(36),e.exports.Line=t(37),e.exports.Point=t(38),e.exports.Rectangle=t(39)},{36:36,37:37,38:38,39:39}],41:[function(t,e,n){"use strict";var i=t(42),n=e.exports={clear:function(t){t.ctx.clearRect(0,0,t.width,t.height)},roundedRect:function(t,e,n,i,a,o){if(o){var r=Math.min(o,i/2),l=Math.min(o,a/2);t.moveTo(e+r,n),t.lineTo(e+i-r,n),t.quadraticCurveTo(e+i,n,e+i,n+l),t.lineTo(e+i,n+a-l),t.quadraticCurveTo(e+i,n+a,e+i-r,n+a),t.lineTo(e+r,n+a),t.quadraticCurveTo(e,n+a,e,n+a-l),t.lineTo(e,n+l),t.quadraticCurveTo(e,n,e+r,n)}else t.rect(e,n,i,a)},drawPoint:function(t,e,n,i,a){var o,r,l,s,u,d;if(!e||"object"!=typeof e||"[object HTMLImageElement]"!==(o=e.toString())&&"[object HTMLCanvasElement]"!==o){if(!(isNaN(n)||n<=0)){switch(e){default:t.beginPath(),t.arc(i,a,n,0,2*Math.PI),t.closePath(),t.fill();break;case"triangle":t.beginPath(),u=(r=3*n/Math.sqrt(3))*Math.sqrt(3)/2,t.moveTo(i-r/2,a+u/3),t.lineTo(i+r/2,a+u/3),t.lineTo(i,a-2*u/3),t.closePath(),t.fill();break;case"rect":d=1/Math.SQRT2*n,t.beginPath(),t.fillRect(i-d,a-d,2*d,2*d),t.strokeRect(i-d,a-d,2*d,2*d);break;case"rectRounded":var c=n/Math.SQRT2,h=i-c,f=a-c,g=Math.SQRT2*n;t.beginPath(),this.roundedRect(t,h,f,g,g,n/2),t.closePath(),t.fill();break;case"rectRot":d=1/Math.SQRT2*n,t.beginPath(),t.moveTo(i-d,a),t.lineTo(i,a+d),t.lineTo(i+d,a),t.lineTo(i,a-d),t.closePath(),t.fill();break;case"cross":t.beginPath(),t.moveTo(i,a+n),t.lineTo(i,a-n),t.moveTo(i-n,a),t.lineTo(i+n,a),t.closePath();break;case"crossRot":t.beginPath(),l=Math.cos(Math.PI/4)*n,s=Math.sin(Math.PI/4)*n,t.moveTo(i-l,a-s),t.lineTo(i+l,a+s),t.moveTo(i-l,a+s),t.lineTo(i+l,a-s),t.closePath();break;case"star":t.beginPath(),t.moveTo(i,a+n),t.lineTo(i,a-n),t.moveTo(i-n,a),t.lineTo(i+n,a),l=Math.cos(Math.PI/4)*n,s=Math.sin(Math.PI/4)*n,t.moveTo(i-l,a-s),t.lineTo(i+l,a+s),t.moveTo(i-l,a+s),t.lineTo(i+l,a-s),t.closePath();break;case"line":t.beginPath(),t.moveTo(i-n,a),t.lineTo(i+n,a),t.closePath();break;case"dash":t.beginPath(),t.moveTo(i,a),t.lineTo(i+n,a),t.closePath()}t.stroke()}}else t.drawImage(e,i-e.width/2,a-e.height/2,e.width,e.height)},clipArea:function(t,e){t.save(),t.beginPath(),t.rect(e.left,e.top,e.right-e.left,e.bottom-e.top),t.clip()},unclipArea:function(t){t.restore()},lineTo:function(t,e,n,i){if(n.steppedLine)return"after"===n.steppedLine&&!i||"after"!==n.steppedLine&&i?t.lineTo(e.x,n.y):t.lineTo(n.x,e.y),void t.lineTo(n.x,n.y);n.tension?t.bezierCurveTo(i?e.controlPointPreviousX:e.controlPointNextX,i?e.controlPointPreviousY:e.controlPointNextY,i?n.controlPointNextX:n.controlPointPreviousX,i?n.controlPointNextY:n.controlPointPreviousY,n.x,n.y):t.lineTo(n.x,n.y)}};i.clear=n.clear,i.drawRoundedRectangle=function(t){t.beginPath(),n.roundedRect.apply(n,arguments),t.closePath()}},{42:42}],42:[function(t,e,n){"use strict";var i={noop:function(){},uid:function(){var t=0;return function(){return t++}}(),isNullOrUndef:function(t){return null===t||void 0===t},isArray:Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},isObject:function(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)},valueOrDefault:function(t,e){return void 0===t?e:t},valueAtIndexOrDefault:function(t,e,n){return i.valueOrDefault(i.isArray(t)?t[e]:t,n)},callback:function(t,e,n){if(t&&"function"==typeof t.call)return t.apply(n,e)},each:function(t,e,n,a){var o,r,l;if(i.isArray(t))if(r=t.length,a)for(o=r-1;o>=0;o--)e.call(n,t[o],o);else for(o=0;o=1?t:-(Math.sqrt(1-t*t)-1)},easeOutCirc:function(t){return Math.sqrt(1-(t-=1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),-i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n))},easeOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),i*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/n)+1)},easeInOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:2==(t/=.5)?1:(n||(n=.45),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),t<1?i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*-.5:i*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*.5+1)},easeInBack:function(t){var e=1.70158;return t*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:function(t){return 1-a.easeOutBounce(1-t)},easeOutBounce:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(t){return t<.5?.5*a.easeInBounce(2*t):.5*a.easeOutBounce(2*t-1)+.5}};e.exports={effects:a},i.easingEffects=a},{42:42}],44:[function(t,e,n){"use strict";var i=t(42);e.exports={toLineHeight:function(t,e){var n=(""+t).match(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);if(!n||"normal"===n[1])return 1.2*e;switch(t=+n[2],n[3]){case"px":return t;case"%":t/=100}return e*t},toPadding:function(t){var e,n,a,o;return i.isObject(t)?(e=+t.top||0,n=+t.right||0,a=+t.bottom||0,o=+t.left||0):e=n=a=o=+t||0,{top:e,right:n,bottom:a,left:o,height:e+a,width:o+n}},resolve:function(t,e,n){var a,o,r;for(a=0,o=t.length;a
';var a=e.childNodes[0],r=e.childNodes[1];e._reset=function(){a.scrollLeft=1e6,a.scrollTop=1e6,r.scrollLeft=1e6,r.scrollTop=1e6};var l=function(){e._reset(),t()};return o(a,"scroll",l.bind(a,"expand")),o(r,"scroll",l.bind(r,"shrink")),e}function c(t,e){var n=t[m]||(t[m]={}),i=n.renderProxy=function(t){t.animationName===y&&e()};v.each(k,function(e){o(t,e,i)}),n.reflow=!!t.offsetParent,t.classList.add(x)}function h(t){var e=t[m]||{},n=e.renderProxy;n&&(v.each(k,function(e){r(t,e,n)}),delete e.renderProxy),t.classList.remove(x)}function f(t,e,n){var i=t[m]||(t[m]={}),a=i.resizer=d(u(function(){if(i.resizer)return e(l("resize",n))}));c(t,function(){if(i.resizer){var e=t.parentNode;e&&e!==a.parentNode&&e.insertBefore(a,e.firstChild),a._reset()}})}function g(t){var e=t[m]||{},n=e.resizer;delete e.resizer,h(t),n&&n.parentNode&&n.parentNode.removeChild(n)}function p(t,e){var n=t._style||document.createElement("style");t._style||(t._style=n,e="/* Chart.js */\n"+e,n.setAttribute("type","text/css"),document.getElementsByTagName("head")[0].appendChild(n)),n.appendChild(document.createTextNode(e))}var v=t(45),m="$chartjs",b="chartjs-",x=b+"render-monitor",y=b+"render-animation",k=["animationstart","webkitAnimationStart"],w={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},M=!!function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("e",null,e)}catch(t){}return t}()&&{passive:!0};e.exports={_enabled:"undefined"!=typeof window&&"undefined"!=typeof document,initialize:function(){var t="from{opacity:0.99}to{opacity:1}";p(this,"@-webkit-keyframes "+y+"{"+t+"}@keyframes "+y+"{"+t+"}."+x+"{-webkit-animation:"+y+" 0.001s;animation:"+y+" 0.001s;}")},acquireContext:function(t,e){"string"==typeof t?t=document.getElementById(t):t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas);var n=t&&t.getContext&&t.getContext("2d");return n&&n.canvas===t?(a(t,e),n):null},releaseContext:function(t){var e=t.canvas;if(e[m]){var n=e[m].initial;["height","width"].forEach(function(t){var i=n[t];v.isNullOrUndef(i)?e.removeAttribute(t):e.setAttribute(t,i)}),v.each(n.style||{},function(t,n){e.style[n]=t}),e.width=e.width,delete e[m]}},addEventListener:function(t,e,n){var i=t.canvas;if("resize"!==e){var a=n[m]||(n[m]={});o(i,e,(a.proxies||(a.proxies={}))[t.id+"_"+e]=function(e){n(s(e,t))})}else f(i,n,t)},removeEventListener:function(t,e,n){var i=t.canvas;if("resize"!==e){var a=((n[m]||{}).proxies||{})[t.id+"_"+e];a&&r(i,e,a)}else g(i)}},v.addEvent=o,v.removeEvent=r},{45:45}],48:[function(t,e,n){"use strict";var i=t(45),a=t(46),o=t(47),r=o._enabled?o:a;e.exports=i.extend({initialize:function(){},acquireContext:function(){},releaseContext:function(){},addEventListener:function(){},removeEventListener:function(){}},r)},{45:45,46:46,47:47}],49:[function(t,e,n){"use strict";var i=t(25),a=t(40),o=t(45);i._set("global",{plugins:{filler:{propagate:!0}}}),e.exports=function(){function t(t,e,n){var i,a=t._model||{},o=a.fill;if(void 0===o&&(o=!!a.backgroundColor),!1===o||null===o)return!1;if(!0===o)return"origin";if(i=parseFloat(o,10),isFinite(i)&&Math.floor(i)===i)return"-"!==o[0]&&"+"!==o[0]||(i=e+i),!(i===e||i<0||i>=n)&&i;switch(o){case"bottom":return"start";case"top":return"end";case"zero":return"origin";case"origin":case"start":case"end":return o;default:return!1}}function e(t){var e,n=t.el._model||{},i=t.el._scale||{},a=t.fill,o=null;if(isFinite(a))return null;if("start"===a?o=void 0===n.scaleBottom?i.bottom:n.scaleBottom:"end"===a?o=void 0===n.scaleTop?i.top:n.scaleTop:void 0!==n.scaleZero?o=n.scaleZero:i.getBasePosition?o=i.getBasePosition():i.getBasePixel&&(o=i.getBasePixel()),void 0!==o&&null!==o){if(void 0!==o.x&&void 0!==o.y)return o;if("number"==typeof o&&isFinite(o))return e=i.isHorizontal(),{x:e?o:null,y:e?null:o}}return null}function n(t,e,n){var i,a=t[e].fill,o=[e];if(!n)return a;for(;!1!==a&&-1===o.indexOf(a);){if(!isFinite(a))return a;if(!(i=t[a]))return!1;if(i.visible)return a;o.push(a),a=i.fill}return!1}function r(t){var e=t.fill,n="dataset";return!1===e?null:(isFinite(e)||(n="boundary"),d[n](t))}function l(t){return t&&!t.skip}function s(t,e,n,i,a){var r;if(i&&a){for(t.moveTo(e[0].x,e[0].y),r=1;r0;--r)o.canvas.lineTo(t,n[r],n[r-1],!0)}}function u(t,e,n,i,a,o){var r,u,d,c,h,f,g,p=e.length,v=i.spanGaps,m=[],b=[],x=0,y=0;for(t.beginPath(),r=0,u=p+!!o;r');for(var n=0;n'),t.data.datasets[n].label&&e.push(t.data.datasets[n].label),e.push("");return e.push(""),e.join("")}}),e.exports=function(t){function e(t,e){return t.usePointStyle?e*Math.SQRT2:t.boxWidth}function n(e,n){var i=new t.Legend({ctx:e.ctx,options:n,chart:e});r.configure(e,i,n),r.addBox(e,i),e.legend=i}var r=t.layoutService,l=o.noop;return t.Legend=a.extend({initialize:function(t){o.extend(this,t),this.legendHitBoxes=[],this.doughnutMode=!1},beforeUpdate:l,update:function(t,e,n){var i=this;return i.beforeUpdate(),i.maxWidth=t,i.maxHeight=e,i.margins=n,i.beforeSetDimensions(),i.setDimensions(),i.afterSetDimensions(),i.beforeBuildLabels(),i.buildLabels(),i.afterBuildLabels(),i.beforeFit(),i.fit(),i.afterFit(),i.afterUpdate(),i.minSize},afterUpdate:l,beforeSetDimensions:l,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:l,beforeBuildLabels:l,buildLabels:function(){var t=this,e=t.options.labels||{},n=o.callback(e.generateLabels,[t.chart],t)||[];e.filter&&(n=n.filter(function(n){return e.filter(n,t.chart.data)})),t.options.reverse&&n.reverse(),t.legendItems=n},afterBuildLabels:l,beforeFit:l,fit:function(){var t=this,n=t.options,a=n.labels,r=n.display,l=t.ctx,s=i.global,u=o.valueOrDefault,d=u(a.fontSize,s.defaultFontSize),c=u(a.fontStyle,s.defaultFontStyle),h=u(a.fontFamily,s.defaultFontFamily),f=o.fontString(d,c,h),g=t.legendHitBoxes=[],p=t.minSize,v=t.isHorizontal();if(v?(p.width=t.maxWidth,p.height=r?10:0):(p.width=r?10:0,p.height=t.maxHeight),r)if(l.font=f,v){var m=t.lineWidths=[0],b=t.legendItems.length?d+a.padding:0;l.textAlign="left",l.textBaseline="top",o.each(t.legendItems,function(n,i){var o=e(a,d)+d/2+l.measureText(n.text).width;m[m.length-1]+o+a.padding>=t.width&&(b+=d+a.padding,m[m.length]=t.left),g[i]={left:0,top:0,width:o,height:d},m[m.length-1]+=o+a.padding}),p.height+=b}else{var x=a.padding,y=t.columnWidths=[],k=a.padding,w=0,M=0,S=d+x;o.each(t.legendItems,function(t,n){var i=e(a,d)+d/2+l.measureText(t.text).width;M+S>p.height&&(k+=w+a.padding,y.push(w),w=0,M=0),w=Math.max(w,i),M+=S,g[n]={left:0,top:0,width:i,height:d}}),k+=w,y.push(w),p.width+=k}t.width=p.width,t.height=p.height},afterFit:l,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var t=this,n=t.options,a=n.labels,r=i.global,l=r.elements.line,s=t.width,u=t.lineWidths;if(n.display){var d,c=t.ctx,h=o.valueOrDefault,f=h(a.fontColor,r.defaultFontColor),g=h(a.fontSize,r.defaultFontSize),p=h(a.fontStyle,r.defaultFontStyle),v=h(a.fontFamily,r.defaultFontFamily),m=o.fontString(g,p,v);c.textAlign="left",c.textBaseline="middle",c.lineWidth=.5,c.strokeStyle=f,c.fillStyle=f,c.font=m;var b=e(a,g),x=t.legendHitBoxes,y=function(t,e,i){if(!(isNaN(b)||b<=0)){c.save(),c.fillStyle=h(i.fillStyle,r.defaultColor),c.lineCap=h(i.lineCap,l.borderCapStyle),c.lineDashOffset=h(i.lineDashOffset,l.borderDashOffset),c.lineJoin=h(i.lineJoin,l.borderJoinStyle),c.lineWidth=h(i.lineWidth,l.borderWidth),c.strokeStyle=h(i.strokeStyle,r.defaultColor);var a=0===h(i.lineWidth,l.borderWidth);if(c.setLineDash&&c.setLineDash(h(i.lineDash,l.borderDash)),n.labels&&n.labels.usePointStyle){var s=g*Math.SQRT2/2,u=s/Math.SQRT2,d=t+u,f=e+u;o.canvas.drawPoint(c,i.pointStyle,s,d,f)}else a||c.strokeRect(t,e,b,g),c.fillRect(t,e,b,g);c.restore()}},k=function(t,e,n,i){var a=g/2,o=b+a+t,r=e+a;c.fillText(n.text,o,r),n.hidden&&(c.beginPath(),c.lineWidth=2,c.moveTo(o,r),c.lineTo(o+i,r),c.stroke())},w=t.isHorizontal();d=w?{x:t.left+(s-u[0])/2,y:t.top+a.padding,line:0}:{x:t.left+a.padding,y:t.top+a.padding,line:0};var M=g+a.padding;o.each(t.legendItems,function(e,n){var i=c.measureText(e.text).width,o=b+g/2+i,r=d.x,l=d.y;w?r+o>=s&&(l=d.y+=M,d.line++,r=d.x=t.left+(s-u[d.line])/2):l+M>t.bottom&&(r=d.x=r+t.columnWidths[d.line]+a.padding,l=d.y=t.top+a.padding,d.line++),y(r,l,e),x[n].left=r,x[n].top=l,k(r,l,e,i),w?d.x+=o+a.padding:d.y+=M})}},handleEvent:function(t){var e=this,n=e.options,i="mouseup"===t.type?"click":t.type,a=!1;if("mousemove"===i){if(!n.onHover)return}else{if("click"!==i)return;if(!n.onClick)return}var o=t.x,r=t.y;if(o>=e.left&&o<=e.right&&r>=e.top&&r<=e.bottom)for(var l=e.legendHitBoxes,s=0;s=u.left&&o<=u.left+u.width&&r>=u.top&&r<=u.top+u.height){if("click"===i){n.onClick.call(e,t.native,e.legendItems[s]),a=!0;break}if("mousemove"===i){n.onHover.call(e,t.native,e.legendItems[s]),a=!0;break}}}return a}}),{id:"legend",beforeInit:function(t){var e=t.options.legend;e&&n(t,e)},beforeUpdate:function(t){var e=t.options.legend,a=t.legend;e?(o.mergeIf(e,i.global.legend),a?(r.configure(t,a,e),a.options=e):n(t,e)):a&&(r.removeBox(t,a),delete t.legend)},afterEvent:function(t,e){var n=t.legend;n&&n.handleEvent(e)}}}},{25:25,26:26,45:45}],51:[function(t,e,n){"use strict";var i=t(25),a=t(26),o=t(45);i._set("global",{title:{display:!1,fontStyle:"bold",fullWidth:!0,lineHeight:1.2,padding:10,position:"top",text:"",weight:2e3}}),e.exports=function(t){function e(e,i){var a=new t.Title({ctx:e.ctx,options:i,chart:e});n.configure(e,a,i),n.addBox(e,a),e.titleBlock=a}var n=t.layoutService,r=o.noop;return t.Title=a.extend({initialize:function(t){var e=this;o.extend(e,t),e.legendHitBoxes=[]},beforeUpdate:r,update:function(t,e,n){var i=this;return i.beforeUpdate(),i.maxWidth=t,i.maxHeight=e,i.margins=n,i.beforeSetDimensions(),i.setDimensions(),i.afterSetDimensions(),i.beforeBuildLabels(),i.buildLabels(),i.afterBuildLabels(),i.beforeFit(),i.fit(),i.afterFit(),i.afterUpdate(),i.minSize},afterUpdate:r,beforeSetDimensions:r,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:r,beforeBuildLabels:r,buildLabels:r,afterBuildLabels:r,beforeFit:r,fit:function(){var t=this,e=o.valueOrDefault,n=t.options,a=n.display,r=e(n.fontSize,i.global.defaultFontSize),l=t.minSize,s=o.isArray(n.text)?n.text.length:1,u=o.options.toLineHeight(n.lineHeight,r),d=a?s*u+2*n.padding:0;t.isHorizontal()?(l.width=t.maxWidth,l.height=d):(l.width=d,l.height=t.maxHeight),t.width=l.width,t.height=l.height},afterFit:r,isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},draw:function(){var t=this,e=t.ctx,n=o.valueOrDefault,a=t.options,r=i.global;if(a.display){var l,s,u,d=n(a.fontSize,r.defaultFontSize),c=n(a.fontStyle,r.defaultFontStyle),h=n(a.fontFamily,r.defaultFontFamily),f=o.fontString(d,c,h),g=o.options.toLineHeight(a.lineHeight,d),p=g/2+a.padding,v=0,m=t.top,b=t.left,x=t.bottom,y=t.right;e.fillStyle=n(a.fontColor,r.defaultFontColor),e.font=f,t.isHorizontal()?(s=b+(y-b)/2,u=m+p,l=y-b):(s="left"===a.position?b+p:y-p,u=m+(x-m)/2,l=x-m,v=Math.PI*("left"===a.position?-.5:.5)),e.save(),e.translate(s,u),e.rotate(v),e.textAlign="center",e.textBaseline="middle";var k=a.text;if(o.isArray(k))for(var w=0,M=0;Me.max&&(e.max=i))})});e.min=isFinite(e.min)&&!isNaN(e.min)?e.min:0,e.max=isFinite(e.max)&&!isNaN(e.max)?e.max:1,this.handleTickRangeOptions()},getTickLimit:function(){var t,e=this,n=e.options.ticks;if(e.isHorizontal())t=Math.min(n.maxTicksLimit?n.maxTicksLimit:11,Math.ceil(e.width/50));else{var o=a.valueOrDefault(n.fontSize,i.global.defaultFontSize);t=Math.min(n.maxTicksLimit?n.maxTicksLimit:11,Math.ceil(e.height/(2*o)))}return t},handleDirectionalChanges:function(){this.isHorizontal()||this.ticks.reverse()},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},getPixelForValue:function(t){var e,n=this,i=n.start,a=+n.getRightValue(t),o=n.end-i;return n.isHorizontal()?(e=n.left+n.width/o*(a-i),Math.round(e)):(e=n.bottom-n.height/o*(a-i),Math.round(e))},getValueForPixel:function(t){var e=this,n=e.isHorizontal(),i=n?e.width:e.height,a=(n?t-e.left:e.bottom-t)/i;return e.start+(e.end-e.start)*a},getPixelForTick:function(t){return this.getPixelForValue(this.ticksAsNumbers[t])}});t.scaleService.registerScaleType("linear",n,e)}},{25:25,34:34,45:45}],54:[function(t,e,n){"use strict";var i=t(45),a=t(34);e.exports=function(t){var e=i.noop;t.LinearScaleBase=t.Scale.extend({getRightValue:function(e){return"string"==typeof e?+e:t.Scale.prototype.getRightValue.call(this,e)},handleTickRangeOptions:function(){var t=this,e=t.options.ticks;if(e.beginAtZero){var n=i.sign(t.min),a=i.sign(t.max);n<0&&a<0?t.max=0:n>0&&a>0&&(t.min=0)}var o=void 0!==e.min||void 0!==e.suggestedMin,r=void 0!==e.max||void 0!==e.suggestedMax;void 0!==e.min?t.min=e.min:void 0!==e.suggestedMin&&(null===t.min?t.min=e.suggestedMin:t.min=Math.min(t.min,e.suggestedMin)),void 0!==e.max?t.max=e.max:void 0!==e.suggestedMax&&(null===t.max?t.max=e.suggestedMax:t.max=Math.max(t.max,e.suggestedMax)),o!==r&&t.min>=t.max&&(o?t.max=t.min+1:t.min=t.max-1),t.min===t.max&&(t.max++,e.beginAtZero||t.min--)},getTickLimit:e,handleDirectionalChanges:e,buildTicks:function(){var t=this,e=t.options.ticks,n=t.getTickLimit(),o={maxTicks:n=Math.max(2,n),min:e.min,max:e.max,stepSize:i.valueOrDefault(e.fixedStepSize,e.stepSize)},r=t.ticks=a.generators.linear(o,t);t.handleDirectionalChanges(),t.max=i.max(r),t.min=i.min(r),e.reverse?(r.reverse(),t.start=t.max,t.end=t.min):(t.start=t.min,t.end=t.max)},convertTicksToLabels:function(){var e=this;e.ticksAsNumbers=e.ticks.slice(),e.zeroLineIndex=e.ticks.indexOf(0),t.Scale.prototype.convertTicksToLabels.call(e)}})}},{34:34,45:45}],55:[function(t,e,n){"use strict";var i=t(45),a=t(34);e.exports=function(t){var e={position:"left",ticks:{callback:a.formatters.logarithmic}},n=t.Scale.extend({determineDataLimits:function(){function t(t){return s?t.xAxisID===e.id:t.yAxisID===e.id}var e=this,n=e.options,a=n.ticks,o=e.chart,r=o.data.datasets,l=i.valueOrDefault,s=e.isHorizontal();e.min=null,e.max=null,e.minNotZero=null;var u=n.stacked;if(void 0===u&&i.each(r,function(e,n){if(!u){var i=o.getDatasetMeta(n);o.isDatasetVisible(n)&&t(i)&&void 0!==i.stack&&(u=!0)}}),n.stacked||u){var d={};i.each(r,function(a,r){var l=o.getDatasetMeta(r),s=[l.type,void 0===n.stacked&&void 0===l.stack?r:"",l.stack].join(".");o.isDatasetVisible(r)&&t(l)&&(void 0===d[s]&&(d[s]=[]),i.each(a.data,function(t,i){var a=d[s],o=+e.getRightValue(t);isNaN(o)||l.data[i].hidden||(a[i]=a[i]||0,n.relativePoints?a[i]=100:a[i]+=o)}))}),i.each(d,function(t){var n=i.min(t),a=i.max(t);e.min=null===e.min?n:Math.min(e.min,n),e.max=null===e.max?a:Math.max(e.max,a)})}else i.each(r,function(n,a){var r=o.getDatasetMeta(a);o.isDatasetVisible(a)&&t(r)&&i.each(n.data,function(t,n){var i=+e.getRightValue(t);isNaN(i)||r.data[n].hidden||(null===e.min?e.min=i:ie.max&&(e.max=i),0!==i&&(null===e.minNotZero||ia?{start:e-n-5,end:e}:{start:e,end:e+n+5}}function s(t){var i,o,s,u=n(t),d=Math.min(t.height/2,t.width/2),c={r:t.width,l:0,t:t.height,b:0},h={};t.ctx.font=u.font,t._pointLabelSizes=[];var f=e(t);for(i=0;ic.r&&(c.r=v.end,h.r=g),m.startc.b&&(c.b=m.end,h.b=g)}t.setReductions(d,c,h)}function u(t){var e=Math.min(t.height/2,t.width/2);t.drawingArea=Math.round(e),t.setCenterPoint(0,0,0,0)}function d(t){return 0===t||180===t?"center":t<180?"left":"right"}function c(t,e,n,i){if(a.isArray(e))for(var o=n.y,r=1.5*i,l=0;l270||t<90)&&(n.y-=e.h)}function f(t){var i=t.ctx,o=a.valueOrDefault,r=t.options,l=r.angleLines,s=r.pointLabels;i.lineWidth=l.lineWidth,i.strokeStyle=l.color;var u=t.getDistanceFromCenterForValue(r.ticks.reverse?t.min:t.max),f=n(t);i.textBaseline="top";for(var g=e(t)-1;g>=0;g--){if(l.display){var p=t.getPointPosition(g,u);i.beginPath(),i.moveTo(t.xCenter,t.yCenter),i.lineTo(p.x,p.y),i.stroke(),i.closePath()}if(s.display){var m=t.getPointPosition(g,u+5),b=o(s.fontColor,v.defaultFontColor);i.font=f.font,i.fillStyle=b;var x=t.getIndexAngle(g),y=a.toDegrees(x);i.textAlign=d(y),h(y,t._pointLabelSizes[g],m),c(i,t.pointLabels[g]||"",m,f.size)}}}function g(t,n,i,o){var r=t.ctx;if(r.strokeStyle=a.valueAtIndexOrDefault(n.color,o-1),r.lineWidth=a.valueAtIndexOrDefault(n.lineWidth,o-1),t.options.gridLines.circular)r.beginPath(),r.arc(t.xCenter,t.yCenter,i,0,2*Math.PI),r.closePath(),r.stroke();else{var l=e(t);if(0===l)return;r.beginPath();var s=t.getPointPosition(0,i);r.moveTo(s.x,s.y);for(var u=1;u0&&n>0?e:0)},draw:function(){var t=this,e=t.options,n=e.gridLines,i=e.ticks,o=a.valueOrDefault;if(e.display){var r=t.ctx,l=this.getIndexAngle(0),s=o(i.fontSize,v.defaultFontSize),u=o(i.fontStyle,v.defaultFontStyle),d=o(i.fontFamily,v.defaultFontFamily),c=a.fontString(s,u,d);a.each(t.ticks,function(e,a){if(a>0||i.reverse){var u=t.getDistanceFromCenterForValue(t.ticksAsNumbers[a]);if(n.display&&0!==a&&g(t,n,u,a),i.display){var d=o(i.fontColor,v.defaultFontColor);if(r.font=c,r.save(),r.translate(t.xCenter,t.yCenter),r.rotate(l),i.showLabelBackdrop){var h=r.measureText(e).width;r.fillStyle=i.backdropColor,r.fillRect(-h/2-i.backdropPaddingX,-u-s/2-i.backdropPaddingY,h+2*i.backdropPaddingX,s+2*i.backdropPaddingY)}r.textAlign="center",r.textBaseline="middle",r.fillStyle=d,r.fillText(e,0,-u),r.restore()}}}),(e.angleLines.display||e.pointLabels.display)&&f(t)}}});t.scaleService.registerScaleType("radialLinear",b,m)}},{25:25,34:34,45:45}],57:[function(t,e,n){"use strict";function i(t,e){return t-e}function a(t){var e,n,i,a={},o=[];for(e=0,n=t.length;ee&&l=0&&r<=l;){if(i=r+l>>1,a=t[i-1]||null,o=t[i],!a)return{lo:null,hi:o};if(o[e]n))return{lo:a,hi:o};l=i-1}}return{lo:o,hi:null}}function l(t,e,n,i){var a=r(t,e,n),o=a.lo?a.hi?a.lo:t[t.length-2]:t[0],l=a.lo?a.hi?a.hi:t[t.length-1]:t[1],s=l[e]-o[e],u=s?(n-o[e])/s:0,d=(l[i]-o[i])*u;return o[i]+d}function s(t,e){var n=e.parser,i=e.parser||e.format;return"function"==typeof n?n(t):"string"==typeof t&&"string"==typeof i?m(t,i):(t instanceof m||(t=m(t)),t.isValid()?t:"function"==typeof i?i(t):t)}function u(t,e){if(x.isNullOrUndef(t))return null;var n=e.options.time,i=s(e.getRightValue(t),n);return i.isValid()?(n.round&&i.startOf(n.round),i.valueOf()):null}function d(t,e,n,i){var a,o,r,l=e-t,s=w[n],u=s.size,d=s.steps;if(!d)return Math.ceil(l/((i||1)*u));for(a=0,o=d.length;a=M.indexOf(e);a--)if(o=M[a],w[o].common&&r.as(o)>=t.length)return o;return M[e?M.indexOf(e):0]}function f(t){for(var e=M.indexOf(t)+1,n=M.length;e1?e[1]:i,r=e[0],s=(l(t,"time",o,"pos")-l(t,"time",r,"pos"))/2),a.time.max||(o=e[e.length-1],r=e.length>1?e[e.length-2]:n,u=(l(t,"time",o,"pos")-l(t,"time",r,"pos"))/2)),{left:s,right:u}}function v(t,e){var n,i,a,o,r=[];for(n=0,i=t.length;n=a&&n<=r&&c.push(n);return i.min=a,i.max=r,i._unit=s.unit||h(c,s.minUnit,i.min,i.max),i._majorUnit=f(i._unit),i._table=o(i._timestamps.data,a,r,l.distribution),i._offsets=p(i._table,c,a,r,l),v(c,i._majorUnit)},getLabelForIndex:function(t,e){var n=this,i=n.chart.data,a=n.options.time,o=i.labels&&t=0&&t=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext;function B(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()}var C=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,D=/^.[^:#\[\.,]*$/;function E(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):D.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(E(this,a||[],!1))},not:function(a){return this.pushStack(E(this,a||[],!0))},is:function(a){return!!E(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var F,G=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,H=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||F,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:G.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),C.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};H.prototype=r.fn,F=r(d);var I=/^(?:parents|prev(?:Until|All))/,J={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function K(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return K(a,"nextSibling")},prev:function(a){return K(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return B(a,"iframe")?a.contentDocument:(B(a,"template")&&(a=a.content||a),r.merge([],a.childNodes))}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(J[a]||r.uniqueSort(e),I.test(a)&&e.reverse()),this.pushStack(e)}});var L=/[^\x20\t\r\n\f]+/g;function M(a){var b={};return r.each(a.match(L)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?M(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=e||a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function N(a){return a}function O(a){throw a}function P(a,b,c,d){var e;try{a&&r.isFunction(e=a.promise)?e.call(a).done(b).fail(c):a&&r.isFunction(e=a.then)?e.call(a,b,c):b.apply(void 0,[a].slice(d))}catch(a){c.apply(void 0,[a])}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==O&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:N,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:N)),c[2][3].add(g(0,a,r.isFunction(d)?d:O))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(P(a,g.done(h(c)).resolve,g.reject,!b),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)P(e[c],h(c),g.reject);return g.promise()}});var Q=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&Q.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var R=r.Deferred();r.fn.ready=function(a){return R.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||R.resolveWith(d,[r]))}}),r.ready.then=R.then;function S(){d.removeEventListener("DOMContentLoaded",S), a.removeEventListener("load",S),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",S),a.addEventListener("load",S));var T=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)T(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){X.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=W.get(a,b),c&&(!d||Array.isArray(c)?d=W.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return W.get(a,c)||W.access(a,c,{empty:r.Callbacks("once memory").add(function(){W.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,la=/^$|\/(?:java|ecma)script/i,ma={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ma.optgroup=ma.option,ma.tbody=ma.tfoot=ma.colgroup=ma.caption=ma.thead,ma.th=ma.td;function na(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&B(a,b)?r.merge([a],c):c}function oa(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=na(l.appendChild(f),"script"),j&&oa(g),c){k=0;while(f=g[k++])la.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var ra=d.documentElement,sa=/^key/,ta=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ua=/^([^.]*)(?:\.(.+)|)/;function va(){return!0}function wa(){return!1}function xa(){try{return d.activeElement}catch(a){}}function ya(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ya(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=wa;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(ra,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(L)||[""],j=b.length;while(j--)h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.hasData(a)&&W.get(a);if(q&&(i=q.events)){b=(b||"").match(L)||[""],j=b.length;while(j--)if(h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&W.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(W.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,Aa=/\s*$/g;function Ea(a,b){return B(a,"table")&&B(11!==b.nodeType?b:b.firstChild,"tr")?r(">tbody",a)[0]||a:a}function Fa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function Ga(a){var b=Ca.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ha(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(W.hasData(a)&&(f=W.access(a),g=W.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;c1&&"string"==typeof q&&!o.checkClone&&Ba.test(q))return a.each(function(e){var f=a.eq(e);s&&(b[0]=q.call(this,e,f.html())),Ja(f,b,c,d)});if(m&&(e=qa(b,a[0].ownerDocument,!1,a,d),f=e.firstChild,1===e.childNodes.length&&(e=f),f||d)){for(h=r.map(na(e,"script"),Fa),i=h.length;l")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=r.contains(a.ownerDocument,a);if(!(o.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||r.isXMLDoc(a)))for(g=na(h),f=na(a),d=0,e=f.length;d0&&oa(g,!i&&na(a,"script")),h},cleanData:function(a){for(var b,c,d,e=r.event.special,f=0;void 0!==(c=a[f]);f++)if(U(c)){if(b=c[W.expando]){if(b.events)for(d in b.events)e[d]?r.event.remove(c,d):r.removeEvent(c,d,b.handle);c[W.expando]=void 0}c[X.expando]&&(c[X.expando]=void 0)}}}),r.fn.extend({detach:function(a){return Ka(this,a,!0)},remove:function(a){return Ka(this,a)},text:function(a){return T(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return Ja(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ea(this,a);b.appendChild(a)}})},prepend:function(){return Ja(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ea(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return Ja(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return Ja(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(r.cleanData(na(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null!=a&&a,b=null==b?a:b,this.map(function(){return r.clone(this,a,b)})},html:function(a){return T(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!Aa.test(a)&&!ma[(ka.exec(a)||["",""])[1].toLowerCase()]){a=r.htmlPrefilter(a);try{for(;c1)}});function _a(a,b,c,d,e){return new _a.prototype.init(a,b,c,d,e)}r.Tween=_a,_a.prototype={constructor:_a,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||r.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(r.cssNumber[c]?"":"px")},cur:function(){var a=_a.propHooks[this.prop];return a&&a.get?a.get(this):_a.propHooks._default.get(this)},run:function(a){var b,c=_a.propHooks[this.prop];return this.options.duration?this.pos=b=r.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):_a.propHooks._default.set(this),this}},_a.prototype.init.prototype=_a.prototype,_a.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=r.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){r.fx.step[a.prop]?r.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[r.cssProps[a.prop]]&&!r.cssHooks[a.prop]?a.elem[a.prop]=a.now:r.style(a.elem,a.prop,a.now+a.unit)}}},_a.propHooks.scrollTop=_a.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},r.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},r.fx=_a.prototype.init,r.fx.step={};var ab,bb,cb=/^(?:toggle|show|hide)$/,db=/queueHooks$/;function eb(){bb&&(d.hidden===!1&&a.requestAnimationFrame?a.requestAnimationFrame(eb):a.setTimeout(eb,r.fx.interval),r.fx.tick())}function fb(){return a.setTimeout(function(){ab=void 0}),ab=r.now()}function gb(a,b){var c,d=0,e={height:a};for(b=b?1:0;d<4;d+=2-b)c=ca[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function hb(a,b,c){for(var d,e=(kb.tweeners[b]||[]).concat(kb.tweeners["*"]),f=0,g=e.length;f1)},removeAttr:function(a){return this.each(function(){r.removeAttr(this,a)})}}),r.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?r.prop(a,b,c):(1===f&&r.isXMLDoc(a)||(e=r.attrHooks[b.toLowerCase()]||(r.expr.match.bool.test(b)?lb:void 0)),void 0!==c?null===c?void r.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=r.find.attr(a,b), null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!o.radioValue&&"radio"===b&&B(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d=0,e=b&&b.match(L);if(e&&1===a.nodeType)while(c=e[d++])a.removeAttribute(c)}}),lb={set:function(a,b,c){return b===!1?r.removeAttr(a,c):a.setAttribute(c,c),c}},r.each(r.expr.match.bool.source.match(/\w+/g),function(a,b){var c=mb[b]||r.find.attr;mb[b]=function(a,b,d){var e,f,g=b.toLowerCase();return d||(f=mb[g],mb[g]=e,e=null!=c(a,b,d)?g:null,mb[g]=f),e}});var nb=/^(?:input|select|textarea|button)$/i,ob=/^(?:a|area)$/i;r.fn.extend({prop:function(a,b){return T(this,r.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[r.propFix[a]||a]})}}),r.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&r.isXMLDoc(a)||(b=r.propFix[b]||b,e=r.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=r.find.attr(a,"tabindex");return b?parseInt(b,10):nb.test(a.nodeName)||ob.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),o.optSelected||(r.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),r.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){r.propFix[this.toLowerCase()]=this});function pb(a){var b=a.match(L)||[];return b.join(" ")}function qb(a){return a.getAttribute&&a.getAttribute("class")||""}r.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).addClass(a.call(this,b,qb(this)))});if("string"==typeof a&&a){b=a.match(L)||[];while(c=this[i++])if(e=qb(c),d=1===c.nodeType&&" "+pb(e)+" "){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=pb(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).removeClass(a.call(this,b,qb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(L)||[];while(c=this[i++])if(e=qb(c),d=1===c.nodeType&&" "+pb(e)+" "){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=pb(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):r.isFunction(a)?this.each(function(c){r(this).toggleClass(a.call(this,c,qb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=r(this),f=a.match(L)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=qb(this),b&&W.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":W.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+pb(qb(c))+" ").indexOf(b)>-1)return!0;return!1}});var rb=/\r/g;r.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=r.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,r(this).val()):a,null==e?e="":"number"==typeof e?e+="":Array.isArray(e)&&(e=r.map(e,function(a){return null==a?"":a+""})),b=r.valHooks[this.type]||r.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=r.valHooks[e.type]||r.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(rb,""):null==c?"":c)}}}),r.extend({valHooks:{option:{get:function(a){var b=r.find.attr(a,"value");return null!=b?b:pb(r.text(a))}},select:{get:function(a){var b,c,d,e=a.options,f=a.selectedIndex,g="select-one"===a.type,h=g?null:[],i=g?f+1:e.length;for(d=f<0?i:g?f:0;d-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),r.each(["radio","checkbox"],function(){r.valHooks[this]={set:function(a,b){if(Array.isArray(b))return a.checked=r.inArray(r(a).val(),b)>-1}},o.checkOn||(r.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var sb=/^(?:focusinfocus|focusoutblur)$/;r.extend(r.event,{trigger:function(b,c,e,f){var g,h,i,j,k,m,n,o=[e||d],p=l.call(b,"type")?b.type:b,q=l.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!sb.test(p+r.event.triggered)&&(p.indexOf(".")>-1&&(q=p.split("."),p=q.shift(),q.sort()),k=p.indexOf(":")<0&&"on"+p,b=b[r.expando]?b:new r.Event(p,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=q.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:r.makeArray(c,[b]),n=r.event.special[p]||{},f||!n.trigger||n.trigger.apply(e,c)!==!1)){if(!f&&!n.noBubble&&!r.isWindow(e)){for(j=n.delegateType||p,sb.test(j+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),i=h;i===(e.ownerDocument||d)&&o.push(i.defaultView||i.parentWindow||a)}g=0;while((h=o[g++])&&!b.isPropagationStopped())b.type=g>1?j:n.bindType||p,m=(W.get(h,"events")||{})[b.type]&&W.get(h,"handle"),m&&m.apply(h,c),m=k&&h[k],m&&m.apply&&U(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=p,f||b.isDefaultPrevented()||n._default&&n._default.apply(o.pop(),c)!==!1||!U(e)||k&&r.isFunction(e[p])&&!r.isWindow(e)&&(i=e[k],i&&(e[k]=null),r.event.triggered=p,e[p](),r.event.triggered=void 0,i&&(e[k]=i)),b.result}},simulate:function(a,b,c){var d=r.extend(new r.Event,c,{type:a,isSimulated:!0});r.event.trigger(d,null,b)}}),r.fn.extend({trigger:function(a,b){return this.each(function(){r.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];if(c)return r.event.trigger(a,b,c,!0)}}),r.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(a,b){r.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),r.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),o.focusin="onfocusin"in a,o.focusin||r.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){r.event.simulate(b,a.target,r.event.fix(a))};r.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=W.access(d,b);e||d.addEventListener(a,c,!0),W.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=W.access(d,b)-1;e?W.access(d,b,e):(d.removeEventListener(a,c,!0),W.remove(d,b))}}});var tb=a.location,ub=r.now(),vb=/\?/;r.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||r.error("Invalid XML: "+b),c};var wb=/\[\]$/,xb=/\r?\n/g,yb=/^(?:submit|button|image|reset|file)$/i,zb=/^(?:input|select|textarea|keygen)/i;function Ab(a,b,c,d){var e;if(Array.isArray(b))r.each(b,function(b,e){c||wb.test(a)?d(a,e):Ab(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==r.type(b))d(a,b);else for(e in b)Ab(a+"["+e+"]",b[e],c,d)}r.param=function(a,b){var c,d=[],e=function(a,b){var c=r.isFunction(b)?b():b;d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(null==c?"":c)};if(Array.isArray(a)||a.jquery&&!r.isPlainObject(a))r.each(a,function(){e(this.name,this.value)});else for(c in a)Ab(c,a[c],b,e);return d.join("&")},r.fn.extend({serialize:function(){return r.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=r.prop(this,"elements");return a?r.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!r(this).is(":disabled")&&zb.test(this.nodeName)&&!yb.test(a)&&(this.checked||!ja.test(a))}).map(function(a,b){var c=r(this).val();return null==c?null:Array.isArray(c)?r.map(c,function(a){return{name:b.name,value:a.replace(xb,"\r\n")}}):{name:b.name,value:c.replace(xb,"\r\n")}}).get()}});var Bb=/%20/g,Cb=/#.*$/,Db=/([?&])_=[^&]*/,Eb=/^(.*?):[ \t]*([^\r\n]*)$/gm,Fb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Gb=/^(?:GET|HEAD)$/,Hb=/^\/\//,Ib={},Jb={},Kb="*/".concat("*"),Lb=d.createElement("a");Lb.href=tb.href;function Mb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(L)||[];if(r.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Nb(a,b,c,d){var e={},f=a===Jb;function g(h){var i;return e[h]=!0,r.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Ob(a,b){var c,d,e=r.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&r.extend(!0,a,d),a}function Pb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}if(f)return f!==i[0]&&i.unshift(f),c[f]}function Qb(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}r.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:tb.href,type:"GET",isLocal:Fb.test(tb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Kb,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":r.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Ob(Ob(a,r.ajaxSettings),b):Ob(r.ajaxSettings,a)},ajaxPrefilter:Mb(Ib),ajaxTransport:Mb(Jb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m,n,o=r.ajaxSetup({},c),p=o.context||o,q=o.context&&(p.nodeType||p.jquery)?r(p):r.event,s=r.Deferred(),t=r.Callbacks("once memory"),u=o.statusCode||{},v={},w={},x="canceled",y={readyState:0,getResponseHeader:function(a){var b;if(k){if(!h){h={};while(b=Eb.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return k?g:null},setRequestHeader:function(a,b){return null==k&&(a=w[a.toLowerCase()]=w[a.toLowerCase()]||a,v[a]=b),this},overrideMimeType:function(a){return null==k&&(o.mimeType=a),this},statusCode:function(a){var b;if(a)if(k)y.always(a[y.status]);else for(b in a)u[b]=[u[b],a[b]];return this},abort:function(a){var b=a||x;return e&&e.abort(b),A(0,b),this}};if(s.promise(y),o.url=((b||o.url||tb.href)+"").replace(Hb,tb.protocol+"//"),o.type=c.method||c.type||o.method||o.type,o.dataTypes=(o.dataType||"*").toLowerCase().match(L)||[""],null==o.crossDomain){j=d.createElement("a");try{j.href=o.url,j.href=j.href,o.crossDomain=Lb.protocol+"//"+Lb.host!=j.protocol+"//"+j.host}catch(z){o.crossDomain=!0}}if(o.data&&o.processData&&"string"!=typeof o.data&&(o.data=r.param(o.data,o.traditional)),Nb(Ib,o,c,y),k)return y;l=r.event&&o.global,l&&0===r.active++&&r.event.trigger("ajaxStart"),o.type=o.type.toUpperCase(),o.hasContent=!Gb.test(o.type),f=o.url.replace(Cb,""),o.hasContent?o.data&&o.processData&&0===(o.contentType||"").indexOf("application/x-www-form-urlencoded")&&(o.data=o.data.replace(Bb,"+")):(n=o.url.slice(f.length),o.data&&(f+=(vb.test(f)?"&":"?")+o.data,delete o.data),o.cache===!1&&(f=f.replace(Db,"$1"),n=(vb.test(f)?"&":"?")+"_="+ub++ +n),o.url=f+n),o.ifModified&&(r.lastModified[f]&&y.setRequestHeader("If-Modified-Since",r.lastModified[f]),r.etag[f]&&y.setRequestHeader("If-None-Match",r.etag[f])),(o.data&&o.hasContent&&o.contentType!==!1||c.contentType)&&y.setRequestHeader("Content-Type",o.contentType),y.setRequestHeader("Accept",o.dataTypes[0]&&o.accepts[o.dataTypes[0]]?o.accepts[o.dataTypes[0]]+("*"!==o.dataTypes[0]?", "+Kb+"; q=0.01":""):o.accepts["*"]);for(m in o.headers)y.setRequestHeader(m,o.headers[m]);if(o.beforeSend&&(o.beforeSend.call(p,y,o)===!1||k))return y.abort();if(x="abort",t.add(o.complete),y.done(o.success),y.fail(o.error),e=Nb(Jb,o,c,y)){if(y.readyState=1,l&&q.trigger("ajaxSend",[y,o]),k)return y;o.async&&o.timeout>0&&(i=a.setTimeout(function(){y.abort("timeout")},o.timeout));try{k=!1,e.send(v,A)}catch(z){if(k)throw z;A(-1,z)}}else A(-1,"No Transport");function A(b,c,d,h){var j,m,n,v,w,x=c;k||(k=!0,i&&a.clearTimeout(i),e=void 0,g=h||"",y.readyState=b>0?4:0,j=b>=200&&b<300||304===b,d&&(v=Pb(o,y,d)),v=Qb(o,v,y,j),j?(o.ifModified&&(w=y.getResponseHeader("Last-Modified"),w&&(r.lastModified[f]=w),w=y.getResponseHeader("etag"),w&&(r.etag[f]=w)),204===b||"HEAD"===o.type?x="nocontent":304===b?x="notmodified":(x=v.state,m=v.data,n=v.error,j=!n)):(n=x,!b&&x||(x="error",b<0&&(b=0))),y.status=b,y.statusText=(c||x)+"",j?s.resolveWith(p,[m,x,y]):s.rejectWith(p,[y,x,n]),y.statusCode(u),u=void 0,l&&q.trigger(j?"ajaxSuccess":"ajaxError",[y,o,j?m:n]),t.fireWith(p,[y,x]),l&&(q.trigger("ajaxComplete",[y,o]),--r.active||r.event.trigger("ajaxStop")))}return y},getJSON:function(a,b,c){return r.get(a,b,c,"json")},getScript:function(a,b){return r.get(a,void 0,b,"script")}}),r.each(["get","post"],function(a,b){r[b]=function(a,c,d,e){return r.isFunction(c)&&(e=e||d,d=c,c=void 0),r.ajax(r.extend({url:a,type:b,dataType:e,data:c,success:d},r.isPlainObject(a)&&a))}}),r._evalUrl=function(a){return r.ajax({url:a,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},r.fn.extend({wrapAll:function(a){var b;return this[0]&&(r.isFunction(a)&&(a=a.call(this[0])),b=r(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this},wrapInner:function(a){return r.isFunction(a)?this.each(function(b){r(this).wrapInner(a.call(this,b))}):this.each(function(){var b=r(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=r.isFunction(a);return this.each(function(c){r(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(a){return this.parent(a).not("body").each(function(){r(this).replaceWith(this.childNodes)}),this}}),r.expr.pseudos.hidden=function(a){return!r.expr.pseudos.visible(a)},r.expr.pseudos.visible=function(a){return!!(a.offsetWidth||a.offsetHeight||a.getClientRects().length)},r.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Rb={0:200,1223:204},Sb=r.ajaxSettings.xhr();o.cors=!!Sb&&"withCredentials"in Sb,o.ajax=Sb=!!Sb,r.ajaxTransport(function(b){var c,d;if(o.cors||Sb&&!b.crossDomain)return{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Rb[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}}),r.ajaxPrefilter(function(a){a.crossDomain&&(a.contents.script=!1)}),r.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return r.globalEval(a),a}}}),r.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),r.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=r(" ================================================ FILE: src/Resource/js/mekaeils-package/layout/MainNavbar.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/layout/MobileMenu.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/main.js ================================================ // ========================================================= // * Vue Material Kit - v1.2.0 // ========================================================= // // * Product Page: https://www.creative-tim.com/product/vue-material-kit // * Copyright 2019 Creative Tim (https://www.creative-tim.com) // * Licensed under MIT (https://github.com/creativetimofficial/vue-material-kit/blob/master/LICENSE.md) // // * Coded by Creative Tim // // ========================================================= // // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. import Vue from "vue"; import Router from "./router"; import MaterialKit from "./plugins/material-kit"; Vue.use(MaterialKit); Vue.config.productionTip = false; const NavbarStore = { showNavbar: false }; Vue.mixin({ data() { return { NavbarStore }; } }); const app = new Vue({ router: Router }).$mount('#app') ================================================ FILE: src/Resource/js/mekaeils-package/plugins/globalComponents.js ================================================ import { DropDown } from "../views/components/Widgets"; import { Parallax } from "../views/components/Widgets"; import { VPopover } from "v-tooltip"; /** * You can register global components here and use them as a plugin in your main Vue instance */ const GlobalComponents = { install(Vue) { Vue.component("drop-down", DropDown); Vue.component(Parallax.name, Parallax); Vue.component("v-popover", VPopover); } }; export default GlobalComponents; ================================================ FILE: src/Resource/js/mekaeils-package/plugins/globalDirectives.js ================================================ import { directive as vClickOutside } from "vue-clickaway"; /** * You can register global components here and use them as a plugin in your main Vue instance */ const GlobalDirectives = { install(Vue) { Vue.directive("click-outside", vClickOutside); } }; export default GlobalDirectives; ================================================ FILE: src/Resource/js/mekaeils-package/plugins/globalMixins.js ================================================ /** * You can register global mixins here */ const GlobalMixins = { install(Vue) { Vue.mixin({ mounted() { let { bodyClass } = this.$options; if (bodyClass) { document.body.classList.add(bodyClass); } }, beforeDestroy() { let { bodyClass } = this.$options; if (bodyClass) { document.body.classList.remove(bodyClass); } } }); } }; export default GlobalMixins; ================================================ FILE: src/Resource/js/mekaeils-package/plugins/material-kit.js ================================================ import VueMaterial from "vue-material"; import "vue-material/dist/vue-material.min.css"; import "../assets/scss/material-kit.scss"; import "../assets/demo.css"; import globalDirectives from "./globalDirectives"; import globalMixins from "./globalMixins"; import globalComponents from "./globalComponents"; import VueLazyload from "vue-lazyload"; import VueCarousel from "vue-carousel"; export default { install(Vue) { Vue.use(VueMaterial); Vue.use(globalDirectives); Vue.use(globalMixins); Vue.use(globalComponents); Vue.use(VueCarousel); Vue.use(VueLazyload, { observer: true, // optional observerOptions: { rootMargin: "0px", threshold: 0.1 } }); } }; ================================================ FILE: src/Resource/js/mekaeils-package/router.js ================================================ import Vue from "vue"; import Router from "vue-router"; import MaterialKit from "./views/Index.vue"; import Index from "./views/App.vue"; import Landing from "./views/Landing.vue"; import Login from "./views/Login.vue"; import Register from "./views/Register.vue"; import Profile from "./views/Profile.vue"; import MainNavbar from "./layout/MainNavbar.vue"; import MainFooter from "./layout/MainFooter.vue"; Vue.use(Router); // 2. Define some routes const routes = [ { path: "/", name: "index", components: { default: Index, header: MainNavbar, footer: MainFooter }, props: { header: { colorOnScroll: 400 }, footer: { backgroundColor: "black" } } }, { path: "/material-kit", name: "materialKit", components: { default: MaterialKit, header: MainNavbar, footer: MainFooter }, props: { header: { colorOnScroll: 400 }, footer: { backgroundColor: "black" } } }, { path: "/landing", name: "landing", components: { default: Landing, header: MainNavbar, footer: MainFooter }, props: { header: { colorOnScroll: 400 }, footer: { backgroundColor: "black" } } }, { path: "/users/login", name: "login", components: { default: Login, header: MainNavbar, footer: MainFooter }, props: { header: { colorOnScroll: 400 } } }, { path: "/users/register", name: "register", components: { default: Register, header: MainNavbar, footer: MainFooter }, }, { path: "/profile", name: "profile", components: { default: Profile, header: MainNavbar, footer: MainFooter }, props: { header: { colorOnScroll: 400 }, footer: { backgroundColor: "black" } } } ]; // 3. Create the router instance and pass the `routes` option export default new Router({ routes : routes, scrollBehavior: to => { if (to.hash) { return { selector: to.hash }; } else { return { x: 0, y: 0 }; } } }); ================================================ FILE: src/Resource/js/mekaeils-package/views/App.vue ================================================  ================================================ FILE: src/Resource/js/mekaeils-package/views/Index.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/Landing.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/Login.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/Profile.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/Register.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/BasicElementsSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/JavascriptComponentsSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/LaravelUserManagement.vue ================================================  ================================================ FILE: src/Resource/js/mekaeils-package/views/components/NavPillsSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/NavigationSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/NotificationsSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/SmallNavigationSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/TabsSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/TypographyImagesSection.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Badge.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Dropdown.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Modal.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Pagination.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Parallax.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/Tabs.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/cards/LoginCard.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/cards/NavTabsCard.vue ================================================ ================================================ FILE: src/Resource/js/mekaeils-package/views/components/Widgets/index.js ================================================ import DropDown from "./Dropdown.vue"; import Parallax from "./Parallax.vue"; import Pagination from "./Pagination.vue"; import Badge from "./Badge.vue"; import NavTabsCard from "./cards/NavTabsCard.vue"; import LoginCard from "./cards/LoginCard.vue"; import Tabs from "./Tabs.vue"; import Modal from "./Modal.vue"; export { DropDown, Parallax, Pagination, Badge, NavTabsCard, LoginCard, Tabs, Modal }; ================================================ FILE: src/Resource/lang/en/trans.php ================================================  'Forgot password?', 'do_you_have_account' => 'Don\'t have an account?', 'create' => 'Create', 'keep_me_signin' => 'Keep me signed in', 'sign_in' => 'SIGN IN', 'sign_in_to_continue' => 'Sign in to continue.', 'get_start' => 'Hello! let\'s get started', 'new_here' => 'New here?', 'sign_up_title' => 'Signing up is easy. It only takes a few steps', 'login' => 'Login', 'have_account' => 'Already have an account?', 'sign_up' => 'SIGN UP', 'your_account_does_not_activated' => 'Your account does not activated!', 'username_or_password_wrong' => 'Your username or password is wrong!', 'something_is_wrong' => 'Something is wrong!', 'default_role_does_not_exist' => 'Ooops! Default role does not exist!', 'account_created_successfully' => 'Your account created successfully!', /// FORM PLACEHOLDERS TEXT 'placeholders' => [ 'password' => 'Password', 'confirm_password' => 'Password Confirmation', 'username' => 'Your Email', 'first_name' => 'First Name', 'last_name' => 'Last Name', ] ]; ================================================ FILE: src/Resource/views/mekaeils-package/layouts/alert.blade.php ================================================ @if($errors->any())
    @foreach ($errors->all() as $error)
  • {{ $error }}
    • @endforeach
@endif @if (\Session::has("message"))
{!! \Session::get("message")['text'] !!}
@endif ================================================ FILE: src/Resource/views/mekaeils-package/layouts/breadcrumb.blade.php ================================================

{{ isset($pageTitle) ? $pageTitle : '' }}

================================================ FILE: src/Resource/views/mekaeils-package/layouts/footer.blade.php ================================================ @yield('footer') ================================================ FILE: src/Resource/views/mekaeils-package/layouts/header.blade.php ================================================ Laravel User Management @yield('header') ================================================ FILE: src/Resource/views/mekaeils-package/layouts/side-nav.blade.php ================================================ ================================================ FILE: src/Resource/views/mekaeils-package/layouts/top-nav.blade.php ================================================ ================================================ FILE: src/Resource/views/mekaeils-package/master.blade.php ================================================ @include('mekaeils-package.layouts.header')
@include('mekaeils-package.layouts.top-nav')
@include('mekaeils-package.layouts.side-nav')
@yield('breadcrumb') @include('mekaeils-package.layouts.alert') @yield('content')
@include('mekaeils-package.layouts.footer') ================================================ FILE: src/Resource/views/mekaeils-package/vue/master.blade.php ================================================ Laravel User Management | Vue.js
================================================ FILE: src/Resource/views/user-management/auth/layouts/footer.blade.php ================================================  @yield('footer') ================================================ FILE: src/Resource/views/user-management/auth/layouts/header.blade.php ================================================  Authentication | {{ env('APP_NAME') }} @yield('header')
@include('mekaeils-package.layouts.alert')


================================================ FILE: src/Resource/views/user-management/auth/login.blade.php ================================================ @extends('user-management.auth.master') @section('header') @parent @endsection @section('content')

{{ __('trans.get_start') }}

{{ __('trans.sign_in_to_continue') }}
{{ csrf_field() }}
{{-- {{ __('trans.Forgot_password') }} --}}
{{ __('trans.do_you_have_account') }} {{__('trans.create') }}
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/auth/master.blade.php ================================================ @include('user-management/auth/layouts/header') @yield('content') @include('user-management/auth/layouts/footer') ================================================ FILE: src/Resource/views/user-management/auth/register.blade.php ================================================ @extends('user-management.auth.master') @section('header') @parent @endsection @section('content')

{{ __('trans.new_here') }}

{{ __('trans.sign_up_title') }}
{{ csrf_field() }}
{{ __('trans.have_account') }} {{ __('trans.login') }}
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/department/create.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Create Department', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.department.index', 'name' => 'Departments', ], [ 'link' => '#', 'name' => 'New Department', ] ] ]) @endsection @section('content')
{{--

Create new permission

--}}
{!! csrf_field() !!}
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/department/edit.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Edit Department: '. $department->title, 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.department.index', 'name' => 'Departments', ], [ 'link' => '#', 'name' => 'Edit Department', ] ] ]) @endsection @section('content')
{{--

Create new permission

--}}
@method('PUT') {!! csrf_field() !!}
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/department/index.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Departments', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => '#', 'name' => 'Departments', ] ] ]) @endsection @section('content')
new department

List of the departments

@foreach ($departments as $item) @endforeach
# Title Parent Actions
{{ $item->id }} {{ $item->title }} {{ $item->parent ? $item->parent->title : '----' }} Edit
@method('DELETE') {{ csrf_field() }}
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/master.blade.php ================================================ @include('mekaeils-package.layouts.header')
@include('mekaeils-package.layouts.top-nav')
@include('user-management.side-nav')
@yield('breadcrumb') @include('mekaeils-package.layouts.alert') @yield('content')
@include('mekaeils-package.layouts.footer') ================================================ FILE: src/Resource/views/user-management/permission/create.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Create New Permission', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.permission.index', 'name' => 'Permission', ], [ 'link' => '#', 'name' => 'New permission', ] ] ]) @endsection @section('content')
{{--

Create new permission

--}}
{!! csrf_field() !!}
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/permission/edit.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Edit Permission', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.permission.index', 'name' => 'Permissions', ], [ 'link' => '#', 'name' => 'Edit permission', ] ] ]) @endsection @section('content')
{{--

Create new permission

--}}
{{ method_field('PUT') }} {!! csrf_field() !!}
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/permission/index.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Permissions', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => '#', 'name' => 'Permissions', ] ] ]) @endsection @section('content')
new permission

List of the permissions

@foreach ($permissions as $item) @endforeach
# Permission Name Title Guard name description Action
{{ $item->id }} {{ $item->name }} {{ $item->title ??'--' }} {{ $item->guard_name }} {{ $item->description }} Edit
@method('DELETE') {{ csrf_field() }}
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/role/create.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Create Role', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.role.index', 'name' => 'Roles', ], [ 'link' => '#', 'name' => 'New role', ] ] ]) @endsection @section('content')
{!! csrf_field() !!}

Permissions

@forelse ($permissions as $item)
@empty ---- @endforelse
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/role/edit.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Create Role', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.role.index', 'name' => 'Roles', ], [ 'link' => '#', 'name' => 'Edit role' . $role->title, ] ] ]) @endsection @section('content')
@method('PUT') {!! csrf_field() !!}

Permissions

@forelse ($permissions as $item)
@empty ---- @endforelse
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/role/index.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Roles', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => '#', 'name' => 'Roles', ] ] ]) @endsection @section('content')
new role

List of roles

@foreach ($roles as $item) @endforeach
# Role Name Title guard name description Actions
{{ $item->id }} {{ $item->name }} {{ $item->title }} {{ $item->guard_name }} {{ $item->description }} Edit
@method('DELETE') {{ csrf_field() }}
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/side-nav.blade.php ================================================ ================================================ FILE: src/Resource/views/user-management/user/create.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Create User', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.user.index', 'name' => 'Users', ], [ 'link' => '#', 'name' => 'New user', ] ] ]) @endsection @section('content')
{!! csrf_field() !!}

Roles

@forelse ($roles as $item)
@empty ---- @endforelse
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/user/edit.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Edit User ' . $user->first_name . " " . $user->last_name, 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => 'admin.user_management.user.index', 'name' => 'Users', ], [ 'link' => '#', 'name' => 'Edit user', ] ] ]) @endsection @section('content')
@method('PUT') {!! csrf_field() !!}

Roles

@forelse ($roles as $item)
@empty ---- @endforelse
Cancel
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Resource/views/user-management/user/index.blade.php ================================================ @extends('user-management.master') @section('header') @parent @endsection @section('breadcrumb') @include('mekaeils-package.layouts.breadcrumb',[ 'pageTitle' => 'Users', 'lists' => [ [ 'link' => '#', 'name' => 'User Management', ], [ 'link' => '#', 'name' => 'Users', ] ] ]) @endsection @section('content')
new user

List of users

@foreach ($users as $item) @endforeach
# Full Name Email Mobile Status Register Date Roles Departments Actions
{{ $item->id }} {{ $item->first_name . ' ' . $item->last_name }} {{ $item->email }} {{ $item->mobile }} {{ $item->status }} {{ $item->created_at }} @forelse ($item->roles as $value) {{ $value->name }}, @empty ---- @endforelse @forelse ($item->departments as $value) {{ $value->title }}, @empty ---- @endforelse @if ($item->status == 'deleted')
@method('PUT') {{ csrf_field() }}
@else Edit
@method('DELETE') {{ csrf_field() }}
@endif
@endsection @section('footer') @parent @endsection ================================================ FILE: src/Routes/user_management.php ================================================ 'App\Http\Controllers\UserManagement', 'prefix' => 'admin/user-management', 'as' => 'admin.user_management.', 'middleware' => ['web', 'auth:web'] ], function () { //// USER ROUTES /////////////////////////////////////////////////////////////////// Route::group([ 'prefix' => 'user', 'as' => 'user.' ], function () { // admin.user_management.user.index route::get('/', 'UsersController@index')->name('index'); // admin.user_management.user.create route::get('/create', 'UsersController@create')->name('create'); // admin.user_management.user.store route::post('/store', 'UsersController@store')->name('store'); // admin.user_management.user.edit route::get('/edit/{ID}', 'UsersController@edit')->name('edit'); // admin.user_management.user.update route::put('/update/{ID}', 'UsersController@update')->name('update'); // admin.user_management.user.delete route::delete('/delete/{ID}', 'UsersController@delete')->name('delete'); // admin.user_management.user.restore route::put('/restore/{ID}', 'UsersController@restoreBackUser')->name('restore'); }); //// ROLE ROUTES /////////////////////////////////////////////////////////////////// Route::group([ 'prefix' => 'role', 'as' => 'role.' ], function () { // admin.user_management.role.index route::get('/', 'RolesController@index')->name('index'); // admin.user_management.role.create route::get('/create', 'RolesController@create')->name('create'); // admin.user_management.role.store route::post('/store', 'RolesController@store')->name('store'); // admin.user_management.role.edit route::get('/edit/{ID}', 'RolesController@edit')->name('edit'); // admin.user_management.role.update route::put('/update/{ID}', 'RolesController@update')->name('update'); // admin.user_management.role.delete route::delete('/delete/{ID}', 'RolesController@delete')->name('delete'); }); //// PERMISSION ROUTES /////////////////////////////////////////////////////////////////// Route::group([ 'prefix' => 'permission', 'as' => 'permission.' ], function () { // admin.user_management.permission.index route::get('/', 'PermissionsController@index')->name('index'); // admin.user_management.permission.create route::get('/create', 'PermissionsController@create')->name('create'); // admin.user_management.permission.store route::post('/store', 'PermissionsController@store')->name('store'); // admin.user_management.permission.edit route::get('/edit/{ID}', 'PermissionsController@edit')->name('edit'); // admin.user_management.permission.update route::put('/update/{ID}', 'PermissionsController@update')->name('update'); // admin.user_management.permission.delete route::delete('/delete/{ID}', 'PermissionsController@delete')->name('delete'); }); //// DEPARTMENT ROUTES /////////////////////////////////////////////////////////////////// Route::group([ 'prefix' => 'department', 'as' => 'department.' ], function () { // admin.user_management.department.index route::get('/', 'DepartmentsController@index')->name('index'); // admin.user_management.department.create route::get('/create', 'DepartmentsController@create')->name('create'); // admin.user_management.department.store route::post('/store', 'DepartmentsController@store')->name('store'); // admin.user_management.department.edit route::get('/edit/{ID}', 'DepartmentsController@edit')->name('edit'); // admin.user_management.department.update route::put('/update/{ID}', 'DepartmentsController@update')->name('update'); // admin.user_management.department.delete route::delete('/delete/{ID}', 'DepartmentsController@delete')->name('delete'); }); }); /* |-------------------------------------------------------------------------- | IF THE CONFIG USER AUTH ENABLED THIS ROUTE WILL BE AVAILABLE |-------------------------------------------------------------------------- | | */ if(config('laravel_user_management.auth.enable')) { /// USER AUTH Route::group([ 'namespace' => 'App\Http\Controllers\UserManagement\Auth', 'as' => 'auth.user.', 'middleware' => ['web', 'guest'] ], function () { // auth.user.login Route::get(config('laravel_user_management.auth.login_url'), 'AuthController@loginForm') ->name('login'); // auth.user.login Route::post(config('laravel_user_management.auth.login_url'), 'AuthController@login') ->name('login'); // auth.user.register Route::get(config('laravel_user_management.auth.register_url'), 'AuthController@registerForm') ->name('register'); // auth.user.register Route::post(config('laravel_user_management.auth.register_url'), 'AuthController@register') ->name('register'); }); /////////////////// Route::group([ 'namespace' => 'App\Http\Controllers\UserManagement\Auth', 'as' => 'auth.user.', 'middleware' => ['web', 'auth'] ], function(){ // auth.user.logout Route::get(config('laravel_user_management.auth.logout_url'), 'AuthController@logout') ->name('logout'); }); } /* |-------------------------------------------------------------------------- | WE USE THIS SECTION FOR VUE.JS |-------------------------------------------------------------------------- | | */ if(config('laravel_user_management.vue_theme')) { Route::get('/laravel-user-management', function () { return view('mekaeils-package.vue.master'); }); } ================================================ FILE: src/Tests/.gitkeep ================================================ ================================================ FILE: src/UserManagement.php ================================================ assertTrue(true); } } ================================================ FILE: tests/bootstrap.php ================================================