Repository: andes2912/laundry
Branch: 3.1
Commit: 6ad241378979
Files: 681
Total size: 14.3 MB
Directory structure:
gitextract_2jut_fdk/
├── .circleci/
│ └── config.yml
├── .editorconfig
├── .gitattributes
├── .github/
│ ├── FUNDING.yml
│ └── ISSUE_TEMPLATE/
│ ├── bug_report.md
│ └── feature_request.md
├── .gitignore
├── .styleci.yml
├── CODE_OF_CONDUCT.md
├── LICENSE
├── app/
│ ├── Console/
│ │ ├── Commands/
│ │ │ └── CreateAdminCommand.php
│ │ └── Kernel.php
│ ├── Exceptions/
│ │ └── Handler.php
│ ├── Exports/
│ │ └── LaporanExport.php
│ ├── Helpers/
│ │ └── Model.php
│ ├── Http/
│ │ ├── Controllers/
│ │ │ ├── Admin/
│ │ │ │ ├── AdminController.php
│ │ │ │ ├── CustomerController.php
│ │ │ │ ├── DokumentasiController.php
│ │ │ │ ├── FinanceController.php
│ │ │ │ ├── KaryawanController.php
│ │ │ │ ├── SettingsController.php
│ │ │ │ └── TransaksiController.php
│ │ │ ├── Auth/
│ │ │ │ ├── ForgotPasswordController.php
│ │ │ │ ├── LoginController.php
│ │ │ │ ├── RegisterController.php
│ │ │ │ ├── ResetPasswordController.php
│ │ │ │ └── VerificationController.php
│ │ │ ├── Controller.php
│ │ │ ├── Customer/
│ │ │ │ ├── ProfileController.php
│ │ │ │ └── SettingController.php
│ │ │ ├── FrontController.php
│ │ │ ├── HomeController.php
│ │ │ └── Karyawan/
│ │ │ ├── CustomerController.php
│ │ │ ├── InvoiceController.php
│ │ │ ├── LaporanController.php
│ │ │ ├── PelayananController.php
│ │ │ ├── ProfileController.php
│ │ │ └── SettingsController.php
│ │ ├── Kernel.php
│ │ ├── Middleware/
│ │ │ ├── Authenticate.php
│ │ │ ├── CheckForMaintenanceMode.php
│ │ │ ├── EncryptCookies.php
│ │ │ ├── RedirectIfAuthenticated.php
│ │ │ ├── TrimStrings.php
│ │ │ ├── TrustProxies.php
│ │ │ └── VerifyCsrfToken.php
│ │ └── Requests/
│ │ ├── AddCustomerRequest.php
│ │ ├── AddKaryawanRequest.php
│ │ ├── AddOrderRequest.php
│ │ ├── HargaRequest.php
│ │ ├── LoginRequest.php
│ │ └── UpdateProfilRequest.php
│ ├── Jobs/
│ │ ├── DoneCustomerJob.php
│ │ ├── OrderCustomerJob.php
│ │ └── RegisterCustomerJob.php
│ ├── Mail/
│ │ ├── DoneCustomer.php
│ │ ├── OrderCustomer.php
│ │ └── RegisterCustomer.php
│ ├── Models/
│ │ ├── Bank.php
│ │ ├── DataBank.php
│ │ ├── LaundrySetting.php
│ │ ├── Notification.php
│ │ ├── PageSettings.php
│ │ ├── User.php
│ │ ├── harga.php
│ │ ├── notifications_setting.php
│ │ └── transaksi.php
│ ├── Notifications/
│ │ ├── OrderMasuk.php
│ │ └── OrderSelesai.php
│ └── Providers/
│ ├── AppServiceProvider.php
│ ├── AuthServiceProvider.php
│ ├── BroadcastServiceProvider.php
│ ├── EventServiceProvider.php
│ └── RouteServiceProvider.php
├── artisan
├── bootstrap/
│ ├── app.php
│ └── cache/
│ └── .gitignore
├── composer.json
├── config/
│ ├── app.php
│ ├── auth.php
│ ├── broadcasting.php
│ ├── cache.php
│ ├── database.php
│ ├── excel.php
│ ├── filesystems.php
│ ├── hashing.php
│ ├── logging.php
│ ├── mail.php
│ ├── permission.php
│ ├── queue.php
│ ├── services.php
│ ├── session.php
│ ├── sweet-alert.php
│ ├── sweetalert.php
│ └── view.php
├── database/
│ ├── .gitignore
│ ├── factories/
│ │ └── UserFactory.php
│ ├── migrations/
│ │ ├── 2014_10_12_000000_create_users_table.php
│ │ ├── 2014_10_12_100000_create_password_resets_table.php
│ │ ├── 2019_05_24_091904_create_transaksis_table.php
│ │ ├── 2019_05_24_094505_create_hargas_table.php
│ │ ├── 2021_03_19_231220_create_page_settings_table.php
│ │ ├── 2021_03_21_124956_add_theme_to_users_table.php
│ │ ├── 2021_03_22_001021_create_laundry_settings_table.php
│ │ ├── 2021_05_07_100208_create_permission_tables.php
│ │ ├── 2021_05_07_135323_create_data_banks_table.php
│ │ ├── 2021_05_07_155403_add_field_in_transaksi.php
│ │ ├── 2021_05_11_130732_create_notifications_settings_table.php
│ │ ├── 2021_08_08_100000_create_banks_tables.php
│ │ ├── 2021_12_30_231550_add_field_username_telegram_channel_to_notifications_settings_table.php
│ │ ├── 2022_01_28_171610_add_field_foto_to_users_table.php
│ │ ├── 2022_01_29_185408_add_field_token_wa_to_notifications_settings_table.php
│ │ ├── 2022_01_31_105111_update_field_auth_in_users_table.php
│ │ ├── 2022_01_31_112034_add_field_karyawan_id_wa_in_users_table.php
│ │ ├── 2022_02_02_220553_create_jobs_table.php
│ │ ├── 2022_02_02_231121_create_failed_jobs_table.php
│ │ ├── 2022_02_03_144826_add_field_point_in_users_table.php
│ │ └── 2022_09_27_125933_create_notifications_table.php
│ └── seeders/
│ ├── DatabaseSeeder.php
│ ├── IndoBankSeeder.php
│ ├── RoleSeeder.php
│ ├── SettingPageSeeder.php
│ └── addRoleSeeder.php
├── package.json
├── phpunit.xml
├── public/
│ ├── .htaccess
│ ├── backend/
│ │ ├── css/
│ │ │ ├── bootstrap-extended.css
│ │ │ ├── bootstrap.css
│ │ │ ├── colors.css
│ │ │ ├── components.css
│ │ │ ├── core/
│ │ │ │ ├── colors/
│ │ │ │ │ ├── palette-gradient.css
│ │ │ │ │ ├── palette-noui.css
│ │ │ │ │ └── palette-variables.css
│ │ │ │ ├── menu/
│ │ │ │ │ └── menu-types/
│ │ │ │ │ ├── horizontal-menu.css
│ │ │ │ │ ├── vertical-menu.css
│ │ │ │ │ └── vertical-overlay-menu.css
│ │ │ │ └── mixins/
│ │ │ │ ├── alert.css
│ │ │ │ ├── hex2rgb.css
│ │ │ │ ├── main-menu-mixin.css
│ │ │ │ └── transitions.css
│ │ │ ├── pages/
│ │ │ │ ├── aggrid.css
│ │ │ │ ├── app-chat.css
│ │ │ │ ├── app-ecommerce-details.css
│ │ │ │ ├── app-ecommerce-shop.css
│ │ │ │ ├── app-email.css
│ │ │ │ ├── app-todo.css
│ │ │ │ ├── app-user.css
│ │ │ │ ├── app-users.css
│ │ │ │ ├── authentication.css
│ │ │ │ ├── card-analytics.css
│ │ │ │ ├── colors.css
│ │ │ │ ├── coming-soon.css
│ │ │ │ ├── dashboard-analytics.css
│ │ │ │ ├── dashboard-ecommerce.css
│ │ │ │ ├── data-list-view.css
│ │ │ │ ├── error.css
│ │ │ │ ├── faq.css
│ │ │ │ ├── invoice.css
│ │ │ │ ├── knowledge-base.css
│ │ │ │ ├── page-auth.css
│ │ │ │ ├── register.css
│ │ │ │ ├── search.css
│ │ │ │ ├── timeline.css
│ │ │ │ ├── user-settings.css
│ │ │ │ └── users.css
│ │ │ ├── plugins/
│ │ │ │ ├── animate/
│ │ │ │ │ └── animate.css
│ │ │ │ ├── extensions/
│ │ │ │ │ ├── context-menu.css
│ │ │ │ │ ├── drag-and-drop.css
│ │ │ │ │ ├── media-plyr.css
│ │ │ │ │ ├── noui-slider.css
│ │ │ │ │ ├── swiper.css
│ │ │ │ │ └── toastr.css
│ │ │ │ ├── forms/
│ │ │ │ │ ├── extended/
│ │ │ │ │ │ └── typeahed.css
│ │ │ │ │ ├── form-inputs-groups.css
│ │ │ │ │ ├── validation/
│ │ │ │ │ │ └── form-validation.css
│ │ │ │ │ └── wizard.css
│ │ │ │ ├── loaders/
│ │ │ │ │ ├── animations/
│ │ │ │ │ │ ├── ball-beat.css
│ │ │ │ │ │ ├── ball-clip-rotate-multiple.css
│ │ │ │ │ │ ├── ball-clip-rotate-pulse.css
│ │ │ │ │ │ ├── ball-clip-rotate.css
│ │ │ │ │ │ ├── ball-grid-beat.css
│ │ │ │ │ │ ├── ball-grid-pulse.css
│ │ │ │ │ │ ├── ball-pulse-rise.css
│ │ │ │ │ │ ├── ball-pulse-round.css
│ │ │ │ │ │ ├── ball-pulse-sync.css
│ │ │ │ │ │ ├── ball-pulse.css
│ │ │ │ │ │ ├── ball-rotate.css
│ │ │ │ │ │ ├── ball-scale-multiple.css
│ │ │ │ │ │ ├── ball-scale-random.css
│ │ │ │ │ │ ├── ball-scale-ripple-multiple.css
│ │ │ │ │ │ ├── ball-scale-ripple.css
│ │ │ │ │ │ ├── ball-scale.css
│ │ │ │ │ │ ├── ball-spin-fade-loader.css
│ │ │ │ │ │ ├── ball-spin-loader.css
│ │ │ │ │ │ ├── ball-triangle-trace.css
│ │ │ │ │ │ ├── ball-zig-zag-deflect.css
│ │ │ │ │ │ ├── ball-zig-zag.css
│ │ │ │ │ │ ├── cube-transition.css
│ │ │ │ │ │ ├── line-scale-pulse-out-rapid.css
│ │ │ │ │ │ ├── line-scale-pulse-out.css
│ │ │ │ │ │ ├── line-scale-random.css
│ │ │ │ │ │ ├── line-scale.css
│ │ │ │ │ │ ├── line-spin-fade-loader.css
│ │ │ │ │ │ ├── pacman.css
│ │ │ │ │ │ ├── semi-circle-spin.css
│ │ │ │ │ │ ├── square-spin.css
│ │ │ │ │ │ └── triangle-skew-spin.css
│ │ │ │ │ └── loaders.css
│ │ │ │ ├── pickers/
│ │ │ │ │ └── bootstrap-datetimepicker-build.css
│ │ │ │ └── ui/
│ │ │ │ └── coming-soon.css
│ │ │ └── themes/
│ │ │ ├── dark-layout.css
│ │ │ └── semi-dark-layout.css
│ │ ├── fonts/
│ │ │ ├── feather/
│ │ │ │ └── iconfont.css
│ │ │ ├── flag-icon-css/
│ │ │ │ ├── LICENSE
│ │ │ │ ├── README.md
│ │ │ │ ├── css/
│ │ │ │ │ └── flag-icon.css
│ │ │ │ └── sass/
│ │ │ │ ├── flag-icon-base.scss
│ │ │ │ ├── flag-icon-list.scss
│ │ │ │ ├── flag-icon-more.scss
│ │ │ │ ├── flag-icon.scss
│ │ │ │ └── variables.scss
│ │ │ └── font-awesome/
│ │ │ ├── css/
│ │ │ │ └── font-awesome.css
│ │ │ └── fonts/
│ │ │ └── FontAwesome.otf
│ │ ├── js/
│ │ │ ├── core/
│ │ │ │ ├── app-menu.js
│ │ │ │ └── app.js
│ │ │ └── scripts/
│ │ │ ├── ag-grid/
│ │ │ │ └── ag-grid.js
│ │ │ ├── cards/
│ │ │ │ ├── card-analytics.js
│ │ │ │ └── card-statistics.js
│ │ │ ├── charts/
│ │ │ │ ├── chart-apex.js
│ │ │ │ ├── chart-chartjs.js
│ │ │ │ ├── chart-echart.js
│ │ │ │ └── gmaps/
│ │ │ │ └── maps.js
│ │ │ ├── components.js
│ │ │ ├── customizer.js
│ │ │ ├── datatables/
│ │ │ │ └── datatable.js
│ │ │ ├── documentation.js
│ │ │ ├── editors/
│ │ │ │ └── editor-quill.js
│ │ │ ├── extensions/
│ │ │ │ ├── context-menu.js
│ │ │ │ ├── copy-to-clipboard.js
│ │ │ │ ├── drag-drop.js
│ │ │ │ ├── dropzone.js
│ │ │ │ ├── fullcalendar.js
│ │ │ │ ├── i18n.js
│ │ │ │ ├── media-plyr.js
│ │ │ │ ├── noui-slider.js
│ │ │ │ ├── sweet-alerts.js
│ │ │ │ ├── swiper.js
│ │ │ │ ├── toastr.js
│ │ │ │ ├── tour.js
│ │ │ │ └── unslider.js
│ │ │ ├── footer.js
│ │ │ ├── forms/
│ │ │ │ ├── basic-inputs.js
│ │ │ │ ├── form-maxlength.js
│ │ │ │ ├── form-tooltip-valid.js
│ │ │ │ ├── number-input.js
│ │ │ │ ├── select/
│ │ │ │ │ └── form-select2.js
│ │ │ │ ├── validation/
│ │ │ │ │ └── form-validation.js
│ │ │ │ └── wizard-steps.js
│ │ │ ├── modal/
│ │ │ │ └── components-modal.js
│ │ │ ├── navs/
│ │ │ │ └── navs.js
│ │ │ ├── pages/
│ │ │ │ ├── 3-columns-left-sidebar.js
│ │ │ │ ├── account-setting.js
│ │ │ │ ├── app-chat.js
│ │ │ │ ├── app-ecommerce-details.js
│ │ │ │ ├── app-ecommerce-shop.js
│ │ │ │ ├── app-email.js
│ │ │ │ ├── app-todo.js
│ │ │ │ ├── app-user.js
│ │ │ │ ├── bootstrap-toast.js
│ │ │ │ ├── coming-soon.js
│ │ │ │ ├── content-sidebar.js
│ │ │ │ ├── dashboard-analytics.js
│ │ │ │ ├── dashboard-ecommerce.js
│ │ │ │ ├── faq-kb.js
│ │ │ │ ├── invoice.js
│ │ │ │ ├── page-auth-reset-password.js
│ │ │ │ ├── sk-content-sidebar.js
│ │ │ │ ├── user-profile.js
│ │ │ │ └── user-settings.js
│ │ │ ├── pagination/
│ │ │ │ └── pagination.js
│ │ │ ├── pickers/
│ │ │ │ └── dateTime/
│ │ │ │ └── pick-a-datetime.js
│ │ │ ├── popover/
│ │ │ │ └── popover.js
│ │ │ ├── tooltip/
│ │ │ │ └── tooltip.js
│ │ │ └── ui/
│ │ │ └── data-list-view.js
│ │ └── vendors/
│ │ ├── css/
│ │ │ ├── animate/
│ │ │ │ └── animate.css
│ │ │ ├── charts/
│ │ │ │ └── apexcharts.css
│ │ │ ├── documentation.css
│ │ │ ├── extensions/
│ │ │ │ ├── dataTables.checkboxes.css
│ │ │ │ ├── pace.css
│ │ │ │ ├── plyr.css
│ │ │ │ ├── shepherd-theme-default.css
│ │ │ │ ├── tether-theme-arrows.css
│ │ │ │ ├── toastr.css
│ │ │ │ └── unslider.css
│ │ │ ├── forms/
│ │ │ │ ├── select/
│ │ │ │ │ └── select2.css
│ │ │ │ ├── spinner/
│ │ │ │ │ └── jquery.bootstrap-touchspin.css
│ │ │ │ └── toggle/
│ │ │ │ └── switchery.css
│ │ │ ├── modal/
│ │ │ │ ├── facebook.css
│ │ │ │ ├── google.css
│ │ │ │ └── twitter.css
│ │ │ ├── pickers/
│ │ │ │ └── pickadate/
│ │ │ │ ├── classic.css
│ │ │ │ ├── classic.date.css
│ │ │ │ ├── classic.time.css
│ │ │ │ ├── default.css
│ │ │ │ ├── default.time.css
│ │ │ │ └── pickadate.css
│ │ │ ├── tables/
│ │ │ │ ├── ag-grid/
│ │ │ │ │ ├── ag-grid.css
│ │ │ │ │ └── ag-theme-material.css
│ │ │ │ └── datatable/
│ │ │ │ └── extensions/
│ │ │ │ └── dataTables.checkboxes.css
│ │ │ └── ui/
│ │ │ └── prism-treeview.css
│ │ └── js/
│ │ ├── charts/
│ │ │ ├── apexcharts.js
│ │ │ └── echarts/
│ │ │ └── echarts.js
│ │ ├── extensions/
│ │ │ ├── lang-all.js
│ │ │ ├── locale-all.js
│ │ │ ├── transition.js
│ │ │ └── wNumb.js
│ │ ├── forms/
│ │ │ ├── extended/
│ │ │ │ ├── maxlength/
│ │ │ │ │ └── bootstrap-maxlength.js
│ │ │ │ └── typeahead/
│ │ │ │ └── handlebars.js
│ │ │ ├── select/
│ │ │ │ ├── select2.full.js
│ │ │ │ └── select2.js
│ │ │ ├── spinner/
│ │ │ │ └── jquery.bootstrap-touchspin.js
│ │ │ ├── toggle/
│ │ │ │ └── switchery.js
│ │ │ └── validation/
│ │ │ └── jqBootstrapValidation.js
│ │ ├── media/
│ │ │ ├── plyr.js
│ │ │ └── plyr.polyfilled.js
│ │ ├── pickers/
│ │ │ └── pickadate/
│ │ │ ├── legacy.js
│ │ │ ├── picker.date.js
│ │ │ ├── picker.js
│ │ │ └── picker.time.js
│ │ ├── tables/
│ │ │ ├── ag-grid/
│ │ │ │ └── ag-grid-community.min.noStyle.js
│ │ │ └── datatable/
│ │ │ └── vfs_fonts.js
│ │ ├── ui/
│ │ │ ├── affix.js
│ │ │ ├── jquery-sliding-menu.js
│ │ │ ├── jquery.matchHeight-min.js
│ │ │ ├── jquery.sticky.js
│ │ │ └── prism-treeview.js
│ │ └── vendors.js
│ ├── frontend/
│ │ ├── crossbrowserjs/
│ │ │ └── html5shiv.js
│ │ ├── css/
│ │ │ └── forum/
│ │ │ ├── style-responsive.css
│ │ │ ├── style.css
│ │ │ └── theme/
│ │ │ ├── blue.css
│ │ │ ├── default.css
│ │ │ ├── orange.css
│ │ │ ├── purple.css
│ │ │ └── red.css
│ │ ├── js/
│ │ │ ├── forum/
│ │ │ │ ├── apps.js
│ │ │ │ └── forum-details-page.js
│ │ │ └── swal/
│ │ │ └── sweetalert2.js
│ │ └── plugins/
│ │ ├── animate/
│ │ │ └── animate.css
│ │ ├── bootstrap3/
│ │ │ ├── css/
│ │ │ │ ├── bootstrap-theme.css
│ │ │ │ └── bootstrap.css
│ │ │ └── js/
│ │ │ ├── bootstrap.js
│ │ │ └── npm.js
│ │ ├── bootstrap4/
│ │ │ ├── css/
│ │ │ │ ├── bootstrap-grid.css
│ │ │ │ ├── bootstrap-reboot.css
│ │ │ │ └── bootstrap.css
│ │ │ └── js/
│ │ │ ├── bootstrap.bundle.js
│ │ │ └── bootstrap.js
│ │ ├── font-awesome/
│ │ │ ├── css/
│ │ │ │ └── font-awesome.css
│ │ │ ├── fonts/
│ │ │ │ └── FontAwesome.otf
│ │ │ ├── less/
│ │ │ │ ├── animated.less
│ │ │ │ ├── bordered-pulled.less
│ │ │ │ ├── core.less
│ │ │ │ ├── fixed-width.less
│ │ │ │ ├── font-awesome.less
│ │ │ │ ├── icons.less
│ │ │ │ ├── larger.less
│ │ │ │ ├── list.less
│ │ │ │ ├── mixins.less
│ │ │ │ ├── path.less
│ │ │ │ ├── rotated-flipped.less
│ │ │ │ ├── screen-reader.less
│ │ │ │ ├── stacked.less
│ │ │ │ └── variables.less
│ │ │ └── scss/
│ │ │ ├── _animated.scss
│ │ │ ├── _bordered-pulled.scss
│ │ │ ├── _core.scss
│ │ │ ├── _fixed-width.scss
│ │ │ ├── _icons.scss
│ │ │ ├── _larger.scss
│ │ │ ├── _list.scss
│ │ │ ├── _mixins.scss
│ │ │ ├── _path.scss
│ │ │ ├── _rotated-flipped.scss
│ │ │ ├── _screen-reader.scss
│ │ │ ├── _stacked.scss
│ │ │ ├── _variables.scss
│ │ │ └── font-awesome.scss
│ │ ├── jquery/
│ │ │ ├── jquery-1.9.1.js
│ │ │ └── jquery-migrate-1.1.0.js
│ │ ├── jquery-cookie/
│ │ │ └── jquery.cookie.js
│ │ ├── js-cookie/
│ │ │ └── js.cookie.js
│ │ ├── pace/
│ │ │ ├── .hsdoc
│ │ │ ├── Gruntfile.coffee
│ │ │ ├── LICENSE
│ │ │ ├── README.md
│ │ │ ├── bower.json
│ │ │ ├── docs/
│ │ │ │ ├── intro.md
│ │ │ │ ├── lib/
│ │ │ │ │ ├── color.js
│ │ │ │ │ ├── themes.coffee
│ │ │ │ │ └── themes.js
│ │ │ │ ├── resources/
│ │ │ │ │ ├── barber-pole-orange.css
│ │ │ │ │ ├── flash-white.css
│ │ │ │ │ └── templates/
│ │ │ │ │ ├── index.jade
│ │ │ │ │ └── page.jade
│ │ │ │ └── welcome/
│ │ │ │ └── index.html
│ │ │ ├── install.json
│ │ │ ├── pace.coffee
│ │ │ ├── pace.js
│ │ │ ├── package.json
│ │ │ ├── templates/
│ │ │ │ ├── pace-theme-barber-shop.tmpl.css
│ │ │ │ ├── pace-theme-big-counter.tmpl.css
│ │ │ │ ├── pace-theme-bounce.tmpl.css
│ │ │ │ ├── pace-theme-center-atom.tmpl.css
│ │ │ │ ├── pace-theme-center-circle.tmpl.css
│ │ │ │ ├── pace-theme-center-radar.tmpl.css
│ │ │ │ ├── pace-theme-center-simple.tmpl.css
│ │ │ │ ├── pace-theme-corner-indicator.tmpl.css
│ │ │ │ ├── pace-theme-fill-left.tmpl.css
│ │ │ │ ├── pace-theme-flash.tmpl.css
│ │ │ │ ├── pace-theme-flat-top.tmpl.css
│ │ │ │ ├── pace-theme-loading-bar.tmpl.css
│ │ │ │ ├── pace-theme-mac-osx.tmpl.css
│ │ │ │ └── pace-theme-minimal.tmpl.css
│ │ │ ├── tests/
│ │ │ │ └── demo.html
│ │ │ └── themes/
│ │ │ ├── black/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── blue/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── green/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── orange/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── pace-theme-barber-shop.css
│ │ │ ├── pace-theme-big-counter.css
│ │ │ ├── pace-theme-bounce.css
│ │ │ ├── pace-theme-center-atom.css
│ │ │ ├── pace-theme-center-circle.css
│ │ │ ├── pace-theme-center-radar.css
│ │ │ ├── pace-theme-center-simple.css
│ │ │ ├── pace-theme-corner-indicator.css
│ │ │ ├── pace-theme-fill-left.css
│ │ │ ├── pace-theme-flash.css
│ │ │ ├── pace-theme-flat-top.css
│ │ │ ├── pace-theme-loading-bar.css
│ │ │ ├── pace-theme-mac-osx.css
│ │ │ ├── pace-theme-minimal.css
│ │ │ ├── pink/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── purple/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── red/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── silver/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ ├── white/
│ │ │ │ ├── pace-theme-barber-shop.css
│ │ │ │ ├── pace-theme-big-counter.css
│ │ │ │ ├── pace-theme-bounce.css
│ │ │ │ ├── pace-theme-center-atom.css
│ │ │ │ ├── pace-theme-center-circle.css
│ │ │ │ ├── pace-theme-center-radar.css
│ │ │ │ ├── pace-theme-center-simple.css
│ │ │ │ ├── pace-theme-corner-indicator.css
│ │ │ │ ├── pace-theme-fill-left.css
│ │ │ │ ├── pace-theme-flash.css
│ │ │ │ ├── pace-theme-flat-top.css
│ │ │ │ ├── pace-theme-loading-bar.css
│ │ │ │ ├── pace-theme-mac-osx.css
│ │ │ │ └── pace-theme-minimal.css
│ │ │ └── yellow/
│ │ │ ├── pace-theme-barber-shop.css
│ │ │ ├── pace-theme-big-counter.css
│ │ │ ├── pace-theme-bounce.css
│ │ │ ├── pace-theme-center-atom.css
│ │ │ ├── pace-theme-center-circle.css
│ │ │ ├── pace-theme-center-radar.css
│ │ │ ├── pace-theme-center-simple.css
│ │ │ ├── pace-theme-corner-indicator.css
│ │ │ ├── pace-theme-fill-left.css
│ │ │ ├── pace-theme-flash.css
│ │ │ ├── pace-theme-flat-top.css
│ │ │ ├── pace-theme-loading-bar.css
│ │ │ ├── pace-theme-mac-osx.css
│ │ │ └── pace-theme-minimal.css
│ │ └── scrollMonitor/
│ │ ├── MIT-LICENSE.txt
│ │ ├── README.md
│ │ ├── bower.json
│ │ ├── demos/
│ │ │ ├── fixed.html
│ │ │ ├── list.html
│ │ │ ├── listdata.json
│ │ │ ├── scoreboard.html
│ │ │ └── stress.html
│ │ ├── package.json
│ │ └── scrollMonitor.js
│ ├── index.php
│ ├── js/
│ │ └── app.js
│ ├── mix-manifest.json
│ ├── robots.txt
│ └── web.config
├── readme.md
├── resources/
│ ├── js/
│ │ ├── app.js
│ │ ├── bootstrap.js
│ │ └── components/
│ │ ├── Contentone.vue
│ │ └── contentwo.vue
│ ├── lang/
│ │ └── en/
│ │ ├── auth.php
│ │ ├── pagination.php
│ │ ├── passwords.php
│ │ └── validation.php
│ ├── sass/
│ │ ├── _variables.scss
│ │ └── app.scss
│ └── views/
│ ├── auth/
│ │ ├── login.blade.php
│ │ ├── passwords/
│ │ │ ├── email.blade.php
│ │ │ └── reset.blade.php
│ │ └── verify.blade.php
│ ├── customer/
│ │ ├── index.blade.php
│ │ ├── profile/
│ │ │ └── index.blade.php
│ │ └── setting/
│ │ └── index.blade.php
│ ├── emails/
│ │ ├── done.blade.php
│ │ ├── orders.blade.php
│ │ └── register.blade.php
│ ├── errors/
│ │ ├── 404.blade.php
│ │ └── 500.blade.php
│ ├── frontend/
│ │ ├── banner.blade.php
│ │ ├── content.blade.php
│ │ ├── footer.blade.php
│ │ ├── header.blade.php
│ │ ├── index.blade.php
│ │ └── modal.blade.php
│ ├── karyawan/
│ │ ├── customer/
│ │ │ ├── create.blade.php
│ │ │ ├── detail.blade.php
│ │ │ └── index.blade.php
│ │ ├── index.blade.php
│ │ ├── laporan/
│ │ │ ├── cetak.blade.php
│ │ │ ├── excelExport.blade.php
│ │ │ ├── index.blade.php
│ │ │ └── invoice.blade.php
│ │ ├── profile/
│ │ │ └── index.blade.php
│ │ ├── settings/
│ │ │ └── index.blade.php
│ │ └── transaksi/
│ │ ├── addorder.blade.php
│ │ └── order.blade.php
│ ├── layouts/
│ │ ├── auth.blade.php
│ │ ├── backend.blade.php
│ │ ├── error.blade.php
│ │ └── frontend.blade.php
│ └── modul_admin/
│ ├── customer/
│ │ ├── index.blade.php
│ │ ├── infoCustomer.blade.php
│ │ └── jmltransaksi.blade.php
│ ├── doc/
│ │ ├── index.blade.php
│ │ ├── notifikasi.blade.php
│ │ ├── penggunaan.blade.php
│ │ ├── tentang.blade.php
│ │ └── version.blade.php
│ ├── finance/
│ │ └── index.blade.php
│ ├── index.blade.php
│ ├── laundri/
│ │ ├── editharga.blade.php
│ │ └── harga.blade.php
│ ├── pengguna/
│ │ ├── addkry.blade.php
│ │ └── kry.blade.php
│ ├── setting/
│ │ ├── index.blade.php
│ │ ├── modal.blade.php
│ │ └── profile.blade.php
│ └── transaksi/
│ ├── index.blade.php
│ └── invoice.blade.php
├── routes/
│ ├── api.php
│ ├── channels.php
│ ├── console.php
│ └── web.php
├── server.php
├── storage/
│ ├── app/
│ │ └── .gitignore
│ ├── framework/
│ │ ├── .gitignore
│ │ ├── cache/
│ │ │ └── .gitignore
│ │ ├── sessions/
│ │ │ └── .gitignore
│ │ ├── testing/
│ │ │ └── .gitignore
│ │ └── views/
│ │ └── .gitignore
│ └── logs/
│ └── .gitignore
├── stubs/
│ ├── export.model.stub
│ ├── export.plain.stub
│ ├── export.query-model.stub
│ ├── export.query.stub
│ ├── import.collection.stub
│ └── import.model.stub
├── tests/
│ ├── CreatesApplication.php
│ ├── Feature/
│ │ └── ExampleTest.php
│ ├── TestCase.php
│ └── Unit/
│ └── ExampleTest.php
└── webpack.mix.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .circleci/config.yml
================================================
# Use the latest 2.1 version of CircleCI pipeline process engine. See: https://circleci.com/docs/2.0/configuration-reference
version: 2.1
# Use a package of configuration called an orb.
orbs:
# Declare a dependency on the welcome-orb
welcome: circleci/welcome-orb@0.4.1
# Orchestrate or schedule a set of jobs
workflows:
# Name the workflow "welcome"
welcome:
# Run the welcome/run job in its own container
jobs:
- welcome/run
================================================
FILE: .editorconfig
================================================
root = true
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4
trim_trailing_whitespace = true
[*.md]
trim_trailing_whitespace = false
[*.yml]
indent_size = 2
================================================
FILE: .gitattributes
================================================
* text=auto
*.css linguist-vendored
*.scss linguist-vendored
*.js linguist-vendored
CHANGELOG.md export-ignore
================================================
FILE: .github/FUNDING.yml
================================================
github: [andes2912]
custom: ["https://saweria.co/andes2912"]
================================================
FILE: .github/ISSUE_TEMPLATE/bug_report.md
================================================
---
name: Bug report
about: Create a report to help us improve
title: ''
labels: ''
assignees: ''
---
**Describe the bug**
A clear and concise description of what the bug is.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error
**Expected behavior**
A clear and concise description of what you expected to happen.
**Screenshots**
If applicable, add screenshots to help explain your problem.
**Desktop (please complete the following information):**
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
**Smartphone (please complete the following information):**
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
**Additional context**
Add any other context about the problem here.
================================================
FILE: .github/ISSUE_TEMPLATE/feature_request.md
================================================
---
name: Feature request
about: Suggest an idea for this project
title: ''
labels: ''
assignees: ''
---
**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
**Describe the solution you'd like**
A clear and concise description of what you want to happen.
**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.
**Additional context**
Add any other context or screenshots about the feature request here.
================================================
FILE: .gitignore
================================================
/node_modules
/public/hot
/public/storage
/storage/*.key
/vendor
.env
.phpunit.result.cache
Homestead.json
Homestead.yaml
npm-debug.log
yarn-error.log
================================================
FILE: .styleci.yml
================================================
php:
preset: laravel
disabled:
- unused_use
finder:
not-name:
- index.php
- server.php
js:
finder:
not-name:
- webpack.mix.js
css: true
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Citizen Code of Conduct
## 1. Purpose
A primary goal of Laundry is to be inclusive to the largest number of contributors, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).
This code of conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
We invite all those who participate in Laundry to help us create safe and positive experiences for everyone.
## 2. Open [Source/Culture/Tech] Citizenship
A supplemental goal of this Code of Conduct is to increase open [source/culture/tech] citizenship by encouraging participants to recognize and strengthen the relationships between our actions and their effects on our community.
Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society.
If you see someone who is making an extra effort to ensure our community is welcoming, friendly, and encourages all participants to contribute to the fullest extent, we want to know.
## 3. Expected Behavior
The following behaviors are expected and requested of all community members:
* Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
* Exercise consideration and respect in your speech and actions.
* Attempt collaboration before conflict.
* Refrain from demeaning, discriminatory, or harassing behavior and speech.
* Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
* Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
## 4. Unacceptable Behavior
The following behaviors are considered harassment and are unacceptable within our community:
* Violence, threats of violence or violent language directed against another person.
* Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
* Posting or displaying sexually explicit or violent material.
* Posting or threatening to post other people's personally identifying information ("doxing").
* Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
* Inappropriate photography or recording.
* Inappropriate physical contact. You should have someone's consent before touching them.
* Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
* Deliberate intimidation, stalking or following (online or in person).
* Advocating for, or encouraging, any of the above behavior.
* Sustained disruption of community events, including talks and presentations.
## 5. Weapons Policy
No weapons will be allowed at Laundry events, community spaces, or in other spaces covered by the scope of this Code of Conduct. Weapons include but are not limited to guns, explosives (including fireworks), and large knives such as those used for hunting or display, as well as any other item used for the purpose of causing injury or harm to others. Anyone seen in possession of one of these items will be asked to leave immediately, and will only be allowed to return without the weapon. Community members are further expected to comply with all state and local laws on this matter.
## 6. Consequences of Unacceptable Behavior
Unacceptable behavior from any community member, including sponsors and those with decision-making authority, will not be tolerated.
Anyone asked to stop unacceptable behavior is expected to comply immediately.
If a community member engages in unacceptable behavior, the community organizers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning (and without refund in the case of a paid event).
## 7. Reporting Guidelines
If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. andridesmana29@outlook.com.
Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
## 8. Addressing Grievances
If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies.
## 9. Scope
We expect all community participants (contributors, paid or otherwise; sponsors; and other guests) to abide by this Code of Conduct in all community venues--online and in-person--as well as in all one-on-one communications pertaining to community business.
This code of conduct and its related procedures also applies to unacceptable behavior occurring outside the scope of community activities when such behavior has the potential to adversely affect the safety and well-being of community members.
## 10. Contact info
andridesmana29@outlook.com
## 11. License and attribution
The Citizen Code of Conduct is distributed by [Stumptown Syndicate](http://stumptownsyndicate.org) under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
_Revision 2.3. Posted 6 March 2017._
_Revision 2.2. Posted 4 February 2016._
_Revision 2.1. Posted 23 June 2014._
_Revision 2.0, adopted by the [Stumptown Syndicate](http://stumptownsyndicate.org) board on 10 January 2013. Posted 17 March 2013._
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2021 Andri Desmana
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: app/Console/Commands/CreateAdminCommand.php
================================================
ask("Nama untuk Administrator");
$admin['email'] = $this->ask("Email untuk Administrator");
$admin['status'] = 'Active';
$admin['auth'] = 'Admin';
$admin['password'] = $this->secret("Password untuk Administrator");
$admin['password_confirmation'] = $this->secret("Konfirmasi Password untuk Administrator");
$cekUser = User::where('email', $admin['email'])->where('auth','Admin')->first();
if($cekUser) {
$this->error("User Administrator sudah dibuat!");
return -1;
}
$validator = Validator::make($admin,[
'name' => ['required','string','max:255'],
'email' => ['required','string','email','max:255','unique:'.User::class],
'password' => ['required','confirmed',Password::defaults()]
]);
if ($validator->fails()) {
foreach ($validator->errors()->all() as $error) {
$this->error($error);
}
return -1;
}
DB::transaction(function() use($admin, $cekUser){
$role = Role::firstOrNew(['name' => 'Admin']);
$role->name = 'Admin';
$role->save();
$admin['password'] = bcrypt($admin['password']);
$newAdmin = User::create($admin);
$newAdmin->assignRole('Admin');
$getIdAdmin = User::where('auth','Admin')->first();
$setting = new LaundrySetting;
$setting->user_id = $getIdAdmin->id;
$setting->target_day = 0;
$setting->target_month = 0;
$setting->target_year = 0;
$setting->save();
$notif = new notifications_setting;
$notif->user_id = $setting->user_id;
$notif->telegram_order_masuk = 0;
$notif->telegram_order_selesai = 0;
$notif->email = 0;
$notif->save();
});
$this->info("User " .$admin['email']. " Berhasil dibuat :)");
}
}
================================================
FILE: app/Console/Kernel.php
================================================
command('inspire')
// ->hourly();
}
/**
* Register the commands for the application.
*
* @return void
*/
protected function commands()
{
$this->load(__DIR__.'/Commands');
require base_path('routes/console.php');
}
}
================================================
FILE: app/Exceptions/Handler.php
================================================
get();
return view(
'karyawan.laporan.excelExport',
[
'data' => $data
]
);
}
}
================================================
FILE: app/Helpers/Model.php
================================================
first();
$email_customer = !empty($data) ? $data->email : 'Not Found';
return $email_customer;
}
}
// Get Nama Customer by id
if (! function_exists('namaCustomer'))
{
function namaCustomer($id=0)
{
$model = new User;
$data = $model::where('id',$id)->first();
$name = !empty($data) ? $data->name : 'Not Found';
return $name;
}
}
// Setting Email Notifications
if (! function_exists('setNotificationEmail'))
{
function setNotificationEmail($id='')
{
$model = new notifications_setting;
$data = $model::where('email',$id)->first();
$email = $data ? $data->email : 'Email Notification Aktif Tidak';
return $email;
}
}
// Setting Telegram Order Masuk Notifications
if (! function_exists('setNotificationTelegramIn'))
{
function setNotificationTelegramIn($id='')
{
$model = new notifications_setting;
$data = $model::where('telegram_order_masuk',$id)->first();
$teleIn = $data ? $data->telegram_order_masuk : 'Telegram Notification Order Masuk Tidak Aktif';
return $teleIn;
}
}
// Setting Telegram Order Selesai Notifications
if (! function_exists('setNotificationTelegramFinish'))
{
function setNotificationTelegramFinish($id='')
{
$model = new notifications_setting;
$data = $model::where('telegram_order_selesai',$id)->first();
$teleFininsh = $data ? $data->telegram_order_selesai : 'Telegram Notification Order Selesai Tidak Aktif';
return $teleFininsh;
}
}
// Get Telegram Channel untuk order masuk
if (! function_exists('telegram_channel_masuk'))
{
function telegram_channel_masuk()
{
$model = new notifications_setting;
$data = $model::first();
$channel_masuk = $data ? $data->telegram_channel_masuk : NULL;
return $channel_masuk;
}
}
// Get Telegram Channel untuk order selesai
if (! function_exists('telegram_channel_selesai'))
{
function telegram_channel_selesai()
{
$model = new notifications_setting;
$data = $model::first();
$channel_selesai = $data ? $data->telegram_channel_selesai : NULL;
return $channel_selesai;
}
}
// Setting WhatsApp Notification order selesai
if (! function_exists('setNotificationWhatsappOrderSelesai'))
{
function setNotificationWhatsappOrderSelesai($id='')
{
$model = new notifications_setting;
$data = $model::where('wa_order_selesai',$id)->first();
$whatsappFinish = $data ? $data->wa_order_selesai : 'WhatsApp Notification Order Selesai Tidak Aktif';
return $whatsappFinish;
}
}
// Get WhatsApp Notifikasi order selesai
if (! function_exists('wa_order_selesai'))
{
function wa_order_selesai()
{
$model = new notifications_setting;
$data = $model::first();
$channel_selesai = $data ? $data->wa_order_selesai : NULL;
return $channel_selesai;
}
}
// Get Token WhatsApp
if (! function_exists('getTokenWhatsapp'))
{
function getTokenWhatsapp()
{
$model = new notifications_setting;
$data = $model::first();
$channel_selesai = $data ? $data->wa_token : NULL;
return $channel_selesai;
}
}
// Notifikasi Whatsapp
if (! function_exists('notificationWhatsapp'))
{
function notificationWhatsapp($token,$waphone,$pesan)
{
$apiURL = 'https://api.kirimwa.id/v1/messages';
$client = new \GuzzleHttp\Client();
$response = $client->request('POST', $apiURL, [
'headers'=> [
'Authorization' => 'Bearer ' . $token,
'Content-Type' => 'application/json'
],
'body' => json_encode([
'message' => $pesan,
'phone_number' => $waphone,
'message_type' => 'text',
'device_id' => 'iphone' // isi dengan device_id kalian
]),
]);
$statusCode = $response->getStatusCode();
$responseBody = json_decode($response->getBody(), true);
}
}
// Get Notifikasi
function getNotifikasi($user_id)
{
$model = new Notification;
$data = $model::where('user_id',$user_id)->where('is_read',0)->orderBy('created_at','desc')->get();
return $data;
}
// Send Notif
function sendNotification($id=null, $user_id=null, $kategori=null, $title=null, $body=null)
{
$notif = new Notification;
$notif->transaksi_id = $id ?? null;
$notif->user_id = $user_id ?? null;
$notif->kategori = $kategori;
$notif->title = $title;
$notif->body = $body;
$notif->save();
return $notif;
}
================================================
FILE: app/Http/Controllers/Admin/AdminController.php
================================================
get();
return view('modul_admin.pengguna.admin', compact('adm'));
}
// Profile
public function profile()
{
$profile = User::where('id',Auth::id())->first();
return view('modul_admin.setting.profile', compact('profile'));
}
// Proses edit profile
public function edit_profile(Request $request)
{
$profile = User::find($request->id_profile);
$profile->update([
'name' => $request->name,
'email' => $request->email
]);
Session::flash('success','Update Profile Berhasil');
return $profile;
}
}
================================================
FILE: app/Http/Controllers/Admin/CustomerController.php
================================================
get();
return view('modul_admin.customer.index', compact('customer'));
}
public function show($id)
{
$customer = User::with('transaksiCustomer')->where('id',$id)->first();
return view('modul_admin.customer.infoCustomer', compact('customer'));
}
}
================================================
FILE: app/Http/Controllers/Admin/DokumentasiController.php
================================================
select('bulan', DB::raw('sum(harga_akhir) AS jml'))
->whereYear('created_at','=',date("Y", strtotime(now())))
->whereMonth('created_at','=',date("m", strtotime(now())))
->groupBy('bulan')
->get();
$bulans = '';
$batas = 12;
$chartMonth = '';
for($_i=1; $_i <= $batas; $_i++){
$bulans = $bulans . (string)$_i . ',';
$_check = false;
foreach($chartMonthSalary as $_data){
if((int)@$_data->bulan === $_i){
$chartMonth = $chartMonth . (string)$_data->jml . ',';
$_check = true;
}
}
if(!$_check){
$chartMonth = $chartMonth . '0,';
}
}
$incomeAll = transaksi::where('status_payment','Success')->sum('harga_akhir');
$incomeY = transaksi::where('status_payment','Success')->where('tahun',date('Y'))
->sum('harga_akhir');
$incomeM = transaksi::where('status_payment','Success')->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->sum('harga_akhir');
$incomeYOld = transaksi::where('status_payment','Success')->where('tahun',date("Y",strtotime("-1 year")))
->sum('harga_akhir');
$incomeD = transaksi::where('status_payment','Success')->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date('d'),'0'))->sum('harga_akhir');
$incomeDOld = transaksi::where('status_payment','Success')->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date("d",strtotime("-1 day")),'0'))->sum('harga_akhir');
$kgDay = transaksi::where('tahun',date('Y'))->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date('d'),'0'))->sum('kg');
$kgMonth = transaksi::where('tahun',date('Y'))->where('bulan', ltrim(date('m'),'0'))->sum('kg');
$kgYear = transaksi::where('tahun',date('Y'))->sum('kg');
$getCabang = User::whereHas('transaksi', function($a) {
$a->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'));
})
->get();
$target = LaundrySetting::first();
return view('modul_admin.finance.index', \compact(
'chartMonth','incomeY','incomeM','incomeYOld','incomeD','incomeDOld',
'target','incomeAll','getCabang','kgDay','kgMonth','kgYear'
));
}
// Tambah dan Data Harga
public function dataharga()
{
// Ambil data harga
$harga = harga::with('harga_user')->orderBy('id','DESC')->get();
// Cek Apakah sudah ada karyawan atau belum
$karyawan = User::where('auth','Karyawan')->first();
// Ambil list cabang
$getcabang = User::where('auth','Karyawan')->where('status','Active')->get();
// Get Data Bank
$getBank = DataBank::where('user_id',Auth::id())->count();
return view('modul_admin.laundri.harga', compact('harga','karyawan','getcabang','getBank'));
}
// Proses Simpan Harga
public function hargastore(HargaRequest $request)
{
$addharga = new harga();
$addharga->user_id = $request->user_id;
$addharga->jenis = $request->jenis;
$addharga->kg = 1000; // satuan gram
$addharga->harga = preg_replace('/[^A-Za-z0-9\-]/', '', $request->harga); // Remove special caracter
$addharga->hari = $request->hari;
$addharga->status = 1; //aktif
$addharga->save();
Session::flash('success','Tambah Data Harga Berhasil');
return redirect('data-harga');
}
// Proses edit harga
public function hargaedit(Request $request)
{
$editharga = harga::find($request->id_harga);
$editharga->update([
'jenis' => $request->jenis,
'kg' => $request->kg,
'harga' => $request->harga,
'hari' => $request->hari,
'status' => $request->status,
]);
Session::flash('success','Edit Data Harga Berhasil');
return $editharga;
}
}
================================================
FILE: app/Http/Controllers/Admin/KaryawanController.php
================================================
get();
return view('modul_admin.pengguna.kry', compact('kry'));
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('modul_admin.pengguna.addkry');
}
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(AddKaryawanRequest $request)
{
$phone_number = preg_replace('/^0/','62',$request->no_telp);
$adduser = New User();
$adduser->name = $request->name;
$adduser->email = $request->email;
$adduser->nama_cabang = $request->nama_cabang;
$adduser->alamat = $request->alamat;
$adduser->alamat_cabang = $request->alamat_cabang;
$adduser->no_telp = $phone_number;
$adduser->status = 'Active';
$adduser->auth = 'Karyawan';
$adduser->password = Hash::make($request->password);
$adduser->save();
$adduser->assignRole($adduser->auth);
Session::flash('success','Karyawan Berhasil Dibuat.');
return redirect('karyawan');
}
// Update Status Karyawan
public function updateKaryawan(Request $request)
{
$karyawan = User::find($request->id);
$karyawan->update([
'status' => $karyawan->status == 'Active' ? 'Not Active' : 'Active'
]);
Session::flash('success','Status Karyawan Berhasil Diupdate.');
}
}
================================================
FILE: app/Http/Controllers/Admin/SettingsController.php
================================================
get();
$setnotif = notifications_setting::first();
return view('modul_admin.setting.index', compact('setpage','settarget','databank','setnotif'));
}
// Proses setting page
public function proses_set_page(Request $request, $id)
{
$request->validate([
'judul' => 'required|max:15'
]);
$img_hero = $request->file('img_hero');
if ($img_hero) {
$img_heros = time()."_".$img_hero->getClientoriginalName();
// Folder Penyimpanan
$tujuan_upload = 'frontend/img/logo';
$img_hero->move($tujuan_upload, $img_heros);
}
$setpage = PageSettings::find($id);
$setpage->judul = $request->judul;
$setpage->img_hero = $img_hero;
$setpage->tentang = $request->tentang;
$setpage->facebook = $request->facebook;
$setpage->instagram = $request->instagram;
$setpage->twitter = $request->twitter;
$setpage->whatsapp = $request->whatsapp;
$setpage->no_telp = $request->no_telp;
$setpage->email = $request->email;
$setpage->save();
if ($setpage) {
Session::flash('success','Setting Berhasil Disimpan !');
return back();
}
}
// Check Setting Theme
public function set_theme(Request $request)
{
$id = Auth::id();
$user = User::all();
$set_theme = User::findOrFail($id);
if ($request->theme == NULL) {
$set_theme->theme = '0';
} else {
$set_theme->theme = $request->theme;
}
$set_theme->save();
Session::flash('success','Setting Berhasil Disimpan !');
return back();
}
// Setting Laundry Target
public function set_target_laundry(Request $request, $id)
{
$set_target = LaundrySetting::findOrFail($id);
$set_target->target_day = $request->target_day;
$set_target->target_month = $request->target_month;
$set_target->target_year = $request->target_year;
$set_target->save();
Session::flash('success','Target Berhasil Diupdate !');
return back();
}
// Simpan Bank
public function bank(Request $request)
{
$cek = DataBank::get()->count();
if ($cek >= 3) {
Session::flash('error','Maksimal bank hanya 3 !');
return back();
}
$request->validate([
'nama_bank' => 'required|unique:data_banks',
'no_rekening' => 'required|unique:data_banks',
'no_rekening' => 'required',
]);
DataBank::create([
'nama_bank' => $request->nama_bank,
'no_rekening' => $request->no_rekening,
'nama_pemilik' => $request->nama_pemilik,
'user_id' => Auth::id(),
]);
Session::flash('success','Bank Berhasil Ditambah !');
return back();
}
// Notification
public function notif(Request $request,$id)
{
$notif = notifications_setting::findorFail($id);
$notif->telegram_order_masuk = $request->telegram_order_masuk;
$notif->telegram_order_selesai = $request->telegram_order_selesai;
$notif->email = $request->email;
$notif->telegram_channel_masuk = $request->telegram_channel_masuk;
$notif->telegram_channel_selesai = $request->telegram_channel_masuk;
$notif->wa_order_selesai = $request->wa_order_selesai;
$notif->wa_token = $request->wa_token;
$notif->save();
Session::flash('success','Notifications Berhasil Diupdate !');
return back();
}
}
================================================
FILE: app/Http/Controllers/Admin/TransaksiController.php
================================================
orderBy('created_at','desc')->get();
$filter = User::select('id','name')->where('auth','Karyawan')->get();
return view('modul_admin.transaksi.index', compact('transaksi','filter'));
}
// Filter Transaksi
public function filtertransaksi(Request $request)
{
if ($request->user_id != 'all') {
$transaksi = transaksi::with('price')
->where('user_id', $request->user_id)
->orderBy('created_at','desc')
->get();
}elseif($request->user_id == 'all') {
$transaksi = transaksi::with('price')
->orderBy('created_at','desc')
->get();
}
$return = "";
$no=1;
foreach($transaksi as $item) {
$return .="
".$no."
".$item->tgl_transaksi."
".$item->customer."
".$item->status_order."
".$item->status_payment."
".$item->price->jenis." ";
$return .="
".Rupiah::getRupiah($item->kg * $item->harga)." ";
$return .="Invoice ";
$no++;
}
return $return;
}
// Invoice
public function invoice( Request $request)
{
$invoice = transaksi::with('price')
->where('invoice', $request->invoice)
->orderBy('id','DESC')->get();
$dataInvoice = transaksi::with('customers','user')
->where('invoice', $request->invoice)
->first();
return view('modul_admin.transaksi.invoice', compact('invoice','dataInvoice'));
}
}
================================================
FILE: app/Http/Controllers/Auth/ForgotPasswordController.php
================================================
middleware('guest');
}
}
================================================
FILE: app/Http/Controllers/Auth/LoginController.php
================================================
middleware('guest')->except('logout');
}
protected function authenticated()
{
if(Auth::User()->status == 'Not Active') {
Auth::logout();
Session::flash('error', "Akun yang kamu gunakan sudah Tidak Aktif !");
return redirect('login');
}
}
}
================================================
FILE: app/Http/Controllers/Auth/RegisterController.php
================================================
middleware('guest');
}
/**
* Get a validator for an incoming registration request.
*
* @param array $data
* @return \Illuminate\Contracts\Validation\Validator
*/
protected function validator(array $data)
{
return Validator::make($data, [
'name' => ['required', 'string', 'max:255'],
'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
'password' => ['required', 'string', 'min:7', 'confirmed'],
]);
}
/**
* Create a new user instance after a valid registration.
*
* @param array $data
* @return \App\User
*/
protected function create(array $data)
{
return User::create([
'name' => $data['name'],
'email' => $data['email'],
'auth' => $data['auth'],
'status' => $data['status'],
'password' => Hash::make($data['password']),
]);
}
}
================================================
FILE: app/Http/Controllers/Auth/ResetPasswordController.php
================================================
middleware('guest');
}
}
================================================
FILE: app/Http/Controllers/Auth/VerificationController.php
================================================
middleware('auth');
$this->middleware('signed')->only('verify');
$this->middleware('throttle:6,1')->only('verify', 'resend');
}
}
================================================
FILE: app/Http/Controllers/Controller.php
================================================
file('foto');
if ($foto) {
$nama_foto = time()."_".$foto->getClientOriginalName();
// isi dengan nama folder tempat kemana file diupload
$tujuan_upload = 'public/images/foto_profile';
$foto->storeAs($tujuan_upload,$nama_foto);
}
if ($request->password) {
$password = Hash::make($request->password);
}
$profile = User::findOrFail($id);
$profile->name = $request->name;
$profile->email = $request->email;
$profile->alamat = $request->alamat;
$profile->foto = $nama_foto ?? Auth::user()->foto;
$profile->password = $password ?? Auth::user()->password;
$profile->save();
Session::flash('success','Data profile berhasil diupdate !');
return back();
}
}
================================================
FILE: app/Http/Controllers/Customer/SettingController.php
================================================
theme == NULL) {
$setting->theme = '0';
} else {
$setting->theme = $request->theme;
}
$setting->save();
Session::flash('success','Setting Berhasil Diupdate !');
return back();
}
}
================================================
FILE: app/Http/Controllers/FrontController.php
================================================
search_status);
if ($search->count() == 0) {
$return = 0;
}else{
$return = $search->first();
}
return $return;
}
}
================================================
FILE: app/Http/Controllers/HomeController.php
================================================
middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Contracts\Support\Renderable
*/
public function index()
{
if(Auth::check()){
if (Auth::user()->auth === "Admin") {
$masuk = transaksi::whereIN('status_order',['Process','Done','Delivery'])->count();
$selesai = transaksi::where('status_order','Done')->count();
$diambil = transaksi::where('status_order','Delivery')->count();
$customer = User::where('auth','Customer')->get();
$sudahbayar = transaksi::where('status_payment','Success')->count();
$belumbayar = transaksi::where('status_payment','Pending')->count();
$incomeY = transaksi::where('status_payment','Success')
->where('tahun',date('Y'))->sum('harga_akhir');
$incomeM = transaksi::where('status_payment','Success')
->where('tahun',date('Y'))->where('bulan', ltrim(date('m'),'0'))->sum('harga_akhir');
$incomeYOld = transaksi::where('status_payment','Success')
->where('tahun',date("Y",strtotime("-1 month")))->sum('harga_akhir');
$incomeD = transaksi::where('status_payment','Success')
->where('tahun',date('Y'))->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date('d'),'0'))->sum('harga_akhir');
$incomeDOld = transaksi::where('status_payment','Success')->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date("d",strtotime("-1 day")),'0'))->sum('harga_akhir');
$data = DB::table("transaksis")
->select("id" ,DB::raw("(COUNT(*)) as customer"))
->orderBy('created_at')
->groupBy(DB::raw("MONTH(created_at)"))
->count();
// Statistik Harian
$hari = DB::table('transaksis')
-> select('tgl', DB::raw('count(id) AS jml'))
-> whereYear('created_at','=',date("Y", strtotime(now())))
-> whereMonth('created_at','=',date("m", strtotime(now())))
-> groupBy('tgl')
-> get();
$tanggal = '';
$batas = 31;
$nilai = '';
for($_i=1; $_i <= $batas; $_i++){
$tanggal = $tanggal . (string)$_i . ',';
$_check = false;
foreach($hari as $_data){
if((int)@$_data->tgl === $_i){
$nilai = $nilai . (string)$_data->jml . ',';
$_check = true;
}
}
if(!$_check){
$nilai = $nilai . '0,';
}
}
// Statistik Bulanan
$bln = DB::table('transaksis')
-> select('bulan', DB::raw('count(id) AS jml'))
-> whereYear('created_at','=',date("Y", strtotime(now())))
-> whereMonth('created_at','=',date("m", strtotime(now())))
-> groupBy('bulan')
-> get();
$bulans = '';
$batas = 12;
$nilaiB = '';
for($_i=1; $_i <= $batas; $_i++){
$bulans = $bulans . (string)$_i . ',';
$_check = false;
foreach($bln as $_data){
if((int)@$_data->bulan === $_i){
$nilaiB = $nilaiB . (string)$_data->jml . ',';
$_check = true;
}
}
if(!$_check){
$nilaiB = $nilaiB . '0,';
}
}
return view('modul_admin.index')
-> with('data', $data)
-> with('masuk',$masuk)
-> with('selesai',$selesai)
-> with('customer', $customer)
-> with('sudahbayar', $sudahbayar)
-> with('belumbayar', $belumbayar)
-> with('_tanggal', substr($tanggal, 0,-1))
-> with('_nilai', substr($nilai, 0, -1))
-> with('_bulan', substr($bulans, 0,-1))
-> with('_nilaiB', substr($nilaiB, 0, -1))
-> with('diambil',$diambil)
-> with('incomeY',$incomeY)
-> with('incomeM',$incomeM)
-> with('incomeYOld',$incomeYOld)
-> with('incomeD',$incomeD)
-> with('incomeDOld',$incomeDOld);
} elseif(Auth::user()->auth === "Karyawan") {
$masuk = transaksi::whereIN('status_order',['Process','Done','Delivery'])->where('user_id',auth::user()->id)->count();
$selesai = transaksi::where('status_order','Done')->where('user_id',auth::user()->id)->count();
$diambil = transaksi::where('status_order','Delivery')->where('user_id',auth::user()->id)->count();
$customer = User::where('karyawan_id',auth::user()->id)->get();
$kgToday = transaksi::where('user_id',Auth::id())->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date('d'),'0'))->sum('kg');
$kgTodayOld = transaksi::where('user_id',Auth::id())->where('tahun',date('Y'))
->where('bulan', ltrim(date('m'),'0'))->where('tgl',ltrim(date("d",strtotime("-1 day")),'0'))->sum('kg');
$incomeM = transaksi::where('user_id',Auth::id())->where('status_payment','Success')
->where('tahun',date('Y'))->where('bulan', ltrim(date('m'),'0'))->sum('harga_akhir');
$incomeMOld = transaksi::where('user_id',Auth::id())->where('status_payment','Success')
->where('tahun',date('Y'))->where('bulan', ltrim(date('m',strtotime("-1 month")),'0'))->sum('harga_akhir');
$persen = 0;
if ($incomeMOld != null && $incomeM != null) {
$persen = ($incomeM - $incomeMOld) / $incomeM * 100;
}
// Statistik Bulanan
$bln = DB::table('transaksis')
-> select('bulan', DB::raw('count(id) AS jml'))
-> whereYear('created_at','=',date("Y", strtotime(now())))
-> whereMonth('created_at','=',date("m", strtotime(now())))
-> groupBy('bulan')
-> get();
$bulans = '';
$batas = 12;
$nilaiB = '';
for($_i=1; $_i <= $batas; $_i++){
$bulans = $bulans . (string)$_i . ',';
$_check = false;
foreach($bln as $_data){
if((int)@$_data->bulan === $_i){
$nilaiB = $nilaiB . (string)$_data->jml . ',';
$_check = true;
}
}
if(!$_check){
$nilaiB = $nilaiB . '0,';
}
}
return view('karyawan.index')
-> with('diambil', $diambil)
-> with('masuk',$masuk)
-> with('selesai',$selesai)
-> with('customer', $customer)
-> with('kgToday', $kgToday)
-> with('kgTodayOld', $kgTodayOld)
-> with('incomeM',$incomeM)
-> with('incomeMOld',$incomeMOld)
-> with('persen',$persen)
-> with('_bulan', substr($bulans, 0,-1))
-> with('_nilaiB', substr($nilaiB, 0, -1));
}elseif(Auth::user()->auth == 'Customer'){
$totalLaundry = transaksi::where('customer_id',Auth::id())->count();
$totalLaundryKg = transaksi::where('customer_id',Auth::id())->sum('kg');
$transaksi = transaksi::with('price')->where('customer_id',Auth::id())->get();
return view('customer.index',\compact('totalLaundry','totalLaundryKg','transaksi'));
}
}
}
// Read Notifikasi
public function readNotifikasi(Request $request)
{
$notif = Notification::find($request->id);
$notif->update([
'is_read' => 1
]);
return $notif;
}
}
================================================
FILE: app/Http/Controllers/Karyawan/CustomerController.php
================================================
id)
->where('auth','Customer')
->orderBy('id','DESC')->get();
return view('karyawan.customer.index', compact('customer'));
}
// Detail Customer
public function detail($id)
{
$customer = User::with('transaksiCustomer')
->where('karyawan_id',Auth::user()->id)
->where('id',$id)->first();
return view('karyawan.customer.detail', compact('customer'));
}
// Create
public function create()
{
return view('karyawan.customer.create');
}
// Store
public function store(AddCustomerRequest $request)
{
try {
DB::beginTransaction();
$phone_number = preg_replace('/^0/','62',$request->no_telp);
$password = str::random(8);
$addCustomer = User::create([
'karyawan_id' => Auth::id(),
'name' => $request->name,
'email' => $request->email,
'auth' => 'Customer',
'status' => 'Active',
'no_telp' => $phone_number,
'alamat' => $request->alamat,
'password' => Hash::make($password)
]);
$addCustomer->assignRole($addCustomer->auth);
if ($addCustomer) {
// Menyiapkan data Email
$data = array(
'name' => $addCustomer->name,
'email' => $addCustomer->email,
'password' => $password,
'url_login' => url('/login'),
'nama_laundry' => Auth::user()->nama_cabang,
'alamat_laundry' => Auth::user()->alamat_cabang,
);
// Kirim email
if (setNotificationEmail(1) == 1) {
dispatch(new RegisterCustomerJob($data));
}
}
DB::commit();
Session::flash('success','Customer Berhasil Ditambah !');
return redirect('customers');
} catch (ErrorException $e) {
DB::rollback();
throw new ErrorException($e->getMessage());
}
}
}
================================================
FILE: app/Http/Controllers/Karyawan/InvoiceController.php
================================================
where('user_id',Auth::id())
->where('id',$request->id)
->get();
$data = transaksi::with('customers','user')
->where('user_id',Auth::id())
->where('id',$request->id)
->first();
$bank = DataBank::get();
return view('karyawan.laporan.invoice', compact('invoice','data','bank'));
}
// Cetak invoice
public function cetakinvoice(Request $request)
{
$invoice = transaksi::with('price')
->where('user_id',Auth::id())
->where('id',$request->id)
->get();
$data = transaksi::with('customers','user')
->where('user_id',Auth::id())
->where('id',$request->id)
->first();
$bank = DataBank::get();
$pdf = PDF::loadView('karyawan.laporan.cetak', compact('invoice','data','bank'))->setPaper('a4', 'landscape');
return $pdf->stream();
}
}
================================================
FILE: app/Http/Controllers/Karyawan/LaporanController.php
================================================
get();
return view('karyawan.laporan.index', compact('laporan'));
}
// Export Excel
public function exportExcel()
{
return Excel::download(new LaporanExport, 'laporan_laundry.xlsx');
}
}
================================================
FILE: app/Http/Controllers/Karyawan/PelayananController.php
================================================
where('user_id',Auth::user()->id)
->orderBy('id','DESC')->get();
return view('karyawan.transaksi.order', compact('order'));
}
// Proses simpan order
public function store(AddOrderRequest $request)
{
try {
DB::beginTransaction();
$order = new transaksi();
$order->invoice = $request->invoice;
$order->tgl_transaksi = Carbon::now()->parse($order->tgl_transaksi)->format('d-m-Y');
$order->status_payment = $request->status_payment;
$order->harga_id = $request->harga_id;
$order->customer_id = $request->customer_id;
$order->user_id = Auth::user()->id;
$order->customer = namaCustomer($order->customer_id);
$order->email_customer = email_customer($order->customer_id);
$order->hari = $request->hari;
$order->kg = $request->kg;
$order->harga = $request->harga;
$order->disc = $request->disc;
$hitung = $order->kg * $order->harga;
if ($request->disc != NULL) {
$disc = ($hitung * $order->disc) / 100;
$total = $hitung - $disc;
$order->harga_akhir = $total;
} else {
$order->harga_akhir = $hitung;
}
$order->jenis_pembayaran = $request->jenis_pembayaran;
$order->tgl = Carbon::now()->day;
$order->bulan = Carbon::now()->month;
$order->tahun = Carbon::now()->year;
$order->save();
if ($order) {
// Notification Telegram
if (setNotificationTelegramIn(1) == 1) {
$order->notify(new OrderMasuk());
}
// Notification email
if (setNotificationEmail(1) == 1) {
// Menyiapkan data Email
$bank = DataBank::get();
$jenisPakaian = harga::where('id', $order->harga_id)->first();
$data = array(
'email' => $order->email_customer,
'invoice' => $order->invoice,
'customer' => $order->customer,
'tgl_transaksi' => $order->tgl_transaksi,
'pakaian' => $jenisPakaian->jenis,
'berat' => $order->kg,
'harga' => $order->harga,
'harga_disc' => ($hitung * $order->disc) / 100,
'disc' => $order->disc,
'total' => $order->kg * $order->harga,
'harga_akhir' => $order->harga_akhir,
'laundry_name' => Auth::user()->nama_cabang,
'bank' => $bank
);
// Kirim Email
dispatch(new OrderCustomerJob($data));
}
DB::commit();
Session::flash('success','Order Berhasil Ditambah !');
return redirect('pelayanan');
}
} catch (ErrorException $e) {
DB::rollback();
throw new ErrorException($e->getMessage());
}
}
// Tambah Order
public function addorders()
{
$customer = User::where('karyawan_id',Auth::user()->id)->get();
$jenisPakaian = harga::where('user_id',Auth::id())->where('status','1')->get();
$y = date('Y');
$number = mt_rand(1000, 9999);
// Nomor Form otomatis
$newID = $number. Auth::user()->id .''.$y;
$tgl = date('d-m-Y');
$cek_harga = harga::where('user_id',Auth::user()->id)->where('status',1)->first();
$cek_customer = User::select('id','karyawan_id')->where('karyawan_id',Auth::id())->count();
return view('karyawan.transaksi.addorder', compact('customer','newID','cek_harga','cek_customer','jenisPakaian'));
}
// Filter List Harga
public function listharga(Request $request)
{
$list_harga = harga::select('id','harga')
->where('user_id',Auth::user()->id)
->where('id',$request->id)
->get();
$select = '';
$select .= '
Harga
';
foreach ($list_harga as $studi) {
$select .= ''.'Rp. ' .number_format($studi->harga,0,",",".").' ';
}'
';
return $select;
}
// Filter List Jumlah Hari
public function listhari(Request $request)
{
$list_jenis = harga::select('id','hari')
->where('user_id',Auth::user()->id)
->where('id',$request->id)
->get();
$select = '';
$select .= '
Pilih Hari
';
foreach ($list_jenis as $hari) {
$select .= ''.$hari->hari.' ';
}'
';
return $select;
}
// Update Status Laundry
public function updateStatusLaundry(Request $request)
{
$transaksi = transaksi::find($request->id);
if ($transaksi->status_payment == 'Pending') {
$transaksi->update([
'status_payment' => 'Success'
]);
} elseif ($transaksi->status_payment == 'Success') {
if ($transaksi->status_order == 'Process') {
$transaksi->update([
'status_order' => 'Done'
]);
// Tambah point +1
$points = User::where('id',$transaksi->customer_id)->firstOrFail();
$points->point = $points->point + 1;
$points->update();
// Create Notifikasi
$id = $transaksi->id;
$user_id = $transaksi->customer_id;
$title = 'Pakaian Selesai';
$body = 'Pakaian Sudah Selesai dan Sudah Bisa Diambil :)';
$kategori = 'info';
sendNotification($id,$user_id,$kategori,$title,$body);
// Cek email notif
if (setNotificationEmail(1) == 1) {
// Menyiapkan data
$data = array(
'email' => $transaksi->email_customer,
'invoice' => $transaksi->invoice,
'customer' => $transaksi->customer,
'nama_laundry' => Auth::user()->nama_cabang,
'alamat_laundry' => Auth::user()->alamat_cabang,
);
// Kirim Email
dispatch(new DoneCustomerJob($data));
}
// Cek status notif untuk telegram
if (setNotificationTelegramFinish(1) == 1) {
$transaksi->notify(new OrderSelesai());
}
// Notifikasi WhatsApp
if (setNotificationWhatsappOrderSelesai(1) == 1 && getTokenWhatsapp() != null) {
$waCustomer = $transaksi->customers->no_telp; // get nomor whatsapp customer
$nameCustomer = $transaksi->customers->name; // get name customer
notificationWhatsapp(
getTokenWhatsapp(), // Token
$waCustomer, // nomor whatsapp
'Halo Kak '.$nameCustomer.' Laundry kamu sudah selesai dan sudah bisa diambil nih :) ' // pesan
);
}
} elseif ($transaksi->status_order == 'Done') {
$transaksi->update([
'status_order' => 'Delivery'
]);
}
}
if ($transaksi->status_payment == 'Success') {
Session::flash('success', "Status Pembayaran Berhasil Diubah !");
}
if($transaksi->status_order == 'Done' || $transaksi->status_order == 'Delivery') {
Session::flash('success', "Status Laundry Berhasil Diubah !");
}
}
}
================================================
FILE: app/Http/Controllers/Karyawan/ProfileController.php
================================================
file('foto');
if ($foto) {
$nama_foto = time()."_".$foto->getClientOriginalName();
// isi dengan nama folder tempat kemana file diupload
$tujuan_upload = 'public/images/foto_profile';
$foto->storeAs($tujuan_upload,$nama_foto);
}
if ($request->password) {
$password = Hash::make($request->password);
}
$profile = User::findOrFail($id);
$profile->name = $request->name;
$profile->email = $request->email;
$profile->alamat = $request->alamat;
$profile->nama_cabang = $request->nama_cabang;
$profile->alamat_cabang = $request->alamat_cabang;
$profile->foto = $nama_foto ?? Auth::user()->foto;
$profile->password = $password ?? Auth::user()->password;
$profile->save();
Session::flash('success','Data profile berhasil diupdate !');
return back();
}
}
================================================
FILE: app/Http/Controllers/Karyawan/SettingsController.php
================================================
theme == NULL) {
$setting->theme = '0';
} else {
$setting->theme = $request->theme;
}
$setting->save();
Session::flash('success','Setting Berhasil Diupdate !');
return back();
}
}
================================================
FILE: app/Http/Kernel.php
================================================
[
\App\Http\Middleware\EncryptCookies::class,
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,
// \Illuminate\Session\Middleware\AuthenticateSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
\App\Http\Middleware\VerifyCsrfToken::class,
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],
'api' => [
'throttle:60,1',
'bindings',
],
];
/**
* The application's route middleware.
*
* These middleware may be assigned to groups or used individually.
*
* @var array
*/
protected $routeMiddleware = [
'auth' => \App\Http\Middleware\Authenticate::class,
'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
'can' => \Illuminate\Auth\Middleware\Authorize::class,
'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
'role' => \Spatie\Permission\Middlewares\RoleMiddleware::class,
'permission' => \Spatie\Permission\Middlewares\PermissionMiddleware::class,
'role_or_permission' => \Spatie\Permission\Middlewares\RoleOrPermissionMiddleware::class,
];
/**
* The priority-sorted list of middleware.
*
* This forces non-global middleware to always be in the given order.
*
* @var array
*/
protected $middlewarePriority = [
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
\App\Http\Middleware\Authenticate::class,
\Illuminate\Session\Middleware\AuthenticateSession::class,
\Illuminate\Routing\Middleware\SubstituteBindings::class,
\Illuminate\Auth\Middleware\Authorize::class,
];
}
================================================
FILE: app/Http/Middleware/Authenticate.php
================================================
expectsJson()) {
return route('login');
}
}
}
================================================
FILE: app/Http/Middleware/CheckForMaintenanceMode.php
================================================
check()) {
return redirect('/home');
}
return $next($request);
}
}
================================================
FILE: app/Http/Middleware/TrimStrings.php
================================================
'required|max:25',
'email' => 'required|unique:users',
'alamat' => 'required',
'no_telp' => 'required|unique:users',
];
}
public function messages()
{
return [
'name.required' => 'Nama tidak boleh kosong.',
'name.unique' => 'Nama sudah digunakan.',
'name.max' => 'Nama tidak boleh lebih dari 50 karakter.',
'email.required' => 'Email tidak boleh kosong.',
'email.unique' => 'Email sudah digunakan.',
'email.max' => 'Email tidak boleh lebih dari 50 karakter.',
'alamat.required' => 'Alamat tidak boleh kosong.',
'alamat.max' => 'Alamat tidak boleh lebih dari 50 karakter.',
'no_telp.required' => 'Nomor Telepon tidak boleh kosong.'
];
}
}
================================================
FILE: app/Http/Requests/AddKaryawanRequest.php
================================================
'required|unique:users|max:50',
'email' => 'required|unique:users|max:50',
'nama_cabang' => 'required|max:50',
'alamat' => 'required|max:50',
'alamat_cabang' => 'required|unique:users',
'no_telp' => 'required',
'password' => 'required|string|min:8|confirmed',
'password_confirmation' => 'required|string|min:8'
];
}
public function messages()
{
return [
'name.required' => 'Nama tidak boleh kosong.',
'name.unique' => 'Nama sudah digunakan.',
'name.max' => 'Nama tidak boleh lebih dari 50 karakter.',
'email.required' => 'Email tidak boleh kosong.',
'email.unique' => 'Email sudah digunakan.',
'email.max' => 'Email tidak boleh lebih dari 50 karakter.',
'nama_cabang.required' => 'Nama Cabang tidak boleh kosong.',
'nama_cabang.max' => 'Nama Cabang tidak boleh lebih dari 30 karakter.',
'alamat_cabang.required' => 'Alamat Cabang tidak boleh ksosong.',
'alamt_cabang.unique' => 'Alamat Cabang sudah digunakan',
'alamat.required' => 'Alamat tidak boleh kosong.',
'alamat.max' => 'Alamat tidak boleh lebih dari 50 karakter.',
'no_telp.required' => 'Nomor Telepon tidak boleh kosong.',
'password.required' => 'Password tidak boleh kosong.',
'password.min' => 'Password harus lebih dari 8 karakter.',
'password.confirmed' => 'Password tidak sama, mohon ulangi kembali.',
'password_confirmation.required'=> 'Password Konfirmasi tidak boleh kosong.',
'password_confirmation.min' => 'Password Konfirmasi harus lebih dari 8 karakter.'
];
}
}
================================================
FILE: app/Http/Requests/AddOrderRequest.php
================================================
'required',
'kg' => 'required|regex:/^[0-9.]+$/|numeric',
'hari' => 'required',
'harga' => 'required',
'jenis_pembayaran' => 'required',
'disc' => 'nullable|numeric',
'harga_id' => 'required',
'customer_id' => 'required'
];
}
public function messages()
{
return [
'status_payment.required' => 'Status Pembayaran wajib dipilih.',
'kg.required' => 'Berat Pakaian tidak boleh kosong.',
'kg.numeric' => 'Berat Pakaian hanya mendukung angka.',
'hari.required' => 'Hari tidak boleh kosong.',
'harga.required' => 'Harga tidak boleh kosong.',
'jenis_pembayaran.required' => 'Jenis Pembayaran wajib dipilih.',
'disc.numeric' => 'Diskon hanya mendukung angka.',
'harga_id.required' => 'Jenis Pakaian wajib dipilih.',
'customer_id.required' => 'Customer wajib dipilih.'
];
}
}
================================================
FILE: app/Http/Requests/HargaRequest.php
================================================
'required',
'jenis' => 'required',
'harga' => 'required',
'hari' => 'required'
];
}
public function messages()
{
return [
'user_id.required' => 'Cabang tidak boleh kosong.',
'jenis.required' => 'Jenis pakaian tidak boleh kosong.',
'harga.required' => 'Harga tidak boleh kosong.',
'hari.required' => 'Jumlah hari tidak boleh kosong.'
];
}
}
================================================
FILE: app/Http/Requests/LoginRequest.php
================================================
'required|email|exists:users,email',
'password' => 'required'
];
}
public function messages()
{
return [
'email.required' => "Email tidak boleh kosong",
"email.email" => "Format email tidak diketahui",
"email.exists" => "Email tidak terdaftar pada sistem",
"password.required" => "Password tidak boleh kosong",
];
}
}
================================================
FILE: app/Http/Requests/UpdateProfilRequest.php
================================================
'required',
'email' => 'required',
'no_telp' => 'required',
'alamat' => 'required',
'password' => 'confirmed|min:8|nullable'
];
}
public function messages()
{
return [
'name.required' => 'Nama tidak boleh kosong.',
'email.required' => 'Email tidak boleh kosong.',
'no_telp.required' => 'No WhatsApp tidak boleh kosong.',
'alamat.required' => 'Alamat tidak boleh kosong.',
'password.min' => 'Password minimal berjumlah 8 karakter.',
'password.confirmed' => 'Password Konfirmasi tidak sama.'
];
}
}
================================================
FILE: app/Jobs/DoneCustomerJob.php
================================================
data = $data;
}
/**
* Execute the job.
*
* @return void
*/
public function handle()
{
$email = new DoneCustomer($this->data);
Mail::to($this->data['email'])->send($email);
}
}
================================================
FILE: app/Jobs/OrderCustomerJob.php
================================================
data = $data;
}
/**
* Execute the job.
*
* @return void
*/
public function handle()
{
$email = new OrderCustomer($this->data);
Mail::to($this->data['email'])->send($email);
}
}
================================================
FILE: app/Jobs/RegisterCustomerJob.php
================================================
data = $data;
}
/**
* Execute the job.
*
* @return void
*/
public function handle()
{
$email = new RegisterCustomer($this->data);
Mail::to($this->data['email'])->send($email);
}
}
================================================
FILE: app/Mail/DoneCustomer.php
================================================
data = $data;
}
/**
* Build the message.
*
* @return $this
*/
public function build()
{
$address = config("mail.from.address");
$name = 'E-Laundry';
return $this->view('emails.done')
->subject('Laundry Selesai')
->with('data', $this->data)
->from($address, $name);
return $this;
}
}
================================================
FILE: app/Mail/OrderCustomer.php
================================================
data = $data;
}
/**
* Build the message.
*
* @return $this
*/
public function build()
{
$address = config("mail.from.address");
$name = 'E-Laundry';
return $this->view('emails.orders')
->subject('Laundry Order')
->with('data', $this->data)
->from($address, $name);
return $this;
}
}
================================================
FILE: app/Mail/RegisterCustomer.php
================================================
data = $data;
}
/**
* Build the message.
*
* @return $this
*/
public function build()
{
$address = config("mail.from.address");
$name = 'E-Laundry';
return $this->view('emails.register')
->subject('Laundry Registrasi')
->with('data', $this->data)
->from($address, $name);
return $this;
}
}
================================================
FILE: app/Models/Bank.php
================================================
*
*/
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
/**
* Bank Model.
*/
class Bank extends Model
{
/**
* Table name.
*
* @var string
*/
protected $table = 'banks';
}
================================================
FILE: app/Models/DataBank.php
================================================
belongsTo(User::class);
}
}
================================================
FILE: app/Models/LaundrySetting.php
================================================
'datetime',
];
function bank()
{
return $this->hasOne(DataBank::class);
}
public function transaksi()
{
return $this->belongsTo(transaksi::class,'id','user_id');
}
public function transaksiCustomer()
{
return $this->hasMany(transaksi::class,'customer_id','id');
}
}
================================================
FILE: app/Models/harga.php
================================================
hasMany(transaksi::class);
}
public function harga_user()
{
return $this->belongsTo(User::class,'user_id','id');
}
}
================================================
FILE: app/Models/notifications_setting.php
================================================
belongsTo(harga::class,'harga_id','id');
}
public function customers()
{
return $this->belongsTo(User::class,'customer_id','id')->where('auth','Customer');
}
public function user()
{
return $this->belongsTo(User::class,'user_id','id');
}
}
================================================
FILE: app/Notifications/OrderMasuk.php
================================================
line('The introduction to the notification.')
->action('Notification Action', url('/'))
->line('Thank you for using our application!');
}
public function toTelegram($order)
{
$url = url('/invoice-kar/' .$order->id);
return TelegramMessage::create()
->to(telegram_channel_masuk())
->content("*Order Masuk*\nCustomer {$order->customer} \nBerat Pakaian {$order->kg}kg \nTotal Pembayaran Rp. ".number_format($order->harga_akhir)."")
->button('View Order', $url);
}
/**
* Get the array representation of the notification.
*
* @param mixed $notifiable
* @return array
*/
public function toArray($notifiable)
{
return [
//
];
}
}
================================================
FILE: app/Notifications/OrderSelesai.php
================================================
line('The introduction to the notification.')
->action('Notification Action', url('/'))
->line('Thank you for using our application!');
}
public function toTelegram($statusorder)
{
return TelegramMessage::create()
->to(telegram_channel_selesai())
->content("*Order Selesai* \nCustomer {$statusorder->customer}\nBerat Pakaian {$statusorder->kg}kg \nTotal Pembayaran Rp. ".number_format($statusorder->harga_akhir)."");
}
/**
* Get the array representation of the notification.
*
* @param mixed $notifiable
* @return array
*/
public function toArray($notifiable)
{
return [
//
];
}
}
================================================
FILE: app/Providers/AppServiceProvider.php
================================================
'App\Policies\ModelPolicy',
];
/**
* Register any authentication / authorization services.
*
* @return void
*/
public function boot()
{
$this->registerPolicies();
//
}
}
================================================
FILE: app/Providers/BroadcastServiceProvider.php
================================================
[
SendEmailVerificationNotification::class,
],
];
/**
* Register any events for your application.
*
* @return void
*/
public function boot()
{
parent::boot();
//
}
}
================================================
FILE: app/Providers/RouteServiceProvider.php
================================================
mapApiRoutes();
$this->mapWebRoutes();
//
}
/**
* Define the "web" routes for the application.
*
* These routes all receive session state, CSRF protection, etc.
*
* @return void
*/
protected function mapWebRoutes()
{
Route::middleware('web')
->namespace($this->namespace)
->group(base_path('routes/web.php'));
}
/**
* Define the "api" routes for the application.
*
* These routes are typically stateless.
*
* @return void
*/
protected function mapApiRoutes()
{
Route::prefix('api')
->middleware('api')
->namespace($this->namespace)
->group(base_path('routes/api.php'));
}
}
================================================
FILE: artisan
================================================
#!/usr/bin/env php
make(Illuminate\Contracts\Console\Kernel::class);
$status = $kernel->handle(
$input = new Symfony\Component\Console\Input\ArgvInput,
new Symfony\Component\Console\Output\ConsoleOutput
);
/*
|--------------------------------------------------------------------------
| Shutdown The Application
|--------------------------------------------------------------------------
|
| Once Artisan has finished running, we will fire off the shutdown events
| so that any final work may be done by the application before we shut
| down the process. This is the last thing to happen to the request.
|
*/
$kernel->terminate($input, $status);
exit($status);
================================================
FILE: bootstrap/app.php
================================================
singleton(
Illuminate\Contracts\Http\Kernel::class,
App\Http\Kernel::class
);
$app->singleton(
Illuminate\Contracts\Console\Kernel::class,
App\Console\Kernel::class
);
$app->singleton(
Illuminate\Contracts\Debug\ExceptionHandler::class,
App\Exceptions\Handler::class
);
/*
|--------------------------------------------------------------------------
| Return The Application
|--------------------------------------------------------------------------
|
| This script returns the application instance. The instance is given to
| the calling script so we can separate the building of the instances
| from the actual running of the application and sending responses.
|
*/
return $app;
================================================
FILE: bootstrap/cache/.gitignore
================================================
*
!.gitignore
================================================
FILE: composer.json
================================================
{
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": [
"framework",
"laravel"
],
"license": "MIT",
"require": {
"php": "^8.0.21",
"andes2912/indobank": "^0.7.0",
"barryvdh/laravel-dompdf": "^2.0.0",
"guzzlehttp/guzzle": "^7.4",
"laravel-notification-channels/telegram": "^2.1",
"laravel/framework": "^9.0",
"laravel/tinker": "^2.6.3",
"laravel/ui": "^3.0",
"laravelcollective/html": "^6.2",
"maatwebsite/excel": "^3.1",
"realrashid/sweet-alert": "^5.1.0",
"spatie/laravel-permission": "^5.5.5"
},
"require-dev": {
"beyondcode/laravel-dump-server": "^1.8.0",
"filp/whoops": "^2.0",
"fzaninotto/faker": "^1.4",
"mockery/mockery": "^1.0",
"nunomaduro/collision": "^6.1",
"phpunit/phpunit": "^9.0"
},
"config": {
"optimize-autoloader": true,
"preferred-install": "dist",
"sort-packages": true
},
"extra": {
"laravel": {
"dont-discover": []
}
},
"autoload": {
"psr-4": {
"App\\": "app/",
"Database\\Factories\\": "database/factories/",
"Database\\Seeders\\": "database/seeders/"
},
"files": [
"app/Helpers/Model.php"
],
"classmap": [
"database/seeders",
"database/factories"
]
},
"autoload-dev": {
"psr-4": {
"Tests\\": "tests/"
}
},
"minimum-stability": "dev",
"prefer-stable": true,
"scripts": {
"post-autoload-dump": [
"Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi"
],
"post-root-package-install": [
"@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
],
"post-create-project-cmd": [
"@php artisan key:generate --ansi"
]
}
}
================================================
FILE: config/app.php
================================================
env('APP_NAME', 'Laravel'),
/*
|--------------------------------------------------------------------------
| Application Environment
|--------------------------------------------------------------------------
|
| This value determines the "environment" your application is currently
| running in. This may determine how you prefer to configure various
| services the application utilizes. Set this in your ".env" file.
|
*/
'env' => env('APP_ENV', 'production'),
/*
|--------------------------------------------------------------------------
| Application Debug Mode
|--------------------------------------------------------------------------
|
| When your application is in debug mode, detailed error messages with
| stack traces will be shown on every error that occurs within your
| application. If disabled, a simple generic error page is shown.
|
*/
'debug' => env('APP_DEBUG', false),
'db' => env('DB_DATABASE','db_laundry'),
/*
|--------------------------------------------------------------------------
| Application URL
|--------------------------------------------------------------------------
|
| This URL is used by the console to properly generate URLs when using
| the Artisan command line tool. You should set this to the root of
| your application so that it is used when running Artisan tasks.
|
*/
'url' => env('APP_URL', 'http://localhost'),
'asset_url' => env('ASSET_URL', null),
/*
|--------------------------------------------------------------------------
| Application Timezone
|--------------------------------------------------------------------------
|
| Here you may specify the default timezone for your application, which
| will be used by the PHP date and date-time functions. We have gone
| ahead and set this to a sensible default for you out of the box.
|
*/
'timezone' => 'Asia/Jakarta',
/*
|--------------------------------------------------------------------------
| Application Locale Configuration
|--------------------------------------------------------------------------
|
| The application locale determines the default locale that will be used
| by the translation service provider. You are free to set this value
| to any of the locales which will be supported by the application.
|
*/
'locale' => 'en',
/*
|--------------------------------------------------------------------------
| Application Fallback Locale
|--------------------------------------------------------------------------
|
| The fallback locale determines the locale to use when the current one
| is not available. You may change the value to correspond to any of
| the language folders that are provided through your application.
|
*/
'fallback_locale' => 'en',
/*
|--------------------------------------------------------------------------
| Faker Locale
|--------------------------------------------------------------------------
|
| This locale will be used by the Faker PHP library when generating fake
| data for your database seeds. For example, this will be used to get
| localized telephone numbers, street address information and more.
|
*/
'faker_locale' => 'en_US',
/*
|--------------------------------------------------------------------------
| Encryption Key
|--------------------------------------------------------------------------
|
| This key is used by the Illuminate encrypter service and should be set
| to a random, 32 character string, otherwise these encrypted strings
| will not be safe. Please do this before deploying an application!
|
*/
'key' => env('APP_KEY'),
'cipher' => 'AES-256-CBC',
/*
|--------------------------------------------------------------------------
| Autoloaded Service Providers
|--------------------------------------------------------------------------
|
| The service providers listed here will be automatically loaded on the
| request to your application. Feel free to add your own services to
| this array to grant expanded functionality to your applications.
|
*/
'providers' => [
/*
* Laravel Framework Service Providers...
*/
Illuminate\Auth\AuthServiceProvider::class,
Illuminate\Broadcasting\BroadcastServiceProvider::class,
Illuminate\Bus\BusServiceProvider::class,
Illuminate\Cache\CacheServiceProvider::class,
Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
Illuminate\Cookie\CookieServiceProvider::class,
Illuminate\Database\DatabaseServiceProvider::class,
Illuminate\Encryption\EncryptionServiceProvider::class,
Illuminate\Filesystem\FilesystemServiceProvider::class,
Illuminate\Foundation\Providers\FoundationServiceProvider::class,
Illuminate\Hashing\HashServiceProvider::class,
Illuminate\Mail\MailServiceProvider::class,
Illuminate\Notifications\NotificationServiceProvider::class,
Illuminate\Pagination\PaginationServiceProvider::class,
Illuminate\Pipeline\PipelineServiceProvider::class,
Illuminate\Queue\QueueServiceProvider::class,
Illuminate\Redis\RedisServiceProvider::class,
Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
Illuminate\Session\SessionServiceProvider::class,
Illuminate\Translation\TranslationServiceProvider::class,
Illuminate\Validation\ValidationServiceProvider::class,
Illuminate\View\ViewServiceProvider::class,
/*
* Package Service Providers...
*/
// RealRashid\SweetAlert\SweetAlertServiceProvider::class,
Spatie\Permission\PermissionServiceProvider::class,
Maatwebsite\Excel\ExcelServiceProvider::class,
/*
* Application Service Providers...
*/
App\Providers\AppServiceProvider::class,
App\Providers\AuthServiceProvider::class,
// App\Providers\BroadcastServiceProvider::class,
App\Providers\EventServiceProvider::class,
App\Providers\RouteServiceProvider::class,
],
/*
|--------------------------------------------------------------------------
| Class Aliases
|--------------------------------------------------------------------------
|
| This array of class aliases will be registered when this application
| is started. However, feel free to register as many as you wish as
| the aliases are "lazy" loaded so they don't hinder performance.
|
*/
'aliases' => [
'App' => Illuminate\Support\Facades\App::class,
'Arr' => Illuminate\Support\Arr::class,
'Artisan' => Illuminate\Support\Facades\Artisan::class,
'Auth' => Illuminate\Support\Facades\Auth::class,
'Blade' => Illuminate\Support\Facades\Blade::class,
'Broadcast' => Illuminate\Support\Facades\Broadcast::class,
'Bus' => Illuminate\Support\Facades\Bus::class,
'Cache' => Illuminate\Support\Facades\Cache::class,
'Config' => Illuminate\Support\Facades\Config::class,
'Cookie' => Illuminate\Support\Facades\Cookie::class,
'Crypt' => Illuminate\Support\Facades\Crypt::class,
'DB' => Illuminate\Support\Facades\DB::class,
'Eloquent' => Illuminate\Database\Eloquent\Model::class,
'Event' => Illuminate\Support\Facades\Event::class,
'File' => Illuminate\Support\Facades\File::class,
'Gate' => Illuminate\Support\Facades\Gate::class,
'Hash' => Illuminate\Support\Facades\Hash::class,
'Lang' => Illuminate\Support\Facades\Lang::class,
'Log' => Illuminate\Support\Facades\Log::class,
'Mail' => Illuminate\Support\Facades\Mail::class,
'Notification' => Illuminate\Support\Facades\Notification::class,
'Password' => Illuminate\Support\Facades\Password::class,
'Queue' => Illuminate\Support\Facades\Queue::class,
'Redirect' => Illuminate\Support\Facades\Redirect::class,
'Redis' => Illuminate\Support\Facades\Redis::class,
'Request' => Illuminate\Support\Facades\Request::class,
'Response' => Illuminate\Support\Facades\Response::class,
'Route' => Illuminate\Support\Facades\Route::class,
'Schema' => Illuminate\Support\Facades\Schema::class,
'Session' => Illuminate\Support\Facades\Session::class,
'Storage' => Illuminate\Support\Facades\Storage::class,
'Str' => Illuminate\Support\Str::class,
'URL' => Illuminate\Support\Facades\URL::class,
'Validator' => Illuminate\Support\Facades\Validator::class,
'View' => Illuminate\Support\Facades\View::class,
'Rupiah' => App\Helpers\Rupiah::class,
'Excel' => Maatwebsite\Excel\Facades\Excel::class,
// 'Alert' => RealRashid\SweetAlert\Facades\Alert::class,
],
];
================================================
FILE: config/auth.php
================================================
[
'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' => App\Models\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' => 'password_resets',
'expire' => 60,
],
],
];
================================================
FILE: config/broadcasting.php
================================================
env('BROADCAST_DRIVER', 'null'),
/*
|--------------------------------------------------------------------------
| Broadcast Connections
|--------------------------------------------------------------------------
|
| Here you may define all of the broadcast connections that will be used
| to broadcast events to other systems or over websockets. Samples of
| each available type of connection are provided inside this array.
|
*/
'connections' => [
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id' => env('PUSHER_APP_ID'),
'options' => [
'cluster' => env('PUSHER_APP_CLUSTER'),
'encrypted' => true,
],
],
'redis' => [
'driver' => 'redis',
'connection' => 'default',
],
'log' => [
'driver' => 'log',
],
'null' => [
'driver' => 'null',
],
],
];
================================================
FILE: config/cache.php
================================================
env('CACHE_DRIVER', 'file'),
/*
|--------------------------------------------------------------------------
| Cache Stores
|--------------------------------------------------------------------------
|
| Here you may define all of the cache "stores" for your application as
| well as their drivers. You may even define multiple stores for the
| same cache driver to group types of items stored in your caches.
|
*/
'stores' => [
'apc' => [
'driver' => 'apc',
],
'array' => [
'driver' => 'array',
],
'database' => [
'driver' => 'database',
'table' => 'cache',
'connection' => null,
],
'file' => [
'driver' => 'file',
'path' => storage_path('framework/cache/data'),
],
'memcached' => [
'driver' => 'memcached',
'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
'sasl' => [
env('MEMCACHED_USERNAME'),
env('MEMCACHED_PASSWORD'),
],
'options' => [
// Memcached::OPT_CONNECT_TIMEOUT => 2000,
],
'servers' => [
[
'host' => env('MEMCACHED_HOST', '127.0.0.1'),
'port' => env('MEMCACHED_PORT', 11211),
'weight' => 100,
],
],
],
'redis' => [
'driver' => 'redis',
'connection' => 'cache',
],
'dynamodb' => [
'driver' => 'dynamodb',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
],
],
/*
|--------------------------------------------------------------------------
| Cache Key Prefix
|--------------------------------------------------------------------------
|
| When utilizing a RAM based store such as APC or Memcached, there might
| be other applications utilizing the same cache. So, we'll specify a
| value to get prefixed to all our keys so we can avoid collisions.
|
*/
'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'),
];
================================================
FILE: config/database.php
================================================
env('DB_CONNECTION', 'mysql'),
/*
|--------------------------------------------------------------------------
| Database Connections
|--------------------------------------------------------------------------
|
| Here are each of the database connections setup for your application.
| Of course, examples of configuring each database platform that is
| supported by Laravel is shown below to make development simple.
|
|
| All database work in Laravel is done through the PHP PDO facilities
| so make sure you have the driver for your particular database of
| choice installed on your machine before you begin development.
|
*/
'connections' => [
'sqlite' => [
'driver' => 'sqlite',
'url' => env('DATABASE_URL'),
'database' => env('DB_DATABASE', database_path('database.sqlite')),
'prefix' => '',
'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
],
'mysql' => [
'driver' => 'mysql',
'url' => env('DATABASE_URL'),
'host' => env('DB_HOST', '127.0.0.1'),
'port' => env('DB_PORT', '3306'),
'database' => env('DB_DATABASE', 'forge'),
'username' => env('DB_USERNAME', 'forge'),
'password' => env('DB_PASSWORD', ''),
'unix_socket' => env('DB_SOCKET', ''),
'charset' => 'utf8mb4',
'collation' => 'utf8mb4_unicode_ci',
'prefix' => '',
'prefix_indexes' => true,
'strict' => false,
'engine' => null,
'options' => extension_loaded('pdo_mysql') ? array_filter([
PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
]) : [],
],
'pgsql' => [
'driver' => 'pgsql',
'url' => env('DATABASE_URL'),
'host' => env('DB_HOST', '127.0.0.1'),
'port' => env('DB_PORT', '5432'),
'database' => env('DB_DATABASE', 'forge'),
'username' => env('DB_USERNAME', 'forge'),
'password' => env('DB_PASSWORD', ''),
'charset' => 'utf8',
'prefix' => '',
'prefix_indexes' => true,
'schema' => 'public',
'sslmode' => 'prefer',
],
'sqlsrv' => [
'driver' => 'sqlsrv',
'url' => env('DATABASE_URL'),
'host' => env('DB_HOST', 'localhost'),
'port' => env('DB_PORT', '1433'),
'database' => env('DB_DATABASE', 'forge'),
'username' => env('DB_USERNAME', 'forge'),
'password' => env('DB_PASSWORD', ''),
'charset' => 'utf8',
'prefix' => '',
'prefix_indexes' => true,
],
],
/*
|--------------------------------------------------------------------------
| Migration Repository Table
|--------------------------------------------------------------------------
|
| This table keeps track of all the migrations that have already run for
| your application. Using this information, we can determine which of
| the migrations on disk haven't actually been run in the database.
|
*/
'migrations' => 'migrations',
/*
|--------------------------------------------------------------------------
| Redis Databases
|--------------------------------------------------------------------------
|
| Redis is an open source, fast, and advanced key-value store that also
| provides a richer body of commands than a typical key-value system
| such as APC or Memcached. Laravel makes it easy to dig right in.
|
*/
'redis' => [
'client' => env('REDIS_CLIENT', 'predis'),
'options' => [
'cluster' => env('REDIS_CLUSTER', 'predis'),
'prefix' => Str::slug(env('APP_NAME', 'laravel'), '_').'_database_',
],
'default' => [
'host' => env('REDIS_HOST', '127.0.0.1'),
'password' => env('REDIS_PASSWORD', null),
'port' => env('REDIS_PORT', 6379),
'database' => env('REDIS_DB', 0),
],
'cache' => [
'host' => env('REDIS_HOST', '127.0.0.1'),
'password' => env('REDIS_PASSWORD', null),
'port' => env('REDIS_PORT', 6379),
'database' => env('REDIS_CACHE_DB', 1),
],
],
];
================================================
FILE: config/excel.php
================================================
[
/*
|--------------------------------------------------------------------------
| Chunk size
|--------------------------------------------------------------------------
|
| When using FromQuery, the query is automatically chunked.
| Here you can specify how big the chunk should be.
|
*/
'chunk_size' => 1000,
/*
|--------------------------------------------------------------------------
| Pre-calculate formulas during export
|--------------------------------------------------------------------------
*/
'pre_calculate_formulas' => false,
/*
|--------------------------------------------------------------------------
| Enable strict null comparison
|--------------------------------------------------------------------------
|
| When enabling strict null comparison empty cells ('') will
| be added to the sheet.
*/
'strict_null_comparison' => false,
/*
|--------------------------------------------------------------------------
| CSV Settings
|--------------------------------------------------------------------------
|
| Configure e.g. delimiter, enclosure and line ending for CSV exports.
|
*/
'csv' => [
'delimiter' => ',',
'enclosure' => '"',
'line_ending' => PHP_EOL,
'use_bom' => false,
'include_separator_line' => false,
'excel_compatibility' => false,
'output_encoding' => '',
],
/*
|--------------------------------------------------------------------------
| Worksheet properties
|--------------------------------------------------------------------------
|
| Configure e.g. default title, creator, subject,...
|
*/
'properties' => [
'creator' => '',
'lastModifiedBy' => '',
'title' => '',
'description' => '',
'subject' => '',
'keywords' => '',
'category' => '',
'manager' => '',
'company' => '',
],
],
'imports' => [
/*
|--------------------------------------------------------------------------
| Read Only
|--------------------------------------------------------------------------
|
| When dealing with imports, you might only be interested in the
| data that the sheet exists. By default we ignore all styles,
| however if you want to do some logic based on style data
| you can enable it by setting read_only to false.
|
*/
'read_only' => true,
/*
|--------------------------------------------------------------------------
| Ignore Empty
|--------------------------------------------------------------------------
|
| When dealing with imports, you might be interested in ignoring
| rows that have null values or empty strings. By default rows
| containing empty strings or empty values are not ignored but can be
| ignored by enabling the setting ignore_empty to true.
|
*/
'ignore_empty' => false,
/*
|--------------------------------------------------------------------------
| Heading Row Formatter
|--------------------------------------------------------------------------
|
| Configure the heading row formatter.
| Available options: none|slug|custom
|
*/
'heading_row' => [
'formatter' => 'slug',
],
/*
|--------------------------------------------------------------------------
| CSV Settings
|--------------------------------------------------------------------------
|
| Configure e.g. delimiter, enclosure and line ending for CSV imports.
|
*/
'csv' => [
'delimiter' => null,
'enclosure' => '"',
'escape_character' => '\\',
'contiguous' => false,
'input_encoding' => 'UTF-8',
],
/*
|--------------------------------------------------------------------------
| Worksheet properties
|--------------------------------------------------------------------------
|
| Configure e.g. default title, creator, subject,...
|
*/
'properties' => [
'creator' => '',
'lastModifiedBy' => '',
'title' => '',
'description' => '',
'subject' => '',
'keywords' => '',
'category' => '',
'manager' => '',
'company' => '',
],
],
/*
|--------------------------------------------------------------------------
| Extension detector
|--------------------------------------------------------------------------
|
| Configure here which writer/reader type should be used when the package
| needs to guess the correct type based on the extension alone.
|
*/
'extension_detector' => [
'xlsx' => Excel::XLSX,
'xlsm' => Excel::XLSX,
'xltx' => Excel::XLSX,
'xltm' => Excel::XLSX,
'xls' => Excel::XLS,
'xlt' => Excel::XLS,
'ods' => Excel::ODS,
'ots' => Excel::ODS,
'slk' => Excel::SLK,
'xml' => Excel::XML,
'gnumeric' => Excel::GNUMERIC,
'htm' => Excel::HTML,
'html' => Excel::HTML,
'csv' => Excel::CSV,
'tsv' => Excel::TSV,
/*
|--------------------------------------------------------------------------
| PDF Extension
|--------------------------------------------------------------------------
|
| Configure here which Pdf driver should be used by default.
| Available options: Excel::MPDF | Excel::TCPDF | Excel::DOMPDF
|
*/
'pdf' => Excel::DOMPDF,
],
/*
|--------------------------------------------------------------------------
| Value Binder
|--------------------------------------------------------------------------
|
| PhpSpreadsheet offers a way to hook into the process of a value being
| written to a cell. In there some assumptions are made on how the
| value should be formatted. If you want to change those defaults,
| you can implement your own default value binder.
|
| Possible value binders:
|
| [x] Maatwebsite\Excel\DefaultValueBinder::class
| [x] PhpOffice\PhpSpreadsheet\Cell\StringValueBinder::class
| [x] PhpOffice\PhpSpreadsheet\Cell\AdvancedValueBinder::class
|
*/
'value_binder' => [
'default' => Maatwebsite\Excel\DefaultValueBinder::class,
],
'cache' => [
/*
|--------------------------------------------------------------------------
| Default cell caching driver
|--------------------------------------------------------------------------
|
| By default PhpSpreadsheet keeps all cell values in memory, however when
| dealing with large files, this might result into memory issues. If you
| want to mitigate that, you can configure a cell caching driver here.
| When using the illuminate driver, it will store each value in a the
| cache store. This can slow down the process, because it needs to
| store each value. You can use the "batch" store if you want to
| only persist to the store when the memory limit is reached.
|
| Drivers: memory|illuminate|batch
|
*/
'driver' => 'memory',
/*
|--------------------------------------------------------------------------
| Batch memory caching
|--------------------------------------------------------------------------
|
| When dealing with the "batch" caching driver, it will only
| persist to the store when the memory limit is reached.
| Here you can tweak the memory limit to your liking.
|
*/
'batch' => [
'memory_limit' => 60000,
],
/*
|--------------------------------------------------------------------------
| Illuminate cache
|--------------------------------------------------------------------------
|
| When using the "illuminate" caching driver, it will automatically use
| your default cache store. However if you prefer to have the cell
| cache on a separate store, you can configure the store name here.
| You can use any store defined in your cache config. When leaving
| at "null" it will use the default store.
|
*/
'illuminate' => [
'store' => null,
],
],
/*
|--------------------------------------------------------------------------
| Transaction Handler
|--------------------------------------------------------------------------
|
| By default the import is wrapped in a transaction. This is useful
| for when an import may fail and you want to retry it. With the
| transactions, the previous import gets rolled-back.
|
| You can disable the transaction handler by setting this to null.
| Or you can choose a custom made transaction handler here.
|
| Supported handlers: null|db
|
*/
'transactions' => [
'handler' => 'db',
'db' => [
'connection' => null,
],
],
'temporary_files' => [
/*
|--------------------------------------------------------------------------
| Local Temporary Path
|--------------------------------------------------------------------------
|
| When exporting and importing files, we use a temporary file, before
| storing reading or downloading. Here you can customize that path.
|
*/
'local_path' => storage_path('framework/cache/laravel-excel'),
/*
|--------------------------------------------------------------------------
| Remote Temporary Disk
|--------------------------------------------------------------------------
|
| When dealing with a multi server setup with queues in which you
| cannot rely on having a shared local temporary path, you might
| want to store the temporary file on a shared disk. During the
| queue executing, we'll retrieve the temporary file from that
| location instead. When left to null, it will always use
| the local path. This setting only has effect when using
| in conjunction with queued imports and exports.
|
*/
'remote_disk' => null,
'remote_prefix' => null,
/*
|--------------------------------------------------------------------------
| Force Resync
|--------------------------------------------------------------------------
|
| When dealing with a multi server setup as above, it's possible
| for the clean up that occurs after entire queue has been run to only
| cleanup the server that the last AfterImportJob runs on. The rest of the server
| would still have the local temporary file stored on it. In this case your
| local storage limits can be exceeded and future imports won't be processed.
| To mitigate this you can set this config value to be true, so that after every
| queued chunk is processed the local temporary file is deleted on the server that
| processed it.
|
*/
'force_resync_remote' => null,
],
];
================================================
FILE: config/filesystems.php
================================================
env('FILESYSTEM_DRIVER', 'local'),
/*
|--------------------------------------------------------------------------
| Default Cloud Filesystem Disk
|--------------------------------------------------------------------------
|
| Many applications store files both locally and in the cloud. For this
| reason, you may specify a default "cloud" driver here. This driver
| will be bound as the Cloud disk implementation in the container.
|
*/
'cloud' => env('FILESYSTEM_CLOUD', 's3'),
/*
|--------------------------------------------------------------------------
| Filesystem Disks
|--------------------------------------------------------------------------
|
| Here you may configure as many filesystem "disks" as you wish, and you
| may even configure multiple disks of the same driver. Defaults have
| been setup for each driver as an example of the required options.
|
| Supported Drivers: "local", "ftp", "sftp", "s3", "rackspace"
|
*/
'disks' => [
'local' => [
'driver' => 'local',
'root' => storage_path('app'),
],
'public' => [
'driver' => 'local',
'root' => storage_path('app/public'),
'url' => env('APP_URL').'/storage',
'visibility' => 'public',
],
's3' => [
'driver' => 's3',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'region' => env('AWS_DEFAULT_REGION'),
'bucket' => env('AWS_BUCKET'),
'url' => env('AWS_URL'),
],
],
];
================================================
FILE: config/hashing.php
================================================
'bcrypt',
/*
|--------------------------------------------------------------------------
| Bcrypt Options
|--------------------------------------------------------------------------
|
| Here you may specify the configuration options that should be used when
| passwords are hashed using the Bcrypt algorithm. This will allow you
| to control the amount of time it takes to hash the given password.
|
*/
'bcrypt' => [
'rounds' => env('BCRYPT_ROUNDS', 10),
],
/*
|--------------------------------------------------------------------------
| Argon Options
|--------------------------------------------------------------------------
|
| Here you may specify the configuration options that should be used when
| passwords are hashed using the Argon algorithm. These will allow you
| to control the amount of time it takes to hash the given password.
|
*/
'argon' => [
'memory' => 1024,
'threads' => 2,
'time' => 2,
],
];
================================================
FILE: config/logging.php
================================================
env('LOG_CHANNEL', 'stack'),
/*
|--------------------------------------------------------------------------
| Log Channels
|--------------------------------------------------------------------------
|
| Here you may configure the log channels for your application. Out of
| the box, Laravel uses the Monolog PHP logging library. This gives
| you a variety of powerful log handlers / formatters to utilize.
|
| Available Drivers: "single", "daily", "slack", "syslog",
| "errorlog", "monolog",
| "custom", "stack"
|
*/
'channels' => [
'stack' => [
'driver' => 'stack',
'channels' => ['daily'],
'ignore_exceptions' => false,
],
'single' => [
'driver' => 'single',
'path' => storage_path('logs/laravel.log'),
'level' => 'debug',
],
'daily' => [
'driver' => 'daily',
'path' => storage_path('logs/laravel.log'),
'level' => 'debug',
'days' => 14,
],
'slack' => [
'driver' => 'slack',
'url' => env('LOG_SLACK_WEBHOOK_URL'),
'username' => 'Laravel Log',
'emoji' => ':boom:',
'level' => 'critical',
],
'papertrail' => [
'driver' => 'monolog',
'level' => 'debug',
'handler' => SyslogUdpHandler::class,
'handler_with' => [
'host' => env('PAPERTRAIL_URL'),
'port' => env('PAPERTRAIL_PORT'),
],
],
'stderr' => [
'driver' => 'monolog',
'handler' => StreamHandler::class,
'formatter' => env('LOG_STDERR_FORMATTER'),
'with' => [
'stream' => 'php://stderr',
],
],
'syslog' => [
'driver' => 'syslog',
'level' => 'debug',
],
'errorlog' => [
'driver' => 'errorlog',
'level' => 'debug',
],
],
];
================================================
FILE: config/mail.php
================================================
env('MAIL_DRIVER', 'smtp'),
/*
|--------------------------------------------------------------------------
| SMTP Host Address
|--------------------------------------------------------------------------
|
| Here you may provide the host address of the SMTP server used by your
| applications. A default option is provided that is compatible with
| the Mailgun mail service which will provide reliable deliveries.
|
*/
'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
/*
|--------------------------------------------------------------------------
| SMTP Host Port
|--------------------------------------------------------------------------
|
| This is the SMTP port used by your application to deliver e-mails to
| users of the application. Like the host we have set this value to
| stay compatible with the Mailgun e-mail application by default.
|
*/
'port' => env('MAIL_PORT', 587),
/*
|--------------------------------------------------------------------------
| Global "From" Address
|--------------------------------------------------------------------------
|
| You may wish for all e-mails sent by your application to be sent from
| the same address. Here, you may specify a name and address that is
| used globally for all e-mails that are sent by your application.
|
*/
'from' => [
'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
'name' => env('MAIL_FROM_NAME', 'Example'),
],
/*
|--------------------------------------------------------------------------
| E-Mail Encryption Protocol
|--------------------------------------------------------------------------
|
| Here you may specify the encryption protocol that should be used when
| the application send e-mail messages. A sensible default using the
| transport layer security protocol should provide great security.
|
*/
'encryption' => env('MAIL_ENCRYPTION', 'tls'),
/*
|--------------------------------------------------------------------------
| SMTP Server Username
|--------------------------------------------------------------------------
|
| If your SMTP server requires a username for authentication, you should
| set it here. This will get used to authenticate with your server on
| connection. You may also set the "password" value below this one.
|
*/
'username' => env('MAIL_USERNAME'),
'password' => env('MAIL_PASSWORD'),
/*
|--------------------------------------------------------------------------
| Sendmail System Path
|--------------------------------------------------------------------------
|
| When using the "sendmail" driver to send e-mails, we will need to know
| the path to where Sendmail lives on this server. A default path has
| been provided here, which will work well on most of your systems.
|
*/
'sendmail' => '/usr/sbin/sendmail -bs',
/*
|--------------------------------------------------------------------------
| Markdown Mail Settings
|--------------------------------------------------------------------------
|
| If you are using Markdown based email rendering, you may configure your
| theme and component paths here, allowing you to customize the design
| of the emails. Or, you may simply stick with the Laravel defaults!
|
*/
'markdown' => [
'theme' => 'default',
'paths' => [
resource_path('views/vendor/mail'),
],
],
/*
|--------------------------------------------------------------------------
| Log Channel
|--------------------------------------------------------------------------
|
| If you are using the "log" driver, you may specify the logging channel
| if you prefer to keep mail messages separate from other log entries
| for simpler reading. Otherwise, the default channel will be used.
|
*/
'log_channel' => env('MAIL_LOG_CHANNEL'),
];
================================================
FILE: 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,
/*
* 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,
],
'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 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,
/*
* When set to true, the required 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_role_in_exception' => false,
/*
* By default wildcard permission lookups are disabled.
*/
'enable_wildcard_permission' => 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: config/queue.php
================================================
env('QUEUE_CONNECTION', 'sync'),
/*
|--------------------------------------------------------------------------
| Queue Connections
|--------------------------------------------------------------------------
|
| Here you may configure the connection information for each server that
| is used by your application. A default configuration has been added
| for each back-end shipped with Laravel. You are free to add more.
|
| Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
|
*/
'connections' => [
'sync' => [
'driver' => 'sync',
],
'database' => [
'driver' => 'database',
'table' => 'jobs',
'queue' => 'default',
'retry_after' => 90,
],
'beanstalkd' => [
'driver' => 'beanstalkd',
'host' => 'localhost',
'queue' => 'default',
'retry_after' => 90,
'block_for' => 0,
],
'sqs' => [
'driver' => 'sqs',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
'queue' => env('SQS_QUEUE', 'your-queue-name'),
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
],
'redis' => [
'driver' => 'redis',
'connection' => 'default',
'queue' => env('REDIS_QUEUE', 'default'),
'retry_after' => 90,
'block_for' => null,
],
],
/*
|--------------------------------------------------------------------------
| Failed Queue Jobs
|--------------------------------------------------------------------------
|
| These options configure the behavior of failed queue job logging so you
| can control which database and table are used to store the jobs that
| have failed. You may change them to any database / table you wish.
|
*/
'failed' => [
'database' => env('DB_CONNECTION', 'mysql'),
'table' => 'failed_jobs',
],
];
================================================
FILE: config/services.php
================================================
[
'domain' => env('MAILGUN_DOMAIN'),
'secret' => env('MAILGUN_SECRET'),
'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'),
],
'postmark' => [
'token' => env('POSTMARK_TOKEN'),
],
'ses' => [
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
],
'sparkpost' => [
'secret' => env('SPARKPOST_SECRET'),
],
'stripe' => [
'model' => App\User::class,
'key' => env('STRIPE_KEY'),
'secret' => env('STRIPE_SECRET'),
'webhook' => [
'secret' => env('STRIPE_WEBHOOK_SECRET'),
'tolerance' => env('STRIPE_WEBHOOK_TOLERANCE', 300),
],
],
'telegram-bot-api' => [
'token' => env('TELEGRAM_BOT_TOKEN', 'YOUR BOT TOKEN HERE')
],
];
================================================
FILE: config/session.php
================================================
env('SESSION_DRIVER', 'file'),
/*
|--------------------------------------------------------------------------
| Session Lifetime
|--------------------------------------------------------------------------
|
| Here you may specify the number of minutes that you wish the session
| to be allowed to remain idle before it expires. If you want them
| to immediately expire on the browser closing, set that option.
|
*/
'lifetime' => env('SESSION_LIFETIME', 120),
'expire_on_close' => false,
/*
|--------------------------------------------------------------------------
| Session Encryption
|--------------------------------------------------------------------------
|
| This option allows you to easily specify that all of your session data
| should be encrypted before it is stored. All encryption will be run
| automatically by Laravel and you can use the Session like normal.
|
*/
'encrypt' => false,
/*
|--------------------------------------------------------------------------
| Session File Location
|--------------------------------------------------------------------------
|
| When using the native session driver, we need a location where session
| files may be stored. A default has been set for you but a different
| location may be specified. This is only needed for file sessions.
|
*/
'files' => storage_path('framework/sessions'),
/*
|--------------------------------------------------------------------------
| Session Database Connection
|--------------------------------------------------------------------------
|
| When using the "database" or "redis" session drivers, you may specify a
| connection that should be used to manage these sessions. This should
| correspond to a connection in your database configuration options.
|
*/
'connection' => env('SESSION_CONNECTION', null),
/*
|--------------------------------------------------------------------------
| Session Database Table
|--------------------------------------------------------------------------
|
| When using the "database" session driver, you may specify the table we
| should use to manage the sessions. Of course, a sensible default is
| provided for you; however, you are free to change this as needed.
|
*/
'table' => 'sessions',
/*
|--------------------------------------------------------------------------
| Session Cache Store
|--------------------------------------------------------------------------
|
| When using the "apc", "memcached", or "dynamodb" session drivers you may
| list a cache store that should be used for these sessions. This value
| must match with one of the application's configured cache "stores".
|
*/
'store' => env('SESSION_STORE', null),
/*
|--------------------------------------------------------------------------
| Session Sweeping Lottery
|--------------------------------------------------------------------------
|
| Some session drivers must manually sweep their storage location to get
| rid of old sessions from storage. Here are the chances that it will
| happen on a given request. By default, the odds are 2 out of 100.
|
*/
'lottery' => [2, 100],
/*
|--------------------------------------------------------------------------
| Session Cookie Name
|--------------------------------------------------------------------------
|
| Here you may change the name of the cookie used to identify a session
| instance by ID. The name specified here will get used every time a
| new session cookie is created by the framework for every driver.
|
*/
'cookie' => env(
'SESSION_COOKIE',
Str::slug(env('APP_NAME', 'laravel'), '_').'_session'
),
/*
|--------------------------------------------------------------------------
| Session Cookie Path
|--------------------------------------------------------------------------
|
| The session cookie path determines the path for which the cookie will
| be regarded as available. Typically, this will be the root path of
| your application but you are free to change this when necessary.
|
*/
'path' => '/',
/*
|--------------------------------------------------------------------------
| Session Cookie Domain
|--------------------------------------------------------------------------
|
| Here you may change the domain of the cookie used to identify a session
| in your application. This will determine which domains the cookie is
| available to in your application. A sensible default has been set.
|
*/
'domain' => env('SESSION_DOMAIN', null),
/*
|--------------------------------------------------------------------------
| HTTPS Only Cookies
|--------------------------------------------------------------------------
|
| By setting this option to true, session cookies will only be sent back
| to the server if the browser has a HTTPS connection. This will keep
| the cookie from being sent to you if it can not be done securely.
|
*/
'secure' => env('SESSION_SECURE_COOKIE', false),
/*
|--------------------------------------------------------------------------
| HTTP Access Only
|--------------------------------------------------------------------------
|
| Setting this value to true will prevent JavaScript from accessing the
| value of the cookie and the cookie will only be accessible through
| the HTTP protocol. You are free to modify this option if needed.
|
*/
'http_only' => true,
/*
|--------------------------------------------------------------------------
| Same-Site Cookies
|--------------------------------------------------------------------------
|
| This option determines how your cookies behave when cross-site requests
| take place, and can be used to mitigate CSRF attacks. By default, we
| do not enable this as other CSRF protection services are in place.
|
| Supported: "lax", "strict"
|
*/
'same_site' => null,
];
================================================
FILE: config/sweet-alert.php
================================================
autoclose(milliseconds) on the end.
*/
'autoclose' => 2500,
];
================================================
FILE: config/sweetalert.php
================================================
env('SWEET_ALERT_CDN'),
/*
|--------------------------------------------------------------------------
| AutoClose Timer
|--------------------------------------------------------------------------
|
| This is for the all Modal windows.
| For specific modal just use the autoClose() helper method.
|
*/
'timer' => env('SWEET_ALERT_TIMER', 5000),
/*
|--------------------------------------------------------------------------
| Width
|--------------------------------------------------------------------------
|
| Modal window width, including paddings (box-sizing: border-box).
| Can be in px or %.
| The default width is 32rem.
| This is for the all Modal windows.
| for particular modal just use the width() helper method.
*/
'width' => env('SWEET_ALERT_WIDTH', '32rem'),
/*
|--------------------------------------------------------------------------
| Height Auto
|--------------------------------------------------------------------------
| By default, SweetAlert2 sets html's and body's CSS height to auto !important.
| If this behavior isn't compatible with your project's layout,
| set heightAuto to false.
|
*/
'height_auto' => env('SWEET_ALERT_HEIGHT_AUTO', true),
/*
|--------------------------------------------------------------------------
| Padding
|--------------------------------------------------------------------------
|
| Modal window padding.
| Can be in px or %.
| The default padding is 1.25rem.
| This is for the all Modal windows.
| for particular modal just use the padding() helper method.
*/
'padding' => env('SWEET_ALERT_PADDING', '1.25rem'),
/*
|--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------
| Custom animation with [Animate.css](https://daneden.github.io/animate.css/)
| If set to false, modal CSS animation will be use default ones.
| For specific modal just use the animation() helper method.
|
*/
'animation' => [
'enable' => env('SWEET_ALERT_ANIMATION_ENABLE', false),
],
'animatecss' => env('SWEET_ALERT_ANIMATECSS', 'https://cdn.jsdelivr.net/npm/animate.css'),
/*
|--------------------------------------------------------------------------
| ShowConfirmButton
|--------------------------------------------------------------------------
| If set to false, a "Confirm"-button will not be shown.
| It can be useful when you're using custom HTML description.
| This is for the all Modal windows.
| For specific modal just use the showConfirmButton() helper method.
|
*/
'show_confirm_button' => env('SWEET_ALERT_CONFIRM_BUTTON', true),
/*
|--------------------------------------------------------------------------
| ShowCloseButton
|--------------------------------------------------------------------------
| If set to true, a "Close"-button will be shown,
| which the user can click on to dismiss the modal.
| This is for the all Modal windows.
| For specific modal just use the showCloseButton() helper method.
|
*/
'show_close_button' => env('SWEET_ALERT_CLOSE_BUTTON', false),
/*
|--------------------------------------------------------------------------
| Toast position
|--------------------------------------------------------------------------
| Modal window or toast position, can be 'top',
| 'top-start', 'top-end', 'center', 'center-start',
| 'center-end', 'bottom', 'bottom-start', or 'bottom-end'.
| For specific modal just use the position() helper method.
|
*/
'toast_position' => env('SWEET_ALERT_TOAST_POSITION', 'top-end'),
/*
|--------------------------------------------------------------------------
| Middleware
|--------------------------------------------------------------------------
| Modal window or toast, config for the Middleware
|
*/
'middleware' => [
'toast_position' => env('SWEET_ALERT_MIDDLEWARE_TOAST_POSITION', 'top-end'),
'toast_close_button' => env('SWEET_ALERT_MIDDLEWARE_TOAST_CLOSE_BUTTON', true),
'alert_auto_close' => env('SWEET_ALERT_MIDDLEWARE_ALERT_AUTO_CLOSE', 5000),
'auto_display_error_messages' => env('SWEET_ALERT_AUTO_DISPLAY_ERROR_MESSAGES', false),
],
/*
|--------------------------------------------------------------------------
| Custom Class
|--------------------------------------------------------------------------
| A custom CSS class for the modal:
|
*/
'customClass' => [
'container' => env('SWEET_ALERT_CONTAINER_CLASS'),
'popup' => env('SWEET_ALERT_POPUP_CLASS'),
'header' => env('SWEET_ALERT_HEADER_CLASS'),
'title' => env('SWEET_ALERT_TITLE_CLASS'),
'closeButton' => env('SWEET_ALERT_CLOSE_BUTTON_CLASS'),
'icon' => env('SWEET_ALERT_ICON_CLASS'),
'image' => env('SWEET_ALERT_IMAGE_CLASS'),
'content' => env('SWEET_ALERT_CONTENT_CLASS'),
'input' => env('SWEET_ALERT_INPUT_CLASS'),
'actions' => env('SWEET_ALERT_ACTIONS_CLASS'),
'confirmButton' => env('SWEET_ALERT_CONFIRM_BUTTON_CLASS'),
'cancelButton' => env('SWEET_ALERT_CANCEL_BUTTON_CLASS'),
'footer' => env('SWEET_ALERT_FOOTER_CLASS'),
],
];
================================================
FILE: config/view.php
================================================
[
resource_path('views'),
],
/*
|--------------------------------------------------------------------------
| Compiled View Path
|--------------------------------------------------------------------------
|
| This option determines where all the compiled Blade templates will be
| stored for your application. Typically, this is within the storage
| directory. However, as usual, you are free to change this value.
|
*/
'compiled' => env(
'VIEW_COMPILED_PATH',
realpath(storage_path('framework/views'))
),
];
================================================
FILE: database/.gitignore
================================================
*.sqlite
*.sqlite-journal
================================================
FILE: database/factories/UserFactory.php
================================================
define(User::class, function (Faker $faker) {
return [
'name' => $faker->name,
'email' => $faker->unique()->safeEmail,
'email_verified_at' => now(),
'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
'remember_token' => Str::random(10),
];
});
================================================
FILE: database/migrations/2014_10_12_000000_create_users_table.php
================================================
bigIncrements('id');
$table->string('name');
$table->string('email')->unique();
$table->timestamp('email_verified_at')->nullable();
$table->enum('auth',['Admin','Karyawan']);
$table->enum('status',['Active','Not Active'])->default('Active');
$table->string('nama_cabang')->nullable();
$table->string('alamat_cabang')->nullable();
$table->string('alamat')->nullable();
$table->string('no_telp')->nullable();
$table->string('password');
$table->rememberToken();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('users');
}
}
================================================
FILE: database/migrations/2014_10_12_100000_create_password_resets_table.php
================================================
string('email')->index();
$table->string('token');
$table->timestamp('created_at')->nullable();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('password_resets');
}
}
================================================
FILE: database/migrations/2019_05_24_091904_create_transaksis_table.php
================================================
id();
$table->string('invoice');
$table->string('customer_id');
$table->string('user_id');
$table->string('tgl_transaksi');
$table->string('customer');
$table->string('email_customer');
$table->enum('status_order',['Process','Done','Delivery'])->default('Process');
$table->enum('status_payment',['Pending','Success']);
$table->integer('harga_id');
$table->string('kg');
$table->string('hari');
$table->string('harga');
$table->string('disc')->nullable();
$table->string('harga_akhir')->nullable();
$table->string('tgl');
$table->string('bulan');
$table->string('tahun');
$table->string('tgl_ambil')->nullable();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('transaksis');
}
}
================================================
FILE: database/migrations/2019_05_24_094505_create_hargas_table.php
================================================
id();
$table->unsignedBigInteger('user_id');
$table->string('jenis');
$table->string('kg');
$table->string('harga');
$table->string('status');
$table->string('hari');
$table->timestamps();
$table->foreign('user_id')->references('id')->on('users')->onDelete('cascade')->onUpdate('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('hargas');
}
}
================================================
FILE: database/migrations/2021_03_19_231220_create_page_settings_table.php
================================================
id();
$table->string('judul')->nullable();
$table->string('img_hero')->nullable();
$table->string('tentang')->nullable();
$table->string('facebook')->nullable();
$table->string('instagram')->nullable();
$table->string('twitter')->nullable();
$table->string('whatsapp')->nullable();
$table->string('no_telp')->nullable();
$table->string('email')->nullable();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('page_settings');
}
}
================================================
FILE: database/migrations/2021_03_21_124956_add_theme_to_users_table.php
================================================
enum('theme',[0,1])->default(0)->after('no_telp');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('users', function (Blueprint $table) {
$table->dropColumn('theme');
$table->dropColumn('email_set');
});
}
}
================================================
FILE: database/migrations/2021_03_22_001021_create_laundry_settings_table.php
================================================
id();
$table->unsignedBigInteger('user_id');
$table->integer('target_day')->default(0);
$table->integer('target_month')->default(0);
$table->integer('target_year')->default(0);
$table->timestamps();
$table->foreign('user_id')->references('id')->on('users')->onDelete('cascade')->onUpdate('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('laundry_settings');
}
}
================================================
FILE: database/migrations/2021_05_07_100208_create_permission_tables.php
================================================
bigIncrements('id');
$table->string('name'); // For MySQL 8.0 use string('name', 125);
$table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
$table->timestamps();
$table->unique(['name', 'guard_name']);
});
Schema::create($tableNames['roles'], function (Blueprint $table) {
$table->bigIncrements('id');
$table->string('name'); // For MySQL 8.0 use string('name', 125);
$table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
$table->timestamps();
$table->unique(['name', 'guard_name']);
});
Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames) {
$table->unsignedBigInteger('permission_id');
$table->string('model_type');
$table->unsignedBigInteger($columnNames['model_morph_key']);
$table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
$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->unsignedBigInteger('role_id');
$table->string('model_type');
$table->unsignedBigInteger($columnNames['model_morph_key']);
$table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
$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->unsignedBigInteger('permission_id');
$table->unsignedBigInteger('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'], 'role_has_permissions_permission_id_role_id_primary');
});
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');
if (empty($tableNames)) {
throw new \Exception('Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.');
}
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: database/migrations/2021_05_07_135323_create_data_banks_table.php
================================================
id();
$table->unsignedBigInteger('user_id');
$table->string('nama_bank');
$table->integer('no_rekening');
$table->string('nama_pemilik');
$table->timestamps();
$table->foreign('user_id')->references('id')->on('users')->onDelete('cascade')->onUpdate('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('data_banks');
}
}
================================================
FILE: database/migrations/2021_05_07_155403_add_field_in_transaksi.php
================================================
enum('jenis_pembayaran',['Tunai','Transfer'])->after('harga_akhir');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('transaksis', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2021_05_11_130732_create_notifications_settings_table.php
================================================
id();
$table->unsignedBigInteger('user_id');
$table->boolean('telegram_order_masuk');
$table->boolean('telegram_order_selesai');
$table->boolean('email');
$table->timestamps();
$table->foreign('user_id')->references('id')->on('users')->onDelete('cascade')->onUpdate('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('notifications_settings');
}
}
================================================
FILE: database/migrations/2021_08_08_100000_create_banks_tables.php
================================================
*
*/
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateBanksTables extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('banks', function(Blueprint $table){
$table->id();
$table->string('sandi_bank',20);
$table->string('nama_bank');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::drop('banks');
}
}
================================================
FILE: database/migrations/2021_12_30_231550_add_field_username_telegram_channel_to_notifications_settings_table.php
================================================
string('telegram_channel_masuk')->nullable()->after('email');
$table->string('telegram_channel_selesai')->nullable()->after('telegram_channel_masuk');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('notifications_settings', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2022_01_28_171610_add_field_foto_to_users_table.php
================================================
string('foto')->after('theme')->nullable();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('users', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2022_01_29_185408_add_field_token_wa_to_notifications_settings_table.php
================================================
boolean('wa_order_selesai')->after('telegram_channel_selesai');
$table->string('wa_token')->after('wa_order_selesai')->nullable();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('notifications_settings', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2022_01_31_105111_update_field_auth_in_users_table.php
================================================
unsignedBigInteger('karyawan_id')->after('id')->nullable();
$table->foreign('karyawan_id')->references('id')->on('users')->onDelete('cascade')->onUpdate('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('users', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2022_02_02_220553_create_jobs_table.php
================================================
bigIncrements('id');
$table->string('queue')->index();
$table->longText('payload');
$table->unsignedTinyInteger('attempts');
$table->unsignedInteger('reserved_at')->nullable();
$table->unsignedInteger('available_at');
$table->unsignedInteger('created_at');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('jobs');
}
}
================================================
FILE: database/migrations/2022_02_02_231121_create_failed_jobs_table.php
================================================
id();
$table->string('uuid')->unique();
$table->text('connection');
$table->text('queue');
$table->longText('payload');
$table->longText('exception');
$table->timestamp('failed_at')->useCurrent();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('failed_jobs');
}
}
================================================
FILE: database/migrations/2022_02_03_144826_add_field_point_in_users_table.php
================================================
integer('point')->after('foto')->default(0);
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('users', function (Blueprint $table) {
//
});
}
}
================================================
FILE: database/migrations/2022_09_27_125933_create_notifications_table.php
================================================
id();
$table->integer('transaksi_id')->nullable();
$table->integer('user_id')->nullable();
$table->string('kategori');
$table->string('title');
$table->text('body');
$table->boolean('is_read')->default(0);
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('notifications');
}
}
================================================
FILE: database/seeders/DatabaseSeeder.php
================================================
call(SettingPageSeeder::class);
$this->call(RoleSeeder::class);
$this->call(IndoBankSeeder::class);
$this->call(addRoleSeeder::class);
}
}
================================================
FILE: database/seeders/IndoBankSeeder.php
================================================
*
*/
namespace Database\Seeders;
use Illuminate\Database\Seeder;
use Andes2912\IndoBank\RawDataGetter;
use Illuminate\Support\Facades\DB;
class IndoBankSeeder extends Seeder
{
/**
* Run the database seeds.
*
* @deprecated
*
* @return void
*/
public function run()
{
// Get Data
$banks = RawDataGetter::getBanks();
// Insert Data to Database
DB::table('banks')->insert($banks);
}
}
================================================
FILE: database/seeders/RoleSeeder.php
================================================
'Karyawan']);
}
}
================================================
FILE: database/seeders/SettingPageSeeder.php
================================================
'E-Laundry'
]);
}
}
================================================
FILE: database/seeders/addRoleSeeder.php
================================================
'Customer']);
}
}
================================================
FILE: package.json
================================================
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"devDependencies": {
"axios": "^0.18",
"bootstrap": "^4.1.0",
"cross-env": "^5.1",
"jquery": "^3.2",
"laravel-mix": "^6.0.18",
"lodash": "^4.17.5",
"popper.js": "^1.12",
"postcss-loader": "~3.0.0",
"resolve-url-loader": "^2.3.1",
"sass": "^1.15.2",
"sass-loader": "^7.1.0",
"vue": "^2.5.17",
"vue-loader": "^15.9.6",
"vue-template-compiler": "^2.6.12",
"webpack": "^5.36.1",
"webpack-cli": "^4.6.0"
}
}
================================================
FILE: phpunit.xml
================================================
./tests/Unit
./tests/Feature
./app
================================================
FILE: public/.htaccess
================================================
Options -MultiViews -Indexes
RewriteEngine On
# Handle Authorization Header
RewriteCond %{HTTP:Authorization} .
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
# Redirect Trailing Slashes If Not A Folder...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} (.+)/$
RewriteRule ^ %1 [L,R=301]
# Handle Front Controller...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
================================================
FILE: public/backend/css/bootstrap-extended.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
a:focus {
outline: none; }
.font-small-1 {
font-size: 0.7rem !important; }
.font-small-2 {
font-size: 0.8rem !important; }
.font-small-3 {
font-size: 0.9rem !important; }
.font-medium-1 {
font-size: 1.1rem !important; }
.font-medium-2 {
font-size: 1.2rem !important; }
.font-medium-3 {
font-size: 1.3rem !important; }
.font-medium-4 {
font-size: 1.4rem !important; }
.font-medium-5 {
font-size: 1.5rem !important; }
.font-large-1 {
font-size: 2rem !important; }
.font-large-2 {
font-size: 3rem !important; }
.font-large-3 {
font-size: 4rem !important; }
.font-large-4 {
font-size: 5rem !important; }
.font-large-5 {
font-size: 6rem !important; }
.text-bold-300 {
font-weight: 300; }
.text-bold-400 {
font-weight: 400; }
.text-bold-500 {
font-weight: 500; }
.text-bold-600 {
font-weight: 600; }
.text-bold-700 {
font-weight: 700; }
.text-italic {
font-style: italic; }
.text-highlight {
padding: 4px 6px; }
code {
padding: .1rem .4rem;
font-size: 90%;
color: #e83e8c;
background-color: #eee;
border-radius: 0.25rem; }
pre {
background-color: #f7f7f9; }
pre code {
background-color: transparent !important; }
.bd-example-row .row + .row {
margin-top: 1rem; }
.bd-example-row .row > .col,
.bd-example-row .row > [class^="col-"] {
padding-top: .75rem;
padding-bottom: .75rem;
background-color: rgba(86, 61, 124, 0.15);
border: 1px solid rgba(86, 61, 124, 0.2); }
.bd-example-row .flex-items-top,
.bd-example-row .flex-items-middle,
.bd-example-row .flex-items-bottom {
min-height: 6rem;
background-color: rgba(255, 0, 0, 0.1); }
.bd-example-row-flex-cols .row {
min-height: 10rem;
background-color: rgba(255, 0, 0, 0.1); }
.bd-highlight {
background-color: rgba(86, 61, 124, 0.15);
border: 1px solid rgba(86, 61, 124, 0.15); }
.example-container {
width: 800px;
width: 100%;
padding-right: 14px;
padding-left: 14px;
margin-right: auto;
margin-left: auto; }
.example-row {
display: flex;
flex-wrap: wrap;
margin-right: -14px;
margin-left: -14px; }
.example-content-main {
position: relative;
width: 100%;
padding-right: 14px;
padding-left: 14px; }
@media (min-width: 576px) {
.example-content-main {
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.example-content-main {
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
.example-content-secondary {
position: relative;
width: 100%;
padding-right: 14px;
padding-left: 14px; }
@media (min-width: 576px) {
.example-content-secondary {
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.example-content-secondary {
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.table-white-space th,
.table-white-space td {
white-space: nowrap; }
.table thead th {
vertical-align: top; }
.table th,
.table td {
padding: 1rem;
vertical-align: middle; }
.table th {
font-size: 0.85rem; }
.table-inverse {
color: #fff;
background-color: #00cfe8; }
.table-hover-animation {
background-color: #f8f8f8; }
.table-hover-animation thead th {
border-top: 2px solid #f8f8f8;
border-bottom: 0;
background-color: #fff; }
.table-hover-animation th,
.table-hover-animation td {
border: 0; }
.table-hover-animation tbody tr {
transition: all 0.25s ease;
background-color: #fff; }
.table-hover-animation tbody tr:hover {
transform: translateY(-4px); }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.table-hover-animation tr:hover {
border-bottom-color: #f8f8f8; } }
.form-control::placeholder {
font-size: 0.85rem;
color: rgba(34, 41, 47, 0.4);
transition: all .2s ease; }
.form-control:-ms-input-placeholder {
color: #c5c5c5; }
.form-control:focus::placeholder {
transform: translate(5px);
transition: all .2s ease; }
.form-control:focus ~ .form-control-position i {
color: #7367f0; }
/* Form specific Scss */
label {
color: #464646;
font-size: 0.85rem;
margin-bottom: 0;
padding-left: 0.2rem; }
textarea.form-control {
line-height: 1.6rem;
font-size: 1rem; }
.form-group {
margin-bottom: 1.5rem; }
.form-control {
border: 1px solid #d9d9d9;
color: #5f5f5f; }
.form-section {
color: #b8c2cc;
line-height: 3rem;
margin-bottom: 20px;
border-bottom: 1px solid #b8c2cc; }
.form-section i {
font-size: 20px;
margin-left: 5px;
margin-right: 10px; }
/* .form-body{
overflow: hidden;
} */
.form-actions {
border-top: 1px solid #dfdfdf;
padding: 20px 0;
margin-top: 20px; }
.form-actions.filled {
background-color: #f8f8f8; }
.form-actions.center {
text-align: center; }
.form-actions.right {
text-align: right; }
.form-actions.top {
border-top: 0;
border-bottom: 1px solid #dfdfdf;
margin-top: 0;
margin-bottom: 20px; }
@media (max-width: 767.98px) {
.form-actions .buttons-group {
float: left !important;
margin-bottom: 10px; } }
@media (min-width: 576px) {
.form-horizontal .form-group .label-control {
text-align: right; } }
.form-control.form-control-lg {
padding: 1rem; }
.form-control.form-control-lg::placeholder {
font-size: 1.25rem; }
.form-control.form-control-sm {
padding: 0.6rem; }
.form-control.form-control-sm::placeholder {
font-size: 0.7rem; }
.custom-file-label {
padding: 0.375rem 0.75rem; }
.custom-file-label::after {
padding: 0.375rem 0.75rem;
height: auto; }
select.form-control:not([multiple="multiple"]) {
background-image: url("../../app-assets/images/pages/arrow-down.png");
background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
background-size: 12px 12px, 10px 10px;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 1.5rem; }
.custom-select {
-moz-appearance: none;
-webkit-appearance: none; }
.input-group-addon {
background-color: #ECEFF1;
border-color: #BABFC7; }
.custom-control-label::before, .custom-control-label::after {
width: 1.143rem;
height: 1.143rem;
top: 0.08rem; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background-color: #7367f0;
border-color: #7367f0; }
/* Floating label Group */
.form-label-group {
position: relative;
margin-bottom: 1.5rem; }
.form-label-group .form-control-lg ~ label {
font-size: 1.25rem;
padding: 1rem; }
.form-label-group .form-control-sm ~ label {
font-size: 0.7rem; }
.form-label-group > label {
position: absolute;
top: 0;
left: 0;
display: block;
transition: all .25s ease-in-out;
padding: .6rem;
pointer-events: none;
cursor: text;
color: rgba(34, 41, 47, 0.4);
font-size: .85rem;
opacity: 0; }
.form-label-group > input, .form-label-group textarea {
padding: .6rem; }
.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, .form-label-group textarea:focus:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
color: #7367f0 !important;
transition: all .25s ease-in-out;
opacity: 1; }
.form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, .form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {
color: rgba(34, 41, 47, 0.4) !important; }
.form-label-group > input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {
padding: .25rem 0;
font-size: .7rem;
top: -20px;
left: 3px; }
.form-label-group.has-icon-left > label {
left: 36px; }
/* Vuexy Custom Checkbox */
.vs-checkbox-con {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
margin: .25rem 0; }
.vs-checkbox-con input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 200;
cursor: pointer;
top: 0; }
.vs-checkbox-con input:checked ~ .vs-checkbox {
transform: rotate(0deg);
border-color: #7367f0; }
.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
transform: translate(0);
background-color: #7367f0; }
.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
transform: translate(0);
line-height: 1.2;
opacity: 1; }
.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {
font-size: 0.75rem; }
.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-lg .vs-checkbox--check .vs-icon {
font-size: 1.2rem; }
.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check {
transform: translate(3px);
background-color: #7367f0; }
.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check .vs-icon {
opacity: 1;
transform: translate(6px); }
.vs-checkbox-con input:disabled {
cursor: default;
pointer-events: none; }
.vs-checkbox-con input:disabled + .vs-checkbox {
cursor: default;
opacity: .5; }
.vs-checkbox-con .vs-checkbox {
cursor: pointer;
position: relative;
width: 20px;
height: 20px;
border-width: 2px;
border-style: solid;
border-color: #b8c2cc;
border-radius: 2px;
transform: rotate(-90deg);
transition: all .2s ease;
overflow: hidden;
margin-right: .5rem; }
.vs-checkbox-con .vs-checkbox.vs-checkbox-sm {
width: 15px;
height: 15px; }
.vs-checkbox-con .vs-checkbox.vs-checkbox-lg {
width: 24px;
height: 24px; }
.vs-checkbox-con .vs-checkbox .vs-checkbox--check {
width: 100%;
height: 100%;
position: absolute;
left: 0;
transform: translate(100%);
transform-origin: right;
transition: all .2s ease;
z-index: 10; }
.vs-checkbox-con .vs-checkbox .vs-checkbox--check .vs-icon {
display: flex;
justify-content: center;
align-items: center;
color: #fff; }
/* Vuexy Custom Radio */
.vs-radio-con {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
margin: .25rem 0; }
.vs-radio-con input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 200;
cursor: pointer; }
.vs-radio-con input:checked ~ .vs-radio {
transform: rotate(0deg);
outline: 0; }
.vs-radio-con input:checked ~ .vs-radio .vs-radio--circle {
background: #7367f0;
box-shadow: 0 3px 12px 0 rgba(115, 103, 240, 0.4);
opacity: 1;
transform: scale(1); }
.vs-radio-con input:checked ~ .vs-radio .vs-radio--border {
opacity: 0;
transform: scale(0.3); }
.vs-radio-con input:disabled {
cursor: default;
pointer-events: none; }
.vs-radio-con input:disabled + .vs-radio {
cursor: default;
opacity: .5; }
.vs-radio-con input:active ~ .vs-radio {
transform: scale(1.1); }
.vs-radio-con .vs-radio {
cursor: pointer;
position: relative;
width: 18px;
height: 18px;
transition: all .2s ease;
margin-right: .5rem; }
.vs-radio-con .vs-radio.vs-radio-sm {
width: 13px;
height: 13px; }
.vs-radio-con .vs-radio.vs-radio-lg {
width: 22px;
height: 22px; }
.vs-radio-con .vs-radio .vs-radio--border, .vs-radio-con .vs-radio .vs-radio--circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
transition: all .25s ease;
top: 0;
border-radius: 50%; }
.vs-radio-con .vs-radio .vs-radio--border {
background: transparent;
border: 2px solid #b8c2cc; }
.vs-radio-con .vs-radio .vs-radio--circle {
opacity: 0;
transform: scale(0.1); }
/* Switches */
.custom-switch {
padding-left: 0;
/*For Switch label*/
/*For Switch Handle Animation*/ }
.custom-switch .custom-control-label {
height: 1.571rem;
width: 3.1rem;
padding: 0;
/* For bg color of switch*/
/*For Switch handle*/
/*For Switch text*/ }
.custom-switch .custom-control-label::before {
border: none;
background-color: #e2e2e2;
height: 1.571rem;
left: -.2857rem;
box-shadow: none !important;
transition: all .25s ease;
cursor: pointer;
user-select: none;
top: 0;
left: 0; }
.custom-switch .custom-control-label:after {
position: absolute;
top: 2px;
left: 2px;
box-shadow: none;
background-color: #fff;
transition: all .25s ease;
cursor: pointer;
user-select: none; }
.custom-switch .custom-control-label .switch-text-left, .custom-switch .custom-control-label .switch-text-right,
.custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-icon-right {
position: absolute;
top: 5px;
font-size: .7rem;
cursor: pointer;
user-select: none; }
.custom-switch .custom-control-label .switch-text-left, .custom-switch .custom-control-label .switch-icon-left {
left: 7px;
color: #fff; }
.custom-switch .custom-control-label .switch-text-right, .custom-switch .custom-control-label .switch-icon-right {
right: 7px; }
.custom-switch .custom-control-label:focus {
outline: 0; }
.custom-switch .switch-label {
padding-left: 1rem; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
box-shadow: none; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(1.4rem); }
.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-left {
opacity: 0; }
.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-right {
opacity: 1; }
.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-right {
opacity: 0; }
.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-left {
opacity: 1; }
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background-color: #e2e2e2; }
.custom-switch.switch-md .custom-control-label {
width: 4rem;
height: 1.571rem; }
.custom-switch.switch-md .custom-control-label::before {
width: 4rem;
border: none;
background-color: #e2e2e2;
height: 1.571rem;
left: -.2857rem;
box-shadow: none !important;
transition: all .25s ease;
cursor: pointer;
user-select: none; }
.custom-switch.switch-md .custom-control-label:after {
box-shadow: none;
background-color: #fff;
transition: all .25s ease;
cursor: pointer;
user-select: none;
position: absolute;
top: 2px;
left: -2px; }
.custom-switch.switch-md .custom-control-label .switch-text-right, .custom-switch.switch-md .custom-control-label .switch-icon-right {
right: 9px; }
.custom-switch.switch-md .custom-control-label .switch-text-left, .custom-switch.switch-md .custom-control-label .switch-icon-left {
left: 5px; }
.custom-switch.switch-md .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(2.3rem); }
.custom-switch.switch-lg .custom-control-label {
width: 5.5rem;
height: 1.571rem; }
.custom-switch.switch-lg .custom-control-label::before {
width: 5.5rem;
border: none;
background-color: #e2e2e2;
height: 1.571rem;
left: -.2857rem;
box-shadow: none !important;
transition: all .25s ease;
cursor: pointer;
user-select: none; }
.custom-switch.switch-lg .custom-control-label:after {
position: absolute;
top: 2px;
left: -2px;
box-shadow: none;
background-color: #fff;
transition: all .25s ease;
cursor: pointer;
user-select: none; }
.custom-switch.switch-lg .custom-control-label .switch-text-right, .custom-switch.switch-lg .custom-control-label .switch-icon-right {
right: 10px; }
.custom-switch.switch-lg .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(3.8rem); }
/* Textarea with Counter */
.counter-value {
background-color: #7367f0;
color: #fff;
padding: 1px 6px;
font-size: .6rem;
border-radius: 0 0 5px 5px;
margin-right: 1rem; }
/* Input box with icon divider */
.form-group.input-divider-left .form-control-position i {
padding: 0.2rem 0.5rem;
border-right: 1px solid #d9d9d9; }
.form-group.input-divider-right .form-control-position i {
padding: 0.2rem 0.5rem;
border-left: 1px solid #d9d9d9; }
/* input-groups-lg and input-groups-sm */
.input-group-lg .form-control, .input-group-sm .form-control {
padding: 0.7rem; }
/* Bootstrap touchspin */
.bootstrap-touchspin.input-group {
width: 8.4rem;
align-items: center; }
.bootstrap-touchspin.input-group .form-control {
padding: 5px;
height: auto;
border: 0;
background-color: #f8f8f8;
border-radius: 5px !important;
text-align: center;
font-weight: 500; }
.bootstrap-touchspin.input-group .form-control:focus {
z-index: 1;
box-shadow: none; }
.bootstrap-touchspin .bootstrap-touchspin-injected {
margin: 0 !important; }
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
padding: 0;
min-width: 22px;
min-height: 22px;
border-radius: 5px !important;
position: relative; }
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i {
font-size: 0.8rem;
position: relative;
top: -1px; }
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down {
left: 12px; }
.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
right: 12px; }
.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down, .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
background-color: rgba(0, 0, 0, 0.5) !important;
cursor: default;
opacity: .5; }
.bootstrap-touchspin.input-group-lg {
width: 9.375rem; }
.bootstrap-touchspin.input-group-lg .touchspin.form-control {
height: auto !important; }
.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i {
font-size: 1rem; }
.bootstrap-touchspin.input-group-sm {
width: 6.25rem; }
.bootstrap-touchspin.input-group-sm .touchspin.form-control {
height: auto !important; }
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {
min-width: 16px;
min-height: 16px;
padding-top: 2.2px; }
.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i {
font-size: 0.6rem; }
.btn.disabled-max-min {
background-color: rgba(0, 0, 0, 0.5) !important;
cursor: default; }
/* Number Type Input Box Scss for - Remove arrow on hover */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; }
/* Number Type Input Box Scss for Touchspin - Remove arrow for firefox */
.bootstrap-touchspin.input-group input[type=number] {
-moz-appearance: textfield; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.form-label-group label {
display: none; }
select.form-control:not([multiple="multiple"]) {
background: none; }
.custom-file-label::after {
padding: 1.34rem 0.7rem 1.25rem; } }
.picker__input.form-control {
background-color: #fff; }
.input-group .form-control {
height: auto; }
.input-group .input-group-prepend .dropdown-toggle::after, .input-group .input-group-append .dropdown-toggle::after {
left: 0; }
.input-group .input-group-prepend .vs-checkbox-con, .input-group .input-group-prepend .vs-checkbox, .input-group .input-group-prepend .vs-radio-con, .input-group .input-group-prepend .vs-radio, .input-group .input-group-append .vs-checkbox-con, .input-group .input-group-append .vs-checkbox, .input-group .input-group-append .vs-radio-con, .input-group .input-group-append .vs-radio {
margin: 0; }
.input-group.input-group-lg .form-control::placeholder {
font-size: 1.25rem; }
.input-group.input-group-lg .input-group-prepend .btn, .input-group.input-group-lg .input-group-append .btn {
line-height: 1.3;
font-size: 1.3rem; }
.input-group.input-group-sm .form-control::placeholder {
font-size: 0.7rem; }
.btn:disabled {
cursor: default; }
.btn.btn-white {
color: #626262; }
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {
color: #626262 !important; }
.btn[class*="bg-gradient-"]:hover {
box-shadow: 0 8px 25px -8px #aaa; }
.btn.btn-secondary {
color: #fff; }
.btn.btn-secondary:hover {
box-shadow: 0 8px 25px -8px #6c757d; }
.btn.btn-dark:hover {
box-shadow: 0 8px 25px -8px #343a40; }
.btn.btn-light:hover {
box-shadow: 0 8px 25px -8px #f8f9fa; }
.btn.btn-outline-secondary, .btn.btn-outline-dark, .btn.btn-outline-light {
border: 1px solid; }
.btn.btn-flat-secondary:hover {
background-color: rgba(108, 117, 125, 0.1); }
.btn.btn-flat-secondary:active, .btn.btn-flat-secondary:focus {
background: #6c757d; }
.btn.btn-flat-dark:hover {
background-color: rgba(52, 58, 64, 0.1); }
.btn.btn-flat-dark:active, .btn.btn-flat-dark:focus {
background: #343a40;
color: #fff; }
.btn.btn-flat-light:hover {
background-color: rgba(248, 249, 250, 0.1); }
.btn.btn-flat-light:active, .btn.btn-flat-light:focus {
background: #f8f9fa; }
.btn[class*="btn-outline-"] {
padding-top: calc(0.9rem - 1px);
padding-bottom: calc(0.9rem - 1px); }
.btn[class*="btn-outline-"].btn-sm {
padding-top: calc(0.5rem - 1px);
padding-bottom: calc(0.5rem - 1px); }
.btn.btn-relief-secondary {
background-color: #6c757d;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn.btn-relief-secondary:hover {
color: #fff; }
.btn.btn-relief-secondary:active, .btn.btn-relief-secondary:focus {
outline: none;
transform: translateY(3px); }
.btn.btn-relief-light {
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn.btn-relief-light:hover {
color: #fff; }
.btn.btn-relief-light:active, .btn.btn-relief-light:focus {
outline: none;
transform: translateY(3px); }
.btn.btn-relief-dark {
background-color: #343a40;
box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.1);
color: #fff; }
.btn.btn-relief-dark:hover {
color: #fff; }
.btn.btn-relief-dark:active, .btn.btn-relief-dark:focus {
outline: none;
transform: translateY(3px); }
.btn.btn-icon {
padding: .715rem .736rem; }
.btn.btn-sm.btn-icon {
padding: .5rem; }
.btn.btn-lg.btn-icon {
padding: 1rem; }
.btn.btn-square {
border-radius: 0; }
.btn.btn-round {
border-radius: 2rem; }
.btn:focus, .btn.focus, .btn:active, .btn.active {
outline: none;
box-shadow: none !important; }
.btn.btn-icon i {
font-size: 1.1rem; }
.btn.btn-outline-white:hover,
.btn-white:hover {
color: #22292f !important; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer; }
.waves-button-input {
padding: unset; }
.collapse-icon .card-header {
position: relative; }
.collapse-icon [data-toggle="collapse"]:after {
position: absolute;
top: 48%;
right: 20px;
margin-top: -8px;
font-family: 'feather';
content: "\e845";
transition: all 300ms linear 0s;
font-size: 0.9rem; }
.collapse-icon [data-toggle="collapse"]:before {
position: absolute;
top: 48%;
right: 20px;
margin-top: -8px;
font-family: 'feather';
content: "\e842";
transition: all 300ms linear 0s;
font-size: 0.9rem; }
.collapse-icon.left a {
padding-left: 28px; }
.collapse-icon.left a:before, .collapse-icon.left a:after {
left: 20px;
right: auto; }
.collapse-icon [aria-expanded="true"]:before {
opacity: 0; }
.collapse-icon [aria-expanded="false"]:after {
opacity: 0; }
.collapse-icon.accordion-icon-rotate [aria-expanded="true"]:before {
transform: rotate(180deg); }
.collapse-icon.accordion-icon-rotate [aria-expanded="false"]:after {
transform: rotate(-180deg); }
.dropdown.show .btn-outline-warning.dropdown-toggle,
.dropdown.show .btn-outline-light.dropdown-toggle {
color: #fff; }
.dropdown .btn:not(.btn-sm):not(.btn-lg),
.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {
padding: 0.85rem 1.5rem; }
.dropdown .btn:not(.btn-sm):not(.btn-lg).btn-round,
.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle.btn-round {
border-radius: 2rem; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-split {
padding: 0.85rem 1rem;
border-left-color: rgba(255, 255, 255, 0.2) !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown [class*="btn-outline-"].dropdown-toggle.dropdown-toggle-split {
border-left: 0 !important; }
.dropdown [class*="btn-outline-"].dropdown-toggle.dropdown-toggle-split:active {
color: #fff; }
.dropdown .dropdown-menu {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 5px;
transform: scale(1, 0);
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
min-width: 8rem; }
.dropdown .dropdown-menu::before {
content: "";
position: absolute;
top: -1px;
left: 1.2rem;
width: 0.75rem;
height: 0.75rem;
display: block;
background: #fff;
transform: rotate(45deg) translate(-7px);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);
z-index: 10;
box-sizing: border-box; }
.dropdown .dropdown-menu.dropdown-menu-right::before {
right: 0.6rem;
left: auto; }
.dropdown .dropdown-menu .dropdown-header {
padding: 0.714rem 1.428rem;
margin-top: 0.714rem; }
.dropdown .dropdown-menu .dropdown-item {
padding: 0.5rem 1rem;
color: #626262;
width: auto;
cursor: pointer; }
.dropdown .dropdown-menu .dropdown-item:hover {
background-color: #f8f8f8;
color: #7367f0; }
.dropdown .dropdown-menu .dropdown-item.active {
color: #fff; }
.dropdown .dropdown-menu .dropdown-item:active {
background-color: transparent;
color: #212529; }
.dropdown i {
margin-right: 0.5rem; }
.dropdown.no-arrow .dropdown-toggle:after {
display: none; }
.dropdown.no-arrow .dropdown-toggle i {
margin-right: 0; }
.dropdown,
.dropup,
.dropright,
.dropleft {
position: relative; }
.dropdown .dropdown-menu .dropdown-item,
.dropup .dropdown-menu .dropdown-item,
.dropright .dropdown-menu .dropdown-item,
.dropleft .dropdown-menu .dropdown-item {
padding: 0.714rem 1.428rem; }
.show > .dropdown-menu {
transform: scale(1, 1);
opacity: 1;
display: block; }
.dropdown-toggle::after {
border: none !important;
font-family: "feather";
content: "\e842" !important;
position: relative;
top: 1px;
right: 0px;
left: 0.714rem;
padding: 0;
margin: 0;
vertical-align: 0; }
.dropdown-toggle.dropdown-toggle-split {
border-left: 1px solid rgba(255, 255, 255, 0.2); }
.dropdown-toggle.dropdown-toggle-split:after {
left: 0; }
.dropdown-toggle.nav-hide-arrow::after {
display: none; }
.dropdown-toggle:focus {
outline: 0; }
/* .dropdown-menu-right {
left: auto !important; // Input group with dropdown issue for dropdown-menu-right
right: 0;
} */
.btn-secondary ~ .dropdown-menu .dropdown-item.active, .btn-secondary ~ .dropdown-menu .dropdown-item:hover {
background-color: #cccccc; }
.dropup {
position: relative; }
.dropup .btn,
.dropup .btn.dropdown-toggle {
padding: 0.85rem 1.5rem; }
.dropup .btn.dropdown-toggle.dropdown-toggle-split {
padding: 0.85rem 1rem;
border-color: rgba(255, 255, 255, 0.2) !important; }
.dropup .dropdown-toggle::after {
content: "\e845" !important;
vertical-align: 0.05rem; }
.dropup .dropdown-menu::before {
content: "";
position: absolute;
bottom: -0.714rem;
left: 1.214rem;
width: 0.714rem;
height: 0.714rem;
display: block;
background: #fff;
transform: rotate(45deg) translate(-7px);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
z-index: 10;
box-sizing: border-box; }
.dropup .dropdown-menu.dropdown-menu-right::before {
left: auto;
right: 0.714rem; }
.dropup .dropdown-submenu .dropdown-menu {
bottom: auto;
top: 0; }
.dropleft .btn,
.dropleft .btn.dropdown-toggle {
padding: 0.85rem 1.5rem; }
.dropleft .btn.dropdown-toggle.dropdown-toggle-split {
padding: 0.85rem 1rem; }
.dropleft .dropdown-toggle::before {
border: none !important;
font-family: "feather";
content: "\e843" !important; }
.dropleft .dropdown-menu::before {
content: "";
position: absolute;
top: 1.285rem;
right: 0;
width: 0.714rem;
height: 0.714rem;
display: block;
background: #fff;
transform: rotate(130deg) translate(-8px);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);
z-index: 10;
box-sizing: border-box; }
.dropright .btn,
.dropright .btn.dropdown-toggle {
padding: 0.85rem 1.5rem; }
.dropright .btn.dropdown-toggle.dropdown-toggle-split {
padding: 0.85rem 1rem; }
.dropright .dropdown-toggle::after {
border: none !important;
font-family: "feather";
content: "\e844" !important; }
.dropright .dropdown-menu::before {
content: "";
position: absolute;
top: 1.285rem;
left: -0.9rem;
width: 0.714rem;
height: 0.714rem;
display: block;
background: #fff;
transform: rotate(140deg) translate(-9px);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
z-index: 10;
box-sizing: border-box; }
.dropdown.dropdown-icon-wrapper .dropdown-toggle:after,
.dropup.dropdown-icon-wrapper .dropdown-toggle:after {
display: none; }
.dropdown.dropdown-icon-wrapper .dropdown-menu,
.dropup.dropdown-icon-wrapper .dropdown-menu {
min-width: auto; }
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item {
padding: 0.5rem 1.1rem;
cursor: pointer; }
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
font-size: 1.3rem;
color: #626262; }
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item:hover,
.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item:hover {
color: #fff; }
.btn.btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
color: #626262 !important; }
.btn.btn-white ~ .dropdown-menu .dropdown-item.active {
color: #626262; }
.horizontal-menu-wrapper .dropdown-menu,
.header-navbar .dropdown-menu {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-name: slideIn; }
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0; }
100% {
transform: translateY(0rem);
opacity: 1; }
0% {
transform: translateY(1rem);
opacity: 0; } }
/* ===============================================================================================
File Name: navbar.scss
Description: Contain header navigation bar, vertical main navigation bar and
horiznotal main navigation bar related SCSS.
----------------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
.navbar-dark .hamburger-inner,
.navbar-dark .hamburger-inner::before,
.navbar-dark .hamburger-inner::after {
background-color: #fff; }
.header-navbar-shadow {
display: none; }
.navbar-floating .header-navbar-shadow {
display: block;
background: linear-gradient(180deg, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0));
padding-top: 2.2rem;
background-repeat: repeat;
width: 100%;
height: 102px;
position: fixed;
top: 0;
z-index: 11; }
.header-navbar {
padding: 0px;
min-height: 4.5rem;
font-family: "Montserrat", Helvetica, Arial, serif;
transition: 300ms ease all;
background: linear-gradient(180deg, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0));
z-index: 997;
/* For sm screen*/ }
.header-navbar.fixed-top {
left: 260px; }
.header-navbar[class*="bg-"] .navbar-nav .nav-item > a {
color: #fff !important; }
.header-navbar[class*="bg-"] .navbar-nav .nav-item > a i,
.header-navbar[class*="bg-"] .navbar-nav .nav-item > a span {
color: #fff !important; }
.header-navbar[class*="bg-"] .navbar-nav .nav-item .dropdown-menu i {
color: inherit !important; }
.header-navbar[class*="bg-"] .navbar-nav .search-input .input,
.header-navbar[class*="bg-"] .navbar-nav .search-input .search-list .auto-suggestion span {
color: #626262 !important; }
.header-navbar.floating-nav {
margin: 1.3rem 2.2rem 0;
border-radius: 0.5rem;
position: fixed;
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2) - 260px);
z-index: 12;
right: 0; }
.header-navbar.navbar-static-top {
background: transparent;
box-shadow: none !important;
top: 0;
right: 0;
left: 260px;
width: calc(100vw - (100vw - 100%) - 260px); }
.header-navbar .navbar-wrapper {
width: 100%; }
.header-navbar.navbar-border {
border-bottom: 1px solid #E4E7ED; }
.header-navbar.navbar-dark.navbar-border {
border-bottom: 1px solid #8596B5; }
.header-navbar.navbar-shadow {
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); }
.header-navbar:not(.navbar-horizontal) .nav-link.dropdown-toggle::after {
display: none; }
.header-navbar .navbar-container ul.nav li.dropdown-language {
padding-right: 0; }
.header-navbar .navbar-container ul.nav li.dropdown-language .selected-language {
font-size: 0.97rem;
letter-spacing: -0.25px;
font-weight: 500; }
.header-navbar .navbar-container {
padding-left: 1rem;
transition: 300ms ease all;
background: inherit;
margin-left: 0; }
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link {
padding: 1.4rem 0.5rem 1.35rem; }
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link i:hover {
color: #7367f0; }
.header-navbar .navbar-container .bookmark-input {
z-index: 1; }
.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
top: 48px; }
.header-navbar .navbar-container ul.nav li .badge {
padding: 0.42em 0.6em 0.25rem; }
.header-navbar .navbar-container ul.nav li .badge.badge-up {
position: absolute;
top: 12px;
right: -2px; }
.header-navbar .navbar-container ul.nav li.dropdown-language > a.nav-link {
padding: 1.65rem 0.5rem; }
.header-navbar .navbar-container ul.nav li > a.nav-link {
color: #626262;
padding: 1.6rem 0.5rem 1.35rem 1rem; }
.header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
margin-right: 0.5rem; }
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {
right: 12px;
left: auto;
padding: 0.5rem; }
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item {
padding: 10px; }
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
background: #7367f0;
color: #fff !important; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
padding: 0.7rem 1rem;
display: flex;
align-items: center; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
display: inline-block;
margin-bottom: 0.435rem;
margin-left: 0.2rem; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {
font-size: smaller; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.header-navbar .navbar-container ul.nav li a.menu-toggle {
padding: 1.34rem 0.22rem 1.35rem 0; }
.header-navbar .navbar-container ul.nav li a.menu-toggle i {
font-size: 1.75rem; }
.header-navbar .navbar-container ul.nav li a.nav-link-label {
padding: 1.6rem 0rem 1.35rem 0.8rem; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav {
display: flex;
flex-direction: column;
align-items: flex-end;
float: left;
margin-right: 0.8rem; }
.header-navbar .navbar-container ul.nav li div.input-group {
padding: 0.7rem 1rem; }
.header-navbar .navbar-container ul.nav li i.ficon {
font-size: 1.5rem;
color: #626262; }
.header-navbar .navbar-container ul.nav li i.ficon:hover {
color: #7367f0; }
.header-navbar .navbar-container ul.nav li .media-list {
max-height: 18.2rem; }
.header-navbar .navbar-container ul.nav li .scrollable-container {
position: relative; }
.header-navbar .navbar-container .dropdown-menu-media {
width: 26rem; }
.header-navbar .navbar-container .dropdown-menu-media .media-list .media {
padding: 1rem;
border: none;
border-bottom: 1px solid #dae1e7; }
.header-navbar .navbar-container .dropdown-menu-media .media-list .media:hover {
background: #f8f8f8; }
.header-navbar .navbar-container .dropdown-menu-media .media-list .media .media-meta {
color: #626262; }
.header-navbar .navbar-container .dropdown-menu-media .media-list a:last-of-type .media {
border-bottom: none; }
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
border-bottom: 1px solid #dae1e7; }
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a {
padding: 0.3rem;
border-top: 1px solid #dae1e7; }
.header-navbar.navbar-without-menu .navbar-container {
margin-left: 0; }
.header-navbar .nav-item + .nav-item {
margin-left: 0rem; }
@media (max-width: 767.98px) {
.header-navbar .navbar-header {
width: 100% !important;
padding: 0.5rem 1rem;
position: relative; }
.header-navbar .navbar-header .menu-toggle {
top: 2px;
position: relative; }
.header-navbar .navbar-header .open-navbar-container i {
font-size: 1.8rem; }
.header-navbar .navbar-header .navbar-brand {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0); }
.header-navbar.navbar-with-menu .navbar-container {
width: 100%;
display: table;
margin: 0;
height: auto; } }
/* Modern menu For md screen*/
@media (max-width: 991.98px) {
[data-menu="vertical-menu-modern"] .header-navbar .navbar-header {
width: 100% !important;
padding: 0.5rem 1rem;
position: relative; }
[data-menu="vertical-menu-modern"] .header-navbar .navbar-header .menu-toggle {
top: 2px;
position: relative; }
[data-menu="vertical-menu-modern"] .header-navbar .navbar-header .open-navbar-container i {
font-size: 1.8rem; }
[data-menu="vertical-menu-modern"] .header-navbar .navbar-header .navbar-brand {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0); }
[data-menu="vertical-menu-modern"] .header-navbar.navbar-with-menu .navbar-container {
width: 100%;
display: table;
margin: 0;
height: auto; }
[data-menu="vertical-menu-modern"] .navbar-dark .navbar-header .navbar-nav .nav-link,
[data-menu="vertical-menu-modern"] .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
color: #fff; }
[data-menu="vertical-menu-modern"] .navbar-dark .navbar-container .navbar-nav .nav-link,
[data-menu="vertical-menu-modern"] .navbar-semi-dark .navbar-container .navbar-nav .nav-link {
color: #b8c2cc; }
[data-menu="vertical-menu-modern"] .navbar-light .navbar-header .navbar-nav .nav-link {
color: #b8c2cc; } }
.navbar-light {
background: #fff; }
.navbar-light.navbar-horizontal {
background: #fff; }
.navbar-light .navbar-nav li {
line-height: 1; }
.navbar-light .navbar-nav .active.nav-link {
background-color: rgba(0, 0, 0, 0.03); }
.navbar-light .navbar-nav .disabled.nav-link {
color: #6c757d; }
.navbar-dark {
background: #b8c2cc; }
.navbar-dark .navbar-brand {
color: #fff !important; }
.navbar-dark.navbar-horizontal {
background: #b8c2cc; }
.navbar-dark .nav-search .form-control,
.navbar-dark .nav-search .btn-secondary {
color: #fff;
background: #b8c2cc; }
.navbar-dark .navbar-nav li {
line-height: 1; }
.navbar-dark .navbar-nav .active.nav-link {
background-color: rgba(255, 255, 255, 0.05); }
.navbar-dark .navbar-nav .disabled.nav-link {
color: #dae1e7; }
.navbar-semi-dark {
background: #fff; }
.navbar-semi-dark .navbar-header {
background: #b8c2cc; }
.navbar-semi-dark .navbar-header .brand-text {
color: #fff; }
.navbar-semi-dark .navbar-nav li {
line-height: 1; }
.navbar-semi-dark .navbar-nav .nav-link {
color: #b8c2cc; }
.navbar-semi-dark .navbar-nav .active.nav-link {
background-color: rgba(0, 0, 0, 0.03); }
.navbar-semi-dark .navbar-nav .disabled.nav-link {
color: #6c757d; }
.navbar-semi-light {
background: #b8c2cc; }
.navbar-semi-light .navbar-header {
background: #fff; }
.navbar-semi-light .navbar-header .brand-text {
color: #b8c2cc; }
.navbar-semi-light .navbar-nav li {
line-height: 1; }
.navbar-semi-light .navbar-nav .nav-link {
color: #fff; }
.navbar-semi-light .navbar-nav .active.nav-link {
background-color: rgba(0, 0, 0, 0.03); }
.navbar-semi-light .navbar-nav .disabled.nav-link {
color: #6c757d; }
@-moz-document url-prefix() {
ul li a .children-in {
position: relative;
right: 3px;
top: -14px; } }
.navbar-menu-icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #b8c2cc;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out; }
.navbar-menu-icon span:nth-child(1) {
top: 0px; }
.navbar-menu-icon span:nth-child(2) {
top: 10px; }
.navbar-menu-icon span:nth-child(3) {
top: 20px; }
.navbar-menu-icon.show span:nth-child(1) {
top: 10px;
transform: rotate(135deg); }
.navbar-menu-icon.show span:nth-child(2) {
opacity: 0;
left: -60px; }
.navbar-menu-icon.show span:nth-child(3) {
top: 10px;
transform: rotate(-135deg); }
@media (max-width: 767.98px) {
.header-navbar .navbar-nav .show {
position: static; }
.header-navbar .navbar-nav .open-navbar-container {
padding-top: 0.625rem; }
.header-navbar .navbar-container .show .dropdown-menu {
right: 0;
left: 0 !important;
float: none;
width: auto;
margin-top: 0;
max-height: 400px;
overflow-x: hidden; }
.header-navbar .navbar-container .dropdown-user .dropdown-menu-right {
right: 0 !important; }
.header-navbar .navbar-container ul.nav li.nav-item i {
margin-right: 0.2rem; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
padding: 0.8rem 0.6rem; }
.header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
margin-right: 0;
margin-left: -2px; }
.navbar-dark .hamburger-inner,
.navbar-dark .hamburger-inner::before,
.navbar-dark .hamburger-inner::after,
.navbar-semi-dark .hamburger-inner,
.navbar-semi-dark .hamburger-inner::before,
.navbar-semi-dark .hamburger-inner::after {
background-color: #fff; }
.navbar-dark .navbar-header .navbar-nav .nav-link,
.navbar-semi-dark .navbar-header .navbar-nav .nav-link {
color: #fff; }
.navbar-dark .navbar-container .navbar-nav .nav-link,
.navbar-semi-dark .navbar-container .navbar-nav .nav-link {
color: #b8c2cc; }
.navbar-light .navbar-header .navbar-nav .nav-link,
.navbar-semi-light .navbar-header .navbar-nav .nav-link {
color: #b8c2cc; }
.navbar-light .navbar-container .navbar-nav .nav-link,
.navbar-semi-light .navbar-container .navbar-nav .nav-link {
color: #b8c2cc; } }
.headroom {
will-change: transform;
transition: transform 200ms linear; }
.headroom--pinned-top {
transform: translateY(0%); }
.headroom--unpinned-top {
transform: translateY(-100%); }
.headroom--pinned-bottom {
transform: translateY(0%); }
.headroom--unpinned-bottom {
transform: translateY(100%); }
@media (max-width: 575.98px) {
.header-navbar .navbar-container ul.nav li .selected-language {
display: none; } }
body[data-col="1-column"] .header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2)); }
@media (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body:not([data-col="1-columns"]) .header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 60px - 260px); } }
@media (max-width: 1199.98px) {
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
padding: 0.7rem 1.23rem; }
.header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
margin-right: 0;
margin-left: -2px; }
.header-navbar.navbar-static-top {
left: 0;
width: 100%; } }
@media (max-width: 767px) {
#navbar-mobile.navbar-collapse .navbar-nav {
margin: 0;
flex-flow: row wrap; }
#navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
position: absolute; }
#navbar-mobile.navbar-collapse .navbar-nav .nav-item {
float: left; } }
@media (max-width: 991.98px) {
#navbar-mobile.navbar-collapse .navbar-nav {
margin: 0;
flex-flow: row wrap; }
#navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
position: absolute; }
#navbar-mobile.navbar-collapse .navbar-nav .nav-item {
float: left; } }
/* ----------- iPhone 5, 5S iPhone 6----------- */
/* Landscape */
@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.header-navbar .navbar-container .show .dropdown-menu {
max-height: 180px; } }
/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.header-navbar .navbar-container .show .dropdown-menu {
max-height: 280px; } }
/*----------------------------- For Navbar Component -------------------------*/
#navbar-component .navbar {
z-index: auto !important; }
#navbar-component .navbar.floating-nav {
border-radius: .5rem; }
#navbar-component .navbar .navbar-nav .nav-item a {
color: inherit; }
#navbar-component .navbar.header-navbar.navbar-dark .navbar-nav .nav-link {
color: #fff; }
#navbar-component .navbar.header-navbar.navbar-dark .navbar-nav .nav-link i {
color: #fff; }
#navbar-component .navbar .navbar-nav .dropdown-language.show,
#navbar-component .navbar .navbar-nav .dropdown-notification.show,
#navbar-component .navbar .navbar-nav .dropdown-user.show {
position: relative; }
#navbar-component .navbar .navbar-nav .dropdown-language .dropdown-menu.show,
#navbar-component .navbar .navbar-nav .dropdown-notification .dropdown-menu.show,
#navbar-component .navbar .navbar-nav .dropdown-user .dropdown-menu.show {
position: absolute;
right: 0;
left: auto !important; }
#navbar-component .navbar.navbar-dark .navbar-toggler, #navbar-component .navbar.navbar-light .navbar-toggler {
font-size: 1.2rem; }
#navbar-component .navbar.navbar-dark .navbar-toggler:focus, #navbar-component .navbar.navbar-light .navbar-toggler:focus {
outline: 0; }
#navbar-component #navbar-collapsed .navbar {
border-radius: 0; }
@media (min-width: 992px) {
#navbar-component .navbar .navbar-container {
background: inherit; }
#navbar-component .nav .dropdown-language {
float: right; } }
@media (max-width: 992px) {
#navbar-component .navbar .navbar-container {
background: inherit; }
#navbar-component .navbar .navbar-container .navbar-nav {
flex-direction: row; } }
@media (max-width: 1201px) {
.header-navbar.fixed-top {
left: 0; }
.horizontal-layout .header-navbar .navbar-container {
padding-left: 1.5rem;
padding-right: 1.2rem; } }
@media (max-width: 1199px) {
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
margin-bottom: 0; } }
@media (max-width: 768px) {
#navbar-component .navbar .navbar-nav .dropdown-notification.show {
position: static; } }
@media (max-width: 575.98px) {
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 3.5rem) !important;
margin-left: 1.2rem;
margin-right: 1.2rem; }
.content.app-content .content-area-wrapper {
margin-left: 1.2rem !important;
margin-right: 1.2rem !important; }
.header-navbar .navbar-container {
padding-left: 1rem !important;
padding-right: 0 !important; } }
@media (max-width: 992px) {
.navbar-container #navbar-mobile .nav-back {
margin-top: 5px; } }
.card-group, .card-deck {
margin-bottom: 0.75rem; }
.card {
margin-bottom: 2.2rem;
border: none;
border-radius: 0.5rem;
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
transition: all .3s ease-in-out; }
.card .card {
box-shadow: none !important; }
.card .card-subtitle {
margin-top: .5rem; }
.card .card-title {
font-weight: 500;
letter-spacing: 0.05rem;
font-size: 1.32rem;
margin-bottom: 0.5rem; }
.card .card-bordered {
border: 1px solid rgba(0, 0, 0, 0.125); }
.card .card-img {
object-fit: cover; }
.card .card-img-overlay {
border-radius: 0.25rem; }
.card.card-fullscreen {
display: block;
z-index: 9999;
position: fixed;
width: 100% !important;
height: 100% !important;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: auto; }
.card .card-body[class*='border-bottom-'] {
border-bottom-width: 2px !important; }
.card .card-img-overlay.bg-overlay {
background: rgba(0, 0, 0, 0.45); }
.card .card-img-overlay .text-muted {
color: #1e1e1e !important; }
.card.card-minimal {
border: none;
box-shadow: none; }
.card .card-header {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: none;
padding: 1.5rem 1.5rem 0;
background-color: transparent; }
.card .card-header .card-title {
margin-bottom: 0; }
.card .card-header .heading-elements,
.card .card-header .heading-elements-toggle {
background-color: inherit;
position: absolute;
top: 17px;
right: 21px;
cursor: pointer; }
.card .card-header .heading-elements.heading-top-elements .page-item,
.card .card-header .heading-elements-toggle.heading-top-elements .page-item {
display: inline-block; }
.card .card-header .heading-elements a,
.card .card-header .heading-elements-toggle a {
padding: 0;
padding-left: 8px; }
.card .card-header .heading-elements a.btn,
.card .card-header .heading-elements-toggle a.btn {
padding-top: 6px;
padding-bottom: 6px; }
.card .card-header .heading-elements a[data-action="collapse"] i,
.card .card-header .heading-elements-toggle a[data-action="collapse"] i {
transition: all .25s ease-out;
display: inline-block; }
.card .card-header .heading-elements a[data-action="collapse"].rotate i,
.card .card-header .heading-elements-toggle a[data-action="collapse"].rotate i {
transform: rotate(-180deg); }
.card .card-footer {
border-top: 1px solid #dae1e7; }
.card-columns .card {
margin-bottom: 2.2rem; }
.text-white .card-text {
color: white; }
.text-white .card-img-overlay .text-muted {
color: #fff !important; }
.text-white code {
background-color: white; }
.text-white .heading-elements i {
color: #fff; }
.card-head-inverse {
color: #fff; }
.card-head-inverse .heading-elements i {
color: #fff; }
.card-transparent {
background-color: transparent; }
@media (max-width: 991.98px) {
.heading-elements {
text-align: center; }
.heading-elements .list-inline {
display: none; }
.heading-elements.visible {
top: 22px !important;
display: block;
margin-top: 0;
top: 100%;
top: 50px;
height: auto;
left: 0px;
z-index: 997;
position: absolute;
width: 100%; }
.heading-elements.visible .list-inline {
background-color: #fff;
display: block;
position: absolute;
top: 12px;
right: 15px; } }
@media (min-width: 992px) {
.heading-elements-toggle {
display: none; } }
.overlay-img-card .card-img-overlay, .overlay-img-card img {
max-height: 34.64rem; }
.activity-timeline.timeline-left {
border-left: 2px solid #dae1e7;
padding-left: 40px;
margin-left: 1.5rem; }
.activity-timeline.timeline-left li {
position: relative;
margin-bottom: 20px; }
.activity-timeline.timeline-left li p {
margin-bottom: 0; }
.activity-timeline.timeline-left li .timeline-icon {
position: absolute;
top: 0;
left: -4.3rem;
padding: .7rem;
display: flex;
align-items: center;
border-radius: 50%;
color: #fff; }
.activity-timeline.timeline-left li .timeline-icon i {
vertical-align: sub; }
.activity-timeline.timeline-right {
border-right: 2px solid #dae1e7;
padding-right: 40px;
margin-right: 1.5rem; }
.activity-timeline.timeline-right li {
position: relative;
margin-bottom: 20px;
text-align: right; }
.activity-timeline.timeline-right li p {
margin-bottom: 0; }
.activity-timeline.timeline-right li .timeline-icon {
position: absolute;
top: 0;
right: -4.3rem;
padding: .6rem .7rem;
border-radius: 50%;
color: #fff; }
.activity-timeline.timeline-right li .timeline-icon i {
vertical-align: sub; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.card-body, .card-content {
min-height: 1px; }
.profile-card-2 .card .card-header {
display: block; }
.profile-card-1 .card .avatar,
.profile-card-3 .card .avatar {
margin-left: auto;
margin-right: auto; } }
.breadcrumb {
font-size: 1rem;
font-family: "Montserrat", Helvetica, Arial, serif;
background-color: transparent;
padding: 0.5rem 0 0.5rem 1rem !important;
border-left: 1px solid #d6dce1;
border-radius: 0;
/* .breadcrumb-item:first-child{
a{
&:after{
content: "\e965";
font-family: 'feather';
}
}
} */ }
.breadcrumb > li + li::before {
padding-right: .6rem;
padding-left: .6rem; }
.breadcrumb .breadcrumb-item + .breadcrumb-item {
padding-left: 0; }
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "\e847";
font-family: 'feather';
color: #626262; }
.breadcrumb .breadcrumb-item.active {
color: #626262; }
/* Custom scss for page headers style */
.breadcrumbs-right .breadcrumb {
float: right; }
.breadcrumbs-top .breadcrumb {
margin: 0;
padding: 0; }
/* Component Specific */
#component-breadcrumbs .breadcrumb {
border: none; }
#component-breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
font-family: none;
padding: 0 1rem; }
#component-breadcrumbs .default-breadcrumb.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "/"; }
#component-breadcrumbs .breadcrumb-dots.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: ".";
position: relative;
top: -4px; }
#component-breadcrumbs .breadcrumb-dashes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "-"; }
#component-breadcrumbs .breadcrumb-pipes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "|"; }
#component-breadcrumbs .breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "\e844";
font-family: 'feather';
position: relative;
top: 1px; }
#breadcrumb-alignment .breadcrumb-wrapper {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
padding: 1px;
border-radius: 10px; }
#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {
margin-top: .8rem; }
.badge {
color: #fff;
background-color: #7367f0;
font-weight: 400; }
.badge[class*='badge-'] [class*='icon-'] {
line-height: 1; }
.badge[class*='badge-'] a {
color: #fff; }
.badge[class*='badge-'] i {
vertical-align: middle; }
.badge[class*='badge-'] .dropdown-toggle span, .badge[class*='badge-'] .dropdown-toggle i, .badge[class*='badge-'].dropdown-toggle span, .badge[class*='badge-'].dropdown-toggle i {
vertical-align: text-top; }
.badge[class*='badge-'] .dropdown-toggle i, .badge[class*='badge-'].dropdown-toggle i {
padding-left: .2rem; }
.badge[class*='badge-'] .dropdown-toggle::after, .badge[class*='badge-'].dropdown-toggle::after {
position: relative;
top: 0;
left: 0;
font-size: 1rem; }
.badge[class*='badge-'] .dropdown-menu a {
color: #212529; }
.badge.badge-square {
border-radius: 0; }
.badge.badge-up {
position: absolute;
top: -1rem;
right: -1rem; }
.badge.badge-up.badge-sm {
top: -.5rem;
right: -.5rem; }
.badge-xl {
font-size: 1.8rem; }
.badge-lg {
font-size: 1.2rem; }
.badge-md {
font-size: 1rem; }
.badge-sm {
font-size: 0.7rem; }
.badge-icon i {
font-size: 100%;
margin-right: 5px; }
.dropup .badge {
cursor: pointer; }
.nav {
border-radius: 0.25rem; }
.nav.wrap-border {
border: 1px solid #ddd; }
.nav.wrap-border li.nav-header {
margin: 0 0.5rem; }
.nav.wrap-border li.nav-item,
.nav.wrap-border div {
padding: 2px .714rem; }
.nav.square-border {
border-radius: 0; }
.nav.square-border .nav-item .nav-link.active {
border-radius: 0; }
.nav .modern-nav-toggle {
padding: 1.571rem 0; }
.nav.nav-pills {
margin-bottom: 1rem; }
.nav.nav-pills .nav-item .nav-link {
border-radius: .357rem;
padding: .2rem 1rem;
padding-top: .3rem;
font-size: 0.98rem;
margin-right: 0.5rem;
color: #000; }
.nav.nav-pills .nav-item .nav-link.active {
color: #fff; }
.nav.nav-pills .nav-item .nav-link.disabled {
color: #b8c2cc; }
.nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {
top: 1px;
left: 1px; }
.nav.nav-pills .nav-item.dropdown.show .nav-link {
color: #fff; }
.nav.nav-pills .nav-item.dropdown.show .dropdown-item.active:hover {
color: #7367f0; }
.nav.nav-pills.nav-justified {
width: 100%; }
.nav.nav-pills.nav-justified .nav-item {
float: none; }
.nav.nav-pills.nav-justified .nav-link {
text-align: center;
margin-bottom: 5px; }
.nav.nav-pills.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 576px) {
.nav.nav-pills.nav-justified .nav-item {
display: block;
width: 1%; }
.nav.nav-pills.nav-justified .nav-link {
margin-bottom: 0; } }
.nav.nav-pills.nav-justified .nav-link {
margin-right: 0;
border-radius: 0.5rem; }
@media (min-width: 576px) {
.nav.nav-pills.nav-justified .nav-link.active,
.nav.nav-pills.nav-justified .nav-link.active:hover,
.nav.nav-pills.nav-justified .nav-link.active:focus {
border-bottom-color: transparent; } }
.nav.nav-pills.nav-justified .nav-link {
display: block; }
.nav.nav-pills.nav-justified .nav-link.active {
border: none; }
.nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
border: none; }
.nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {
border: 1px solid #7367f0;
border-radius: 0.25rem;
color: #7367f0;
background-color: #fff; }
.nav.nav-tabs {
border: none;
margin-bottom: 1rem;
position: relative;
border-radius: 0; }
.nav.nav-tabs .nav-item {
position: relative; }
.nav.nav-tabs .nav-item .nav-link {
color: #626262;
font-size: 0.95rem;
border: none;
min-width: auto;
font-weight: 450;
padding: .61rem .635rem;
border-radius: 0; }
.nav.nav-tabs .nav-item .nav-link.active {
border: none;
position: relative;
color: #7367f0;
transition: all .2s ease;
background-color: transparent; }
.nav.nav-tabs .nav-item .nav-link.active:after {
content: attr(data-before);
height: 2px;
width: 100%;
left: 0;
position: absolute;
bottom: 0;
top: 100%;
background: linear-gradient(30deg, #7367f0, rgba(115, 103, 240, 0.5)) !important;
box-shadow: 0 0 8px 0 rgba(115, 103, 240, 0.5) !important;
transform: translateY(0px);
transition: all .2s linear; }
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after {
top: 1px;
left: 1px; }
.nav.nav-tabs .nav-item .nav-link.disabled {
color: #adb5bd; }
.nav.nav-tabs.nav-justified {
width: 100%; }
.nav.nav-tabs.nav-justified .nav-item {
float: none; }
.nav.nav-tabs.nav-justified .nav-link {
text-align: center;
margin-bottom: 5px; }
.nav.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 576px) {
.nav.nav-tabs.nav-justified .nav-item {
display: block;
width: 1%; }
.nav.nav-tabs.nav-justified .nav-link {
margin-bottom: 0; } }
.nav.nav-tabs.nav-justified .nav-link {
margin-right: 0;
border-radius: 0.5rem; }
@media (min-width: 576px) {
.nav.nav-tabs.nav-justified .nav-link.active,
.nav.nav-tabs.nav-justified .nav-link.active:hover,
.nav.nav-tabs.nav-justified .nav-link.active:focus {
border-bottom-color: transparent; } }
.nav.nav-tabs.nav-justified .nav-item a.nav-link {
display: block;
border-radius: 0; }
.nav.nav-tabs.nav-justified .nav-item a.nav-link.active {
border: none;
background-color: #fff; }
.nav.nav-tabs.nav-justified .nav-item a.nav-link:hover {
border-color: transparent; }
.nav-vertical {
overflow: hidden; }
.nav-vertical .nav.nav-tabs .nav-item .nav-link {
border: none;
margin-bottom: 0; }
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active {
border: none;
border-radius: 0; }
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
transform: rotate(90deg);
left: auto;
right: -1.5rem;
bottom: 100%;
top: 1.25rem;
width: 2.14rem; }
.nav-vertical .nav.nav-tabs .nav-item .nav-link:hover {
border-right: none; }
.nav-vertical .nav.nav-tabs.nav-left {
float: left;
display: table;
margin-right: 1rem; }
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
display: none;
background-color: #fff;
overflow-y: auto; }
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane.active {
display: block; }
.nav-vertical .nav.nav-tabs.nav-right {
float: right;
display: table;
margin-left: 1rem; }
.nav-vertical .nav.nav-tabs.nav-right .nav-item .nav-link.active:after {
left: -1.5rem; }
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
display: none;
background-color: #fff;
overflow-y: auto;
padding-right: 1rem; }
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane.active {
display: block; }
@media (max-width: 576px) {
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
height: 0; } }
.alert {
font-weight: 500;
border: none; }
.alert .close:focus {
outline: 0; }
.alert p {
font-weight: 500;
padding: 2px 0;
margin-bottom: 0;
vertical-align: middle; }
.alert span {
vertical-align: middle; }
.alert .alert-heading {
font-weight: 700;
font-size: 0.9rem;
padding: 0;
padding-bottom: 8px; }
.alert.alert-dark .alert-heading {
box-shadow: rgba(52, 58, 64, 0.4) 0px 6px 15px -7px; }
.alert.alert-light .alert-heading {
box-shadow: rgba(248, 249, 250, 0.4) 0px 6px 15px -7px; }
.media-list .media {
padding: 1.25rem;
width: 100%;
margin-top: 0; }
.media-list .media .media-left {
padding-right: 1rem; }
.media-list .media .media-right {
padding-left: 1rem; }
.media-list a.media {
color: #b8c2cc !important; }
.media-bordered .media {
border-top: 1px solid #E4E7ED; }
.media-bordered .media:first-child {
border-top: 0; }
/*=========================================================================================
File Name: progress.scss
Description: Extended bootstrap progress bar scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
----------------------------------------------------------------------------------------
Modifiers: `progress-lg`
`progress-md`
`progress-sm`
`progress-xs`
==========================================================================================*/
.progress {
margin-bottom: 3rem; }
.progress:last-child {
margin-bottom: 1rem; }
.progress.progress-xl {
height: 1.14rem; }
.progress.progress-lg {
height: 0.857rem; }
.progress.progress-md {
height: 0.57rem; }
.progress.progress-sm {
height: 0.143rem; }
.progress .progress-bar {
border-radius: 1.28rem; }
/* ===============================================================================================
File Name: list-group.scss
Description: Contain list item, list group related extended SCSS.
----------------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
ul.list-inline li {
display: inline-block; }
ul.list-inline.list-inline-pipe > li + li:before {
content: ' | ';
padding-right: 2px; }
.list-group .list-group-item {
line-height: 1.5; }
.list-group .list-group-item.active:hover {
background-color: #7367f0; }
.list-group .list-group-item.active:focus {
outline: 0; }
.list-group .list-group-item.active:focus:hover {
color: #fff; }
.list-group .list-group-item:hover {
background-color: #f8f8f8; }
.list-group .list-group-item i {
font-size: 1.2rem;
font-weight: 100;
position: relative; }
.list-group .list-group-item:not(.active):focus:active {
color: inherit; }
.list-group .list-group-item-action:focus {
outline: 0; }
.list-group-item.gu-mirror {
border-radius: 0; }
.users-list li + li {
margin-left: -.785rem; }
.users-list li img {
border: 2px solid #fff;
box-shadow: 0px 2px 10px 0px rgba(184, 194, 204, 0.3); }
.users-list li .badge {
color: #22292f; }
.toast-bs-container {
z-index: 1040;
position: fixed;
top: 0;
left: 0;
width: 100%; }
.toast-bs-container .toast-position {
position: relative;
top: 0;
right: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap-reverse; }
.toast-bs-container .toast-position .toast.show {
opacity: 1;
z-index: 1030; }
.toast-placement {
position: static;
top: 0; }
.toast-placement .toast {
position: fixed;
top: 0;
z-index: 1030; }
.toast {
display: none;
background-color: white;
margin-top: .75rem; }
.toast .toast-header .close:focus, .toast .toast-header .close:active {
outline: none; }
.toast.show.toast-wrapper {
position: static; }
.toast.toast-translucent {
opacity: 1;
display: block; }
.toast-header img {
width: 35px;
height: 24px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.toast-bs-container {
position: fixed !important;
left: 74% !important; } }
_:-ms-lang(x),
.toast-bs-container {
position: fixed !important;
left: 74% !important; }
.accordion .collapse-title,
.collapse-bordered .collapse-title {
font-weight: 400;
font-size: 1.2rem; }
.accordion .card-header,
.collapse-bordered .card-header {
cursor: pointer; }
.collapse-title {
color: inherit; }
.collapse-title:hover {
color: inherit; }
.collapse-bordered .card:first-child {
border-top: 0; }
.collapse-bordered .card:last-child {
border-bottom: 0; }
.collapse-bordered .card {
margin-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 0; }
.collapse-bordered .card .card-header {
padding: 1rem; }
.collapse-bordered .card .card-body {
padding: 1rem;
line-height: 1.5; }
.accordion .collapse-border-item.card {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0; }
.accordion .collapse-border-item.card:first-child {
border-bottom: 0; }
.accordion .collapse-border-item.card .card-header {
padding: 1rem; }
.accordion .collapse-border-item.card .card-body {
padding: 1rem;
line-height: 1.5; }
.accordion-shadow {
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
padding: .15rem .75rem;
border-radius: 0.5rem; }
.accordion-shadow .card.open {
border-radius: 0.571rem;
margin: 10px 0;
border: 0;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important; }
.accordion-shadow .card:first-child {
border-top-left-radius: 0.571rem;
border-top-right-radius: 0.571rem; }
.accordion-shadow .card:last-child {
border-bottom-left-radius: 0.571rem;
border-bottom-right-radius: 0.571rem; }
.collapse-border {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.5rem; }
.collapse-border + .collapse.show {
border: 1px solid rgba(0, 0, 0, 0.1); }
.collapse-margin {
margin-top: .71rem;
margin-bottom: .71rem !important;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
border-radius: 5px;
border-bottom: 0 solid transparent !important; }
.collapse-margin .card-header {
padding: 1rem;
border-radius: 5px; }
.collapse-margin .card-body {
padding: 1rem;
line-height: 1.5rem; }
.pagination .page-item {
border-radius: 5rem; }
.pagination .page-item.prev-item .page-link, .pagination .page-item.next-item .page-link, .pagination .page-item.first .page-link, .pagination .page-item.last .page-link {
color: #7367f0; }
.pagination .page-item.prev-item.disabled .page-link, .pagination .page-item.next-item.disabled .page-link, .pagination .page-item.first.disabled .page-link, .pagination .page-item.last.disabled .page-link {
color: #6c757d; }
.pagination .page-item:not(.prev-item) .page-link, .pagination .page-item:not(.next-item) .page-link, .pagination .page-item:not(.first) .page-link, .pagination .page-item:not(.last) .page-link, .pagination .page-item:not(.active) .page-link {
line-height: 1.3; }
.pagination .page-item.prev-item {
margin-right: .3571rem; }
.pagination .page-item.prev-item .page-link {
background-color: #f0f0f0;
padding: 0.572rem 0.651rem;
border-radius: 50%; }
.pagination .page-item.prev-item .page-link:before {
content: "\e843";
font-family: 'feather'; }
.pagination .page-item.prev-item .page-link:hover {
background: #7367f0;
color: #fff; }
.pagination .page-item.prev-item ~ .page-item:nth-child(2) {
border-top-left-radius: 5rem;
border-bottom-left-radius: 5rem; }
.pagination .page-item.prev-item ~ .page-item:nth-child(2) .page-link {
border-top-left-radius: 5rem !important;
border-bottom-left-radius: 5rem !important; }
.pagination .page-item.prev-item ~ .page-item:nth-last-child(2) {
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem; }
.pagination .page-item.prev-item ~ .page-item:nth-last-child(2) .page-link {
border-top-right-radius: 5rem !important;
border-bottom-right-radius: 5rem !important; }
.pagination .page-item.next-item {
margin-left: .3571rem; }
.pagination .page-item.next-item .page-link {
background-color: #f0f0f0;
padding: 0.572rem 0.651rem;
border-radius: 50%; }
.pagination .page-item.next-item .page-link:after {
content: "\e844";
font-family: 'feather'; }
.pagination .page-item.next-item .page-link:hover {
background: #7367f0;
color: #fff; }
.pagination .page-item.prev .page-link:before, .pagination .page-item.previous .page-link:before {
content: "\e843";
font-family: 'feather'; }
.pagination .page-item.next .page-link:after {
content: "\e844";
font-family: 'feather'; }
.pagination .page-item .page-link {
border: none;
margin: 0;
color: rgba(0, 0, 0, 0.6);
background-color: #f0f0f0;
margin-left: 0;
font-size: 1rem;
font-weight: 700; }
.pagination .page-item .page-link i {
position: relative;
top: 1px; }
.pagination .page-item .page-link:focus {
box-shadow: none; }
.pagination .page-item .page-link:hover {
color: #7367f0; }
.pagination .page-item.active {
background-color: #f0f0f0;
border-radius: 0; }
.pagination .page-item.active .page-link {
z-index: 3;
border-radius: 5rem;
background-color: #7367f0;
color: #fff;
transform: scale(1.05); }
.pagination .page-item:first-child:not(.prev-item).active {
border-top-left-radius: 1.428rem;
border-bottom-left-radius: 1.428rem; }
.pagination .page-item:first-child:not(.prev-item).active .page-link {
border-radius: 5rem; }
.pagination .page-item:first-child:not(.prev-item) .page-link {
border-top-left-radius: 1.428rem;
border-bottom-left-radius: 1.428rem; }
.pagination .page-item:last-child:not(.next-item).active {
border-top-right-radius: 1.428rem;
border-bottom-right-radius: 1.428rem; }
.pagination .page-item:last-child:not(.next-item).active .page-link {
border-radius: 5rem; }
.pagination .page-item:last-child:not(.next-item) .page-link {
border-top-right-radius: 1.428rem;
border-bottom-right-radius: 1.428rem; }
.pagination.pagination-lg .page-item .page-link {
font-size: 1.5rem;
transform: scale(1); }
.modal .modal-header {
background-color: #f8f8f8;
border-radius: .42rem;
padding: .8rem;
border-bottom: none; }
.modal .modal-header .close {
padding: .2rem .62rem;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: .357rem;
background: #fff;
opacity: 1;
transition: all .23s ease .1s;
position: relative;
transform: translate(8px, -2px); }
.modal .modal-header .close span {
font-weight: 400;
font-size: 2rem;
color: #7367f0; }
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {
opacity: 1;
outline: none;
transform: translate(5px, 3px);
box-shadow: none; }
.modal .modal-header[class*="bg-"] {
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.modal .modal-header[class*="bg-"] .modal-title {
color: #fff; }
.modal .modal-header.bg-primary .close span {
color: #7367f0; }
.modal .modal-header.bg-success .close span {
color: #28a745; }
.modal .modal-header.bg-info .close span {
color: #00cfe8; }
.modal .modal-header.bg-danger .close span {
color: #dc3545; }
.modal .modal-header.bg-warning .close span {
color: #ff9f43; }
.modal .modal-header.bg-dark .close span {
color: #343a40; }
.modal .modal-content {
border: none;
overflow: visible;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); }
.modal .modal-footer {
border-color: rgba(0, 0, 0, 0.05); }
.modal-sm {
max-width: 400px; }
.modal-xs {
max-width: 300px; }
.modal-xl {
max-width: 94%;
margin-left: 3%;
margin-right: 3%; }
@media (max-width: 576px) {
.modal {
padding-right: 1rem;
padding-left: 1rem; }
.modal .modal-xs,
.modal .modal-sm {
max-width: unset; } }
.popover {
z-index: 10; }
.popover .popover-header {
color: #fff;
border: none;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.popover.bs-popover-bottom .arrow:after {
border-bottom-color: #7367f0; }
.icon-bg-circle {
color: #fff;
padding: 0.5rem;
border-radius: 50%; }
.icon-left {
margin-right: 0.5rem; }
.icon-right {
margin-right: 0.5rem; }
.icon-spin {
display: inline-block;
animation: spin 1s infinite linear; }
.blockOverlay {
z-index: 1050 !important; }
.blockElement, .blockPage {
z-index: 1051 !important; }
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.hidden {
display: none;
visibility: hidden; }
a:hover {
cursor: pointer; }
.round {
border-radius: 1.5rem; }
.square {
border-radius: 0; }
.icon-line-height {
line-height: 1.5rem !important; }
.table-middle td {
vertical-align: middle; }
.spinner {
display: inline-block;
-webkit-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
button:focus {
outline: none; }
================================================
FILE: public/backend/css/bootstrap.css
================================================
/*!
* Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #00cfe8;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #ea5455;
--orange: #ff9f43;
--yellow: #ffc107;
--green: #28c76f;
--teal: #20c997;
--cyan: #7367f0;
--white: #fff;
--gray: #b8c2cc;
--gray-dark: #1e1e1e;
--primary: #7367f0;
--secondary: #b8c2cc;
--success: #28c76f;
--info: #00cfe8;
--warning: #ff9f43;
--danger: #ea5455;
--light: #babfc7;
--dark: #1e1e1e;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: "Montserrat", Helvetica, Arial, serif;
--font-family-monospace: "Montserrat", Helvetica, Arial, serif; }
*,
*::before,
*::after {
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(34, 41, 47, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: "Montserrat", Helvetica, Arial, serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.45;
color: #626262;
text-align: left;
background-color: #f8f8f8; }
[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;
text-decoration-skip-ink: none; }
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; }
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: #7367f0;
text-decoration: none;
background-color: transparent; }
a:hover {
color: #5e50ee;
text-decoration: none; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: "Montserrat", Helvetica, Arial, serif;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #b8c2cc;
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; }
select {
word-wrap: normal; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer; }
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-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: #2c2c2c; }
h1, .h1 {
font-size: 2rem; }
h2, .h2 {
font-size: 1.74rem; }
h3, .h3 {
font-size: 1.51rem; }
h4, .h4 {
font-size: 1.32rem; }
h5, .h5 {
font-size: 1.14rem; }
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(34, 41, 47, 0.1); }
small,
.small {
font-size: smaller;
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: smaller;
color: #b8c2cc; }
.blockquote-footer::before {
content: "\2014\00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #f8f8f8;
border: 1px solid #dae1e7;
border-radius: 0.5rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #b8c2cc; }
code {
font-size: 90%;
color: #e83e8c;
word-break: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #fff;
background-color: #eee;
border-radius: 0.25rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; }
pre {
display: block;
font-size: 90%;
color: #2a2e30; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
width: 100%;
padding-right: 14px;
padding-left: 14px;
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: 14px;
padding-left: 14px;
margin-right: auto;
margin-left: auto; }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -14px;
margin-left: -14px; }
.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%;
padding-right: 14px;
padding-left: 14px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.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: 100%; }
.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: 100%; }
.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: 100%; }
.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: 100%; }
.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%;
margin-bottom: 1rem;
color: #626262; }
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #f8f8f8; }
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #f8f8f8; }
.table tbody + tbody {
border-top: 2px solid #f8f8f8; }
.table-sm th,
.table-sm td {
padding: 0.3rem; }
.table-bordered {
border: 1px solid #f8f8f8; }
.table-bordered th,
.table-bordered td {
border: 1px solid #f8f8f8; }
.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: rgba(34, 41, 47, 0.05); }
.table-hover tbody tr:hover {
color: #626262;
background-color: rgba(34, 41, 47, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #d8d4fb; }
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #b6b0f7; }
.table-hover .table-primary:hover {
background-color: #c3bdf9; }
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #c3bdf9; }
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #ebeef1; }
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #dadfe4; }
.table-hover .table-secondary:hover {
background-color: #dce1e7; }
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #dce1e7; }
.table-success,
.table-success > th,
.table-success > td {
background-color: #c3efd7; }
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #8fe2b4; }
.table-hover .table-success:hover {
background-color: #afeaca; }
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #afeaca; }
.table-info,
.table-info > th,
.table-info > td {
background-color: #b8f2f9; }
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #7ae6f3; }
.table-hover .table-info:hover {
background-color: #a0eef7; }
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #a0eef7; }
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffe4ca; }
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #ffcd9d; }
.table-hover .table-warning:hover {
background-color: #ffd7b1; }
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffd7b1; }
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f9cfcf; }
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #f4a6a7; }
.table-hover .table-danger:hover {
background-color: #f6b8b8; }
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f6b8b8; }
.table-light,
.table-light > th,
.table-light > td {
background-color: #ecedef; }
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #dbdee2; }
.table-hover .table-light:hover {
background-color: #dee0e3; }
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #dee0e3; }
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: silver; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #8a8a8a; }
.table-hover .table-dark:hover {
background-color: #b3b3b3; }
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b3b3b3; }
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(34, 41, 47, 0.075); }
.table-hover .table-active:hover {
background-color: rgba(23, 28, 32, 0.075); }
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(23, 28, 32, 0.075); }
.table .thead-dark th {
color: #fff;
background-color: #1e1e1e;
border-color: #313131; }
.table .thead-light th {
color: #4e5154;
background-color: #ededed;
border-color: #f8f8f8; }
.table-dark {
color: #fff;
background-color: #1e1e1e; }
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #313131; }
.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 {
color: #fff;
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; }
.table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive-xl > .table-bordered {
border: 0; } }
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.table-responsive > .table-bordered {
border: 0; }
.form-control {
display: block;
width: 100%;
height: calc( 1.25em + 1.4rem + 1px);
padding: 0.7rem 0.7rem;
font-size: 0.96rem;
font-weight: 400;
line-height: 1.25;
color: #4e5154;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #4e5154;
background-color: #fff;
border-color: #7367f0;
outline: 0;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.form-control::placeholder {
color: rgba(0, 0, 0, 0.5);
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #f5f5f1;
opacity: 1; }
select.form-control:focus::-ms-value {
color: #4e5154;
background-color: #fff; }
.form-control-file,
.form-control-range {
display: block;
width: 100%; }
.col-form-label {
padding-top: calc(0.7rem + 1px);
padding-bottom: calc(0.7rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.25; }
.col-form-label-lg {
padding-top: calc(1rem + 1px);
padding-bottom: calc(1rem + 1px);
font-size: 1.25rem;
line-height: 1.25; }
.col-form-label-sm {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 0.7rem;
line-height: 1; }
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
margin-bottom: 0;
line-height: 1.25;
color: #adb5bd;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.form-control-sm {
height: calc(1em + 1rem + 2px);
padding: 0.5rem 1.5rem;
font-size: 0.7rem;
line-height: 1;
border-radius: 4px; }
.form-control-lg {
height: calc(1.25em + 2rem + 2px);
padding: 1rem 2.5rem;
font-size: 1.25rem;
line-height: 1.25;
border-radius: 6px; }
select.form-control[size], select.form-control[multiple] {
height: auto; }
textarea.form-control {
height: auto; }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input:disabled ~ .form-check-label {
color: #b8c2cc; }
.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: smaller;
color: #28c76f; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.4rem 0.775rem;
margin-top: .1rem;
font-size: 0.857rem;
line-height: 1.45;
color: #fff;
background-color: #28c76f;
border-radius: 0.428rem; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28c76f;
padding-right: calc(1.25em + 1.4rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.3125em + 0.35rem);
background-size: calc(0.625em + 0.7rem) calc(0.625em + 0.7rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 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 {
display: block; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.25em + 1.4rem);
background-position: top calc(0.3125em + 0.35rem) right calc(0.3125em + 0.35rem); }
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28c76f;
padding-right: calc((1em + 1.4rem) * 3 / 4 + 1.7rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem); }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25); }
.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: #28c76f; }
.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: #28c76f; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28c76f; }
.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 {
border-color: #48da89;
background-color: #48da89; }
.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 0.2rem rgba(40, 199, 111, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28c76f; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28c76f; }
.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 {
border-color: #28c76f;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: smaller;
color: #ea5455; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.4rem 0.775rem;
margin-top: .1rem;
font-size: 0.857rem;
line-height: 1.45;
color: #fff;
background-color: #ea5455;
border-radius: 0.428rem; }
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #ea5455;
padding-right: calc(1.25em + 1.4rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ea5455' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ea5455' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.3125em + 0.35rem);
background-size: calc(0.625em + 0.7rem) calc(0.625em + 0.7rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 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 {
display: block; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.25em + 1.4rem);
background-position: top calc(0.3125em + 0.35rem) right calc(0.3125em + 0.35rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #ea5455;
padding-right: calc((1em + 1.4rem) * 3 / 4 + 1.7rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ea5455' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ea5455' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem); }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25); }
.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: #ea5455; }
.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: #ea5455; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #ea5455; }
.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 {
border-color: #f08182;
background-color: #f08182; }
.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 0.2rem rgba(234, 84, 85, 0.25); }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ea5455; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #ea5455; }
.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 {
border-color: #ea5455;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 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;
flex-shrink: 0;
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;
color: #626262;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 0 solid transparent;
padding: 0.9rem 2rem;
font-size: 1rem;
line-height: 1;
border-radius: 0.4285rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: #626262;
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #7367f0;
border-color: #7367f0; }
.btn-primary:hover {
color: #fff;
background-color: #5344ed;
border-color: #4839eb; }
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(136, 126, 242, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #7367f0;
border-color: #7367f0; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #4839eb;
border-color: #3e2dea; }
.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(136, 126, 242, 0.5); }
.btn-secondary {
color: #2a2e30;
background-color: #b8c2cc;
border-color: #b8c2cc; }
.btn-secondary:hover {
color: #2a2e30;
background-color: #a2afbc;
border-color: #9aa9b7; }
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(163, 172, 181, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #2a2e30;
background-color: #b8c2cc;
border-color: #b8c2cc; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #2a2e30;
background-color: #9aa9b7;
border-color: #93a2b1; }
.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(163, 172, 181, 0.5); }
.btn-success {
color: #fff;
background-color: #28c76f;
border-color: #28c76f; }
.btn-success:hover {
color: #fff;
background-color: #22a75d;
border-color: #1f9d57; }
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(72, 207, 133, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28c76f;
border-color: #28c76f; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1f9d57;
border-color: #1d9251; }
.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(72, 207, 133, 0.5); }
.btn-info {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8; }
.btn-info:hover {
color: #fff;
background-color: #00adc2;
border-color: #00a1b5; }
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(38, 214, 235, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #00a1b5;
border-color: #0096a8; }
.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(38, 214, 235, 0.5); }
.btn-warning {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43; }
.btn-warning:hover {
color: #2a2e30;
background-color: #ff8b1d;
border-color: #ff8510; }
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(223, 142, 64, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #2a2e30;
background-color: #ff8510;
border-color: #ff7e03; }
.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(223, 142, 64, 0.5); }
.btn-danger {
color: #fff;
background-color: #ea5455;
border-color: #ea5455; }
.btn-danger:hover {
color: #fff;
background-color: #e63233;
border-color: #e42728; }
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(237, 110, 111, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #ea5455;
border-color: #ea5455; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #e42728;
border-color: #e21c1d; }
.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(237, 110, 111, 0.5); }
.btn-light {
color: #2a2e30;
background-color: #babfc7;
border-color: #babfc7; }
.btn-light:hover {
color: #2a2e30;
background-color: #a5abb6;
border-color: #9ea5b0; }
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(164, 169, 176, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #2a2e30;
background-color: #babfc7;
border-color: #babfc7; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #2a2e30;
background-color: #9ea5b0;
border-color: #979eaa; }
.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(164, 169, 176, 0.5); }
.btn-dark {
color: #fff;
background-color: #1e1e1e;
border-color: #1e1e1e; }
.btn-dark:hover {
color: #fff;
background-color: #0b0b0b;
border-color: #050505; }
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(64, 64, 64, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #1e1e1e;
border-color: #1e1e1e; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #050505;
border-color: black; }
.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(64, 64, 64, 0.5); }
.btn-outline-primary {
color: #7367f0;
border-color: #7367f0; }
.btn-outline-primary:hover {
color: #fff;
background-color: #7367f0;
border-color: #7367f0; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #7367f0;
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: #7367f0;
border-color: #7367f0; }
.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(115, 103, 240, 0.5); }
.btn-outline-secondary {
color: #b8c2cc;
border-color: #b8c2cc; }
.btn-outline-secondary:hover {
color: #2a2e30;
background-color: #b8c2cc;
border-color: #b8c2cc; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #b8c2cc;
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: #2a2e30;
background-color: #b8c2cc;
border-color: #b8c2cc; }
.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(184, 194, 204, 0.5); }
.btn-outline-success {
color: #28c76f;
border-color: #28c76f; }
.btn-outline-success:hover {
color: #fff;
background-color: #28c76f;
border-color: #28c76f; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28c76f;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28c76f;
border-color: #28c76f; }
.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(40, 199, 111, 0.5); }
.btn-outline-info {
color: #00cfe8;
border-color: #00cfe8; }
.btn-outline-info:hover {
color: #fff;
background-color: #00cfe8;
border-color: #00cfe8; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #00cfe8;
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: #00cfe8;
border-color: #00cfe8; }
.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(0, 207, 232, 0.5); }
.btn-outline-warning {
color: #ff9f43;
border-color: #ff9f43; }
.btn-outline-warning:hover {
color: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ff9f43;
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: #2a2e30;
background-color: #ff9f43;
border-color: #ff9f43; }
.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(255, 159, 67, 0.5); }
.btn-outline-danger {
color: #ea5455;
border-color: #ea5455; }
.btn-outline-danger:hover {
color: #fff;
background-color: #ea5455;
border-color: #ea5455; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #ea5455;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #ea5455;
border-color: #ea5455; }
.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(234, 84, 85, 0.5); }
.btn-outline-light {
color: #babfc7;
border-color: #babfc7; }
.btn-outline-light:hover {
color: #2a2e30;
background-color: #babfc7;
border-color: #babfc7; }
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #babfc7;
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: #2a2e30;
background-color: #babfc7;
border-color: #babfc7; }
.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(186, 191, 199, 0.5); }
.btn-outline-dark {
color: #1e1e1e;
border-color: #1e1e1e; }
.btn-outline-dark:hover {
color: #fff;
background-color: #1e1e1e;
border-color: #1e1e1e; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #1e1e1e;
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: #1e1e1e;
border-color: #1e1e1e; }
.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(30, 30, 30, 0.5); }
.btn-link {
font-weight: 400;
color: #7367f0;
text-decoration: none; }
.btn-link:hover {
color: #5e50ee;
text-decoration: none; }
.btn-link:focus, .btn-link.focus {
text-decoration: none;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #b8c2cc;
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 1rem 2.5rem;
font-size: 1.25rem;
line-height: 1.25;
border-radius: 0.4285rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.5rem 1.5rem;
font-size: 0.7rem;
line-height: 1;
border-radius: 0.4285rem; }
.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 (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 (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; }
.dropdown-toggle {
white-space: nowrap; }
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.5rem 0 0;
font-size: 0.9375rem;
color: #626262;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(34, 41, 47, 0.15);
border-radius: 5px; }
.dropdown-menu-left {
right: auto;
left: 0; }
.dropdown-menu-right {
right: 0;
left: auto; }
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0; }
.dropdown-menu-sm-right {
right: 0;
left: auto; } }
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0; }
.dropdown-menu-md-right {
right: 0;
left: auto; } }
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0; }
.dropdown-menu-lg-right {
right: 0;
left: auto; } }
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0; }
.dropdown-menu-xl-right {
right: 0;
left: auto; } }
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.5rem; }
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.5rem; }
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.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.5rem; }
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.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 rgba(0, 0, 0, 0.08); }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #2a2e30;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #1e2122;
text-decoration: none;
background-color: #f8f8f8; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #7367f0; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #b8c2cc;
pointer-events: none;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 1rem;
color: #b8c2cc;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #2a2e30; }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto; }
.btn-group > .btn: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-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: 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.5rem;
padding-left: 1.5rem; }
.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: 1.125rem;
padding-left: 1.125rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.875rem;
padding-left: 1.875rem; }
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%; }
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: 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 > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; }
.input-group > .custom-file .custom-file-input:focus {
z-index: 4; }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: flex;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-prepend,
.input-group-append {
display: flex; }
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3; }
.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.7rem 0.7rem;
margin-bottom: 0;
font-size: 0.96rem;
font-weight: 400;
line-height: 1.25;
color: #4e5154;
text-align: center;
white-space: nowrap;
background-color: #ededed;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px; }
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.25em + 2rem + 2px); }
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.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: 1rem 2.5rem;
font-size: 1.25rem;
line-height: 1.25;
border-radius: 6px; }
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
height: calc(1em + 1rem + 2px); }
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.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 1.5rem;
font-size: 0.7rem;
line-height: 1;
border-radius: 4px; }
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.7rem; }
.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.45rem;
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;
border-color: #7367f0;
background-color: #7367f0; }
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #7367f0; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: white;
border-color: white; }
.custom-control-input:disabled ~ .custom-control-label {
color: #b8c2cc; }
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #f5f5f1; }
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top; }
.custom-control-label::before {
position: absolute;
top: 0.225rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px; }
.custom-control-label::after {
position: absolute;
top: 0.225rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50% / 50% 50%; }
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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 {
border-color: #7367f0;
background-color: #7367f0; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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(115, 103, 240, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(115, 103, 240, 0.5); }
.custom-radio .custom-control-label::before {
border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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(115, 103, 240, 0.5); }
.custom-switch {
padding-left: 3.5rem; }
.custom-switch .custom-control-label::before {
left: -3.5rem;
width: 3rem;
pointer-events: all;
border-radius: 0.857rem; }
.custom-switch .custom-control-label::after {
top: calc(0.225rem + 2px);
left: calc(-3.5rem + 2px);
width: 1.286rem;
height: 1.286rem;
background-color: #adb5bd;
border-radius: 0.857rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none; } }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(2rem); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(115, 103, 240, 0.5); }
.custom-select {
display: inline-block;
width: 100%;
height: calc( 1.25em + 1.4rem + 1px);
padding: 0.7rem 1.7rem 0.7rem 0.7rem;
font-size: 0.96rem;
font-weight: 400;
line-height: 1.25;
color: #4e5154;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
appearance: none; }
.custom-select:focus {
border-color: #7367f0;
outline: 0;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-select:focus::-ms-value {
color: #4e5154;
background-color: #fff; }
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.7rem;
background-image: none; }
.custom-select:disabled {
color: #b8c2cc;
background-color: #ededed; }
.custom-select::-ms-expand {
display: none; }
.custom-select-sm {
height: calc(1em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1.5rem;
font-size: 0.7rem; }
.custom-select-lg {
height: calc(1.25em + 2rem + 2px);
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2.5rem;
font-size: 1.25rem; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc( 1.25em + 1.4rem + 1px);
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc( 1.25em + 1.4rem + 1px);
margin: 0;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #7367f0;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-file-input:disabled ~ .custom-file-label {
background-color: #f5f5f1; }
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; }
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse); }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc( 1.25em + 1.4rem + 1px);
padding: 0.7rem 0.7rem;
font-weight: 400;
line-height: 1.5rem;
color: #4e5154;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px; }
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.25em + 1.4rem);
padding: 0.7rem 0.7rem;
line-height: 1.5rem;
color: #4e5154;
content: "Browse";
background-color: #ededed;
border-left: inherit;
border-radius: 0 5px 5px 0; }
.custom-range {
width: 100%;
height: calc(1rem + 0.4rem);
padding: 0;
background-color: transparent;
appearance: none; }
.custom-range:focus {
outline: none; }
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #f8f8f8, 0 3px 10px 0 rgba(0, 0, 0, 0.15); }
.custom-range::-moz-focus-outer {
border: 0; }
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #7367f0;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition: none; } }
.custom-range::-webkit-slider-thumb:active {
background-color: white; }
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dae1e7;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #7367f0;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition: none; } }
.custom-range::-moz-range-thumb:active {
background-color: white; }
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dae1e7;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #7367f0;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition: none; } }
.custom-range::-ms-thumb:active {
background-color: white; }
.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: #dae1e7;
border-radius: 1rem; }
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dae1e7;
border-radius: 1rem; }
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; }
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default; }
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd; }
.custom-range:disabled::-moz-range-track {
cursor: default; }
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd; }
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none; } }
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.357rem 0.5rem; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
color: #b8c2cc;
pointer-events: none;
cursor: default; }
.nav-tabs {
border-bottom: 1px solid #dae1e7; }
.nav-tabs .nav-item {
margin-bottom: -1px; }
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #ededed #ededed #dae1e7; }
.nav-tabs .nav-link.disabled {
color: #b8c2cc;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #4e5154;
background-color: #f8f8f8;
border-color: #dae1e7 #dae1e7 #f8f8f8; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
border-radius: 0.5rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #7367f0; }
.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.368rem;
padding-bottom: -0.368rem;
margin-right: 1rem;
font-size: 2rem;
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.357rem;
padding-bottom: 0.357rem; }
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 2rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.4285rem; }
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; }
.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(34, 41, 47, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(34, 41, 47, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(34, 41, 47, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(34, 41, 47, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(34, 41, 47, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(34, 41, 47, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(34, 41, 47, 0.5);
border-color: rgba(34, 41, 47, 0.1); }
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(34, 41, 47, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text {
color: rgba(34, 41, 47, 0.5); }
.navbar-light .navbar-text a {
color: rgba(34, 41, 47, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(34, 41, 47, 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,%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(34, 41, 47, 0.125);
border-radius: 0.5rem; }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; }
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem; }
.card-body {
flex: 1 1 auto;
padding: 1.5rem; }
.card-title {
margin-bottom: 1.5rem; }
.card-subtitle {
margin-top: -0.75rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1.5rem; }
.card-header {
padding: 1.5rem 1.5rem;
margin-bottom: 0;
background-color: rgba(34, 41, 47, 0.03);
border-bottom: 1px solid rgba(34, 41, 47, 0.125); }
.card-header:first-child {
border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child {
border-top: 0; }
.card-footer {
padding: 1.5rem 1.5rem;
background-color: rgba(34, 41, 47, 0.03);
border-top: 1px solid rgba(34, 41, 47, 0.125); }
.card-footer:last-child {
border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px); }
.card-header-tabs {
margin-right: -0.75rem;
margin-bottom: -1.5rem;
margin-left: -0.75rem;
border-bottom: 0; }
.card-header-pills {
margin-right: -0.75rem;
margin-left: -0.75rem; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.card-img {
width: 100%;
border-radius: calc(0.5rem - 1px); }
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.5rem - 1px);
border-top-right-radius: calc(0.5rem - 1px); }
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.5rem - 1px);
border-bottom-left-radius: calc(0.5rem - 1px); }
.card-deck {
display: flex;
flex-direction: column; }
.card-deck .card {
margin-bottom: 14px; }
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -14px;
margin-left: -14px; }
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 14px;
margin-bottom: 0;
margin-left: 14px; } }
.card-group {
display: flex;
flex-direction: column; }
.card-group > .card {
margin-bottom: 14px; }
@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:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } }
.card-columns .card {
margin-bottom: 1.5rem; }
@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 {
overflow: hidden; }
.accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0; }
.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
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; }
.accordion > .card .card-header {
margin-bottom: -1px; }
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #ededed;
border-radius: 0.5rem; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #b8c2cc;
content: "/"; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none; }
.breadcrumb-item.active {
color: #b8c2cc; }
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.5rem; }
.page-link {
position: relative;
display: block;
padding: 0.65rem 0.911rem;
margin-left: -1px;
line-height: 1.25;
color: #7367f0;
background-color: #fff;
border: 1px solid #dae1e7; }
.page-link:hover {
z-index: 2;
color: #5e50ee;
text-decoration: none;
background-color: #ededed;
border-color: #dae1e7; }
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.25); }
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem; }
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #7367f0;
border-color: #7367f0; }
.page-item.disabled .page-link {
color: #b8c2cc;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dae1e7; }
.pagination-lg .page-link {
padding: 0.5rem 1rem;
font-size: 2rem;
line-height: 1.25; }
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.6rem;
border-bottom-left-radius: 0.6rem; }
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem; }
.pagination-sm .page-link {
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1; }
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.badge {
display: inline-block;
padding: 0.35em 0.4em;
font-size: 80%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none; } }
a.badge:hover, a.badge:focus {
text-decoration: none; }
.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: #7367f0; }
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #4839eb; }
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.5); }
.badge-secondary {
color: #2a2e30;
background-color: #b8c2cc; }
a.badge-secondary:hover, a.badge-secondary:focus {
color: #2a2e30;
background-color: #9aa9b7; }
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5); }
.badge-success {
color: #fff;
background-color: #28c76f; }
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #1f9d57; }
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5); }
.badge-info {
color: #fff;
background-color: #00cfe8; }
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #00a1b5; }
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5); }
.badge-warning {
color: #2a2e30;
background-color: #ff9f43; }
a.badge-warning:hover, a.badge-warning:focus {
color: #2a2e30;
background-color: #ff8510; }
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5); }
.badge-danger {
color: #fff;
background-color: #ea5455; }
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #e42728; }
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5); }
.badge-light {
color: #2a2e30;
background-color: #babfc7; }
a.badge-light:hover, a.badge-light:focus {
color: #2a2e30;
background-color: #9ea5b0; }
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5); }
.badge-dark {
color: #fff;
background-color: #1e1e1e; }
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #050505; }
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5); }
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #ededed;
border-radius: 0.6rem; }
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem; } }
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0; }
.alert {
position: relative;
padding: 0.71rem 0.71rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.5rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 2.92rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.71rem 0.71rem;
color: inherit; }
.alert-primary {
color: #4c4993;
background-color: #e3e1fc;
border-color: #d8d4fb; }
.alert-primary hr {
border-top-color: #c3bdf9; }
.alert-primary .alert-link {
color: #3a3871; }
.alert-secondary {
color: #707981;
background-color: #f1f3f5;
border-color: #ebeef1; }
.alert-secondary hr {
border-top-color: #dce1e7; }
.alert-secondary .alert-link {
color: #585f66; }
.alert-success {
color: #257b50;
background-color: #d4f4e2;
border-color: #c3efd7; }
.alert-success hr {
border-top-color: #afeaca; }
.alert-success .alert-link {
color: #195437; }
.alert-info {
color: #107f8f;
background-color: #ccf5fa;
border-color: #b8f2f9; }
.alert-info hr {
border-top-color: #a0eef7; }
.alert-info .alert-link {
color: #0b5661; }
.alert-warning {
color: #956639;
background-color: #ffecd9;
border-color: #ffe4ca; }
.alert-warning hr {
border-top-color: #ffd7b1; }
.alert-warning .alert-link {
color: #704d2b; }
.alert-danger {
color: #8a3f43;
background-color: #fbdddd;
border-color: #f9cfcf; }
.alert-danger hr {
border-top-color: #f6b8b8; }
.alert-danger .alert-link {
color: #672f32; }
.alert-light {
color: #71777e;
background-color: #f1f2f4;
border-color: #ecedef; }
.alert-light hr {
border-top-color: #dee0e3; }
.alert-light .alert-link {
color: #595e63; }
.alert-dark {
color: #202326;
background-color: #d2d2d2;
border-color: silver; }
.alert-dark hr {
border-top-color: #b3b3b3; }
.alert-dark .alert-link {
color: #090a0a; }
@keyframes progress-bar-stripes {
from {
background-position: 0.357rem 0; }
to {
background-position: 0 0; } }
.progress {
display: flex;
height: 0.357rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #ededed;
border-radius: 1.28rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #7367f0;
transition: width 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 0.357rem 0.357rem; }
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
.media {
display: flex;
align-items: flex-start; }
.media-body {
flex: 1; }
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-item-action {
width: 100%;
color: #4e5154;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #4e5154;
text-decoration: none;
background-color: #babfc7; }
.list-group-item-action:active {
color: #626262;
background-color: #ededed; }
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(34, 41, 47, 0.125); }
.list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem; }
.list-group-item.disabled, .list-group-item:disabled {
color: #b8c2cc;
pointer-events: none;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #7367f0;
border-color: #7367f0; }
.list-group-horizontal {
flex-direction: row; }
.list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0; }
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0; }
.list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0; }
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row; }
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0; }
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0; }
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0; } }
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row; }
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0; }
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0; }
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0; } }
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row; }
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0; }
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0; }
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0; } }
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row; }
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0; }
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0; }
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0; } }
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0; }
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px; }
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0; }
.list-group-item-primary {
color: #4c4993;
background-color: #d8d4fb; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #4c4993;
background-color: #c3bdf9; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #4c4993;
border-color: #4c4993; }
.list-group-item-secondary {
color: #707981;
background-color: #ebeef1; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #707981;
background-color: #dce1e7; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #707981;
border-color: #707981; }
.list-group-item-success {
color: #257b50;
background-color: #c3efd7; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #257b50;
background-color: #afeaca; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #257b50;
border-color: #257b50; }
.list-group-item-info {
color: #107f8f;
background-color: #b8f2f9; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #107f8f;
background-color: #a0eef7; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #107f8f;
border-color: #107f8f; }
.list-group-item-warning {
color: #956639;
background-color: #ffe4ca; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #956639;
background-color: #ffd7b1; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #956639;
border-color: #956639; }
.list-group-item-danger {
color: #8a3f43;
background-color: #f9cfcf; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #8a3f43;
background-color: #f6b8b8; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #8a3f43;
border-color: #8a3f43; }
.list-group-item-light {
color: #71777e;
background-color: #ecedef; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #71777e;
background-color: #dee0e3; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #71777e;
border-color: #71777e; }
.list-group-item-dark {
color: #202326;
background-color: silver; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #202326;
background-color: #b3b3b3; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #202326;
border-color: #202326; }
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #22292f;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:hover {
color: #22292f;
text-decoration: none; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75; }
button.close {
padding: 0;
background-color: transparent;
border: 0;
appearance: none; }
a.close.disabled {
pointer-events: none; }
.toast {
max-width: 350px;
overflow: hidden;
font-size: 0.875rem;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(34, 41, 47, 0.1);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: 0.25rem; }
.toast:not(:last-child) {
margin-bottom: 0.75rem; }
.toast.showing {
opacity: 1; }
.toast.show {
display: block;
opacity: 1; }
.toast.hide {
display: none; }
.toast-header {
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
color: #b8c2cc;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.toast-body {
padding: 0.75rem; }
.modal-open {
overflow: hidden; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: none; }
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden; }
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0; }
.modal-dialog-scrollable .modal-body {
overflow-y: auto; }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem); }
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""; }
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%; }
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none; }
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none; }
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(34, 41, 47, 0.2);
border-radius: 0.6rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #22292f; }
.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 1rem;
border-bottom: 1px solid #ededed;
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem; }
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.45; }
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #ededed;
border-bottom-right-radius: 0.6rem;
border-bottom-left-radius: 0.6rem; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem); }
.modal-dialog-centered {
min-height: calc(100% - 3.5rem); }
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px; } }
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: "Montserrat", Helvetica, Arial, serif;
font-style: normal;
font-weight: 400;
line-height: 1.45;
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.857rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 1; }
.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: #323232; }
.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: #323232; }
.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: #323232; }
.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: #323232; }
.tooltip-inner {
max-width: 220px;
padding: 0.4rem 0.775rem;
color: #fff;
text-align: center;
background-color: #323232;
border-radius: 0.428rem; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: "Montserrat", Helvetica, Arial, serif;
font-style: normal;
font-weight: 400;
line-height: 1.45;
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.857rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(34, 41, 47, 0.2);
border-radius: 0.428rem; }
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.6rem; }
.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 {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(34, 41, 47, 0.25); }
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
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.6rem 0; }
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(34, 41, 47, 0.25); }
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
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 {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(34, 41, 47, 0.25); }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
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 #7367f0; }
.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.6rem 0; }
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(34, 41, 47, 0.25); }
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: #2c2c2c;
background-color: #7367f0;
border-bottom: 1px solid #5e50ee;
border-top-left-radius: calc(0.6rem - 1px);
border-top-right-radius: calc(0.6rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #626262; }
.carousel {
position: relative; }
.carousel.pointer-event {
touch-action: pan-y; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner::after {
display: block;
clear: both;
content: ""; }
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none; } }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block; }
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
transform: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
transform: translateX(-100%); }
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s 0.6s opacity; }
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none; } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none; } }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%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,%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: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; }
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none; } }
.carousel-indicators .active {
opacity: 1; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
@keyframes spinner-border {
to {
transform: rotate(360deg); } }
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite; }
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em; }
@keyframes spinner-grow {
0% {
transform: scale(0); }
50% {
opacity: 1; } }
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite; }
.spinner-grow-sm {
width: 1rem;
height: 1rem; }
.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: #7367f0 !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #4839eb !important; }
.bg-secondary {
background-color: #b8c2cc !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #9aa9b7 !important; }
.bg-success {
background-color: #28c76f !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1f9d57 !important; }
.bg-info {
background-color: #00cfe8 !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #00a1b5 !important; }
.bg-warning {
background-color: #ff9f43 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #ff8510 !important; }
.bg-danger {
background-color: #ea5455 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #e42728 !important; }
.bg-light {
background-color: #babfc7 !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #9ea5b0 !important; }
.bg-dark {
background-color: #1e1e1e !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #050505 !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid #ededed !important; }
.border-top {
border-top: 1px solid #ededed !important; }
.border-right {
border-right: 1px solid #ededed !important; }
.border-bottom {
border-bottom: 1px solid #ededed !important; }
.border-left {
border-left: 1px solid #ededed !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: #7367f0 !important; }
.border-secondary {
border-color: #b8c2cc !important; }
.border-success {
border-color: #28c76f !important; }
.border-info {
border-color: #00cfe8 !important; }
.border-warning {
border-color: #ff9f43 !important; }
.border-danger {
border-color: #ea5455 !important; }
.border-light {
border-color: #babfc7 !important; }
.border-dark {
border-color: #1e1e1e !important; }
.border-white {
border-color: #fff !important; }
.rounded-sm {
border-radius: 0.25rem !important; }
.rounded {
border-radius: 0.5rem !important; }
.rounded-top {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important; }
.rounded-right {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important; }
.rounded-left {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important; }
.rounded-lg {
border-radius: 0.6rem !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-pill {
border-radius: 50rem !important; }
.rounded-0 {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive 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%; }
.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 {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.overflow-auto {
overflow: auto !important; }
.overflow-hidden {
overflow: hidden !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-footer .footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(34, 41, 47, 0.075) !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(34, 41, 47, 0.15) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(34, 41, 47, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.min-vw-100 {
min-width: 100vw !important; }
.min-vh-100 {
min-height: 100vh !important; }
.vw-100 {
width: 100vw !important; }
.vh-100 {
height: 100vh !important; }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 1rem !important; }
.mt-1,
.my-1 {
margin-top: 1rem !important; }
.mr-1,
.mx-1 {
margin-right: 1rem !important; }
.mb-1,
.my-1 {
margin-bottom: 1rem !important; }
.ml-1,
.mx-1 {
margin-left: 1rem !important; }
.m-2 {
margin: 1.5rem !important; }
.mt-2,
.my-2 {
margin-top: 1.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 1.5rem !important; }
.mb-2,
.my-2 {
margin-bottom: 1.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 1.5rem !important; }
.m-3 {
margin: 3rem !important; }
.mt-3,
.my-3 {
margin-top: 3rem !important; }
.mr-3,
.mx-3 {
margin-right: 3rem !important; }
.mb-3,
.my-3 {
margin-bottom: 3rem !important; }
.ml-3,
.mx-3 {
margin-left: 3rem !important; }
.m-4 {
margin: 3.5rem !important; }
.mt-4,
.my-4 {
margin-top: 3.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 3.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 3.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 3.5rem !important; }
.m-5 {
margin: 4rem !important; }
.mt-5,
.my-5 {
margin-top: 4rem !important; }
.mr-5,
.mx-5 {
margin-right: 4rem !important; }
.mb-5,
.my-5 {
margin-bottom: 4rem !important; }
.ml-5,
.mx-5 {
margin-left: 4rem !important; }
.m-25 {
margin: 0.25rem !important; }
.mt-25,
.my-25 {
margin-top: 0.25rem !important; }
.mr-25,
.mx-25 {
margin-right: 0.25rem !important; }
.mb-25,
.my-25 {
margin-bottom: 0.25rem !important; }
.ml-25,
.mx-25 {
margin-left: 0.25rem !important; }
.m-50 {
margin: 0.5rem !important; }
.mt-50,
.my-50 {
margin-top: 0.5rem !important; }
.mr-50,
.mx-50 {
margin-right: 0.5rem !important; }
.mb-50,
.my-50 {
margin-bottom: 0.5rem !important; }
.ml-50,
.mx-50 {
margin-left: 0.5rem !important; }
.m-75 {
margin: 0.75rem !important; }
.mt-75,
.my-75 {
margin-top: 0.75rem !important; }
.mr-75,
.mx-75 {
margin-right: 0.75rem !important; }
.mb-75,
.my-75 {
margin-bottom: 0.75rem !important; }
.ml-75,
.mx-75 {
margin-left: 0.75rem !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: 1rem !important; }
.pt-1,
.py-1 {
padding-top: 1rem !important; }
.pr-1,
.px-1 {
padding-right: 1rem !important; }
.pb-1,
.py-1 {
padding-bottom: 1rem !important; }
.pl-1,
.px-1 {
padding-left: 1rem !important; }
.p-2 {
padding: 1.5rem !important; }
.pt-2,
.py-2 {
padding-top: 1.5rem !important; }
.pr-2,
.px-2 {
padding-right: 1.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 1.5rem !important; }
.pl-2,
.px-2 {
padding-left: 1.5rem !important; }
.p-3 {
padding: 3rem !important; }
.pt-3,
.py-3 {
padding-top: 3rem !important; }
.pr-3,
.px-3 {
padding-right: 3rem !important; }
.pb-3,
.py-3 {
padding-bottom: 3rem !important; }
.pl-3,
.px-3 {
padding-left: 3rem !important; }
.p-4 {
padding: 3.5rem !important; }
.pt-4,
.py-4 {
padding-top: 3.5rem !important; }
.pr-4,
.px-4 {
padding-right: 3.5rem !important; }
.pb-4,
.py-4 {
padding-bottom: 3.5rem !important; }
.pl-4,
.px-4 {
padding-left: 3.5rem !important; }
.p-5 {
padding: 4rem !important; }
.pt-5,
.py-5 {
padding-top: 4rem !important; }
.pr-5,
.px-5 {
padding-right: 4rem !important; }
.pb-5,
.py-5 {
padding-bottom: 4rem !important; }
.pl-5,
.px-5 {
padding-left: 4rem !important; }
.p-25 {
padding: 0.25rem !important; }
.pt-25,
.py-25 {
padding-top: 0.25rem !important; }
.pr-25,
.px-25 {
padding-right: 0.25rem !important; }
.pb-25,
.py-25 {
padding-bottom: 0.25rem !important; }
.pl-25,
.px-25 {
padding-left: 0.25rem !important; }
.p-50 {
padding: 0.5rem !important; }
.pt-50,
.py-50 {
padding-top: 0.5rem !important; }
.pr-50,
.px-50 {
padding-right: 0.5rem !important; }
.pb-50,
.py-50 {
padding-bottom: 0.5rem !important; }
.pl-50,
.px-50 {
padding-left: 0.5rem !important; }
.p-75 {
padding: 0.75rem !important; }
.pt-75,
.py-75 {
padding-top: 0.75rem !important; }
.pr-75,
.px-75 {
padding-right: 0.75rem !important; }
.pb-75,
.py-75 {
padding-bottom: 0.75rem !important; }
.pl-75,
.px-75 {
padding-left: 0.75rem !important; }
.m-n1 {
margin: -1rem !important; }
.mt-n1,
.my-n1 {
margin-top: -1rem !important; }
.mr-n1,
.mx-n1 {
margin-right: -1rem !important; }
.mb-n1,
.my-n1 {
margin-bottom: -1rem !important; }
.ml-n1,
.mx-n1 {
margin-left: -1rem !important; }
.m-n2 {
margin: -1.5rem !important; }
.mt-n2,
.my-n2 {
margin-top: -1.5rem !important; }
.mr-n2,
.mx-n2 {
margin-right: -1.5rem !important; }
.mb-n2,
.my-n2 {
margin-bottom: -1.5rem !important; }
.ml-n2,
.mx-n2 {
margin-left: -1.5rem !important; }
.m-n3 {
margin: -3rem !important; }
.mt-n3,
.my-n3 {
margin-top: -3rem !important; }
.mr-n3,
.mx-n3 {
margin-right: -3rem !important; }
.mb-n3,
.my-n3 {
margin-bottom: -3rem !important; }
.ml-n3,
.mx-n3 {
margin-left: -3rem !important; }
.m-n4 {
margin: -3.5rem !important; }
.mt-n4,
.my-n4 {
margin-top: -3.5rem !important; }
.mr-n4,
.mx-n4 {
margin-right: -3.5rem !important; }
.mb-n4,
.my-n4 {
margin-bottom: -3.5rem !important; }
.ml-n4,
.mx-n4 {
margin-left: -3.5rem !important; }
.m-n5 {
margin: -4rem !important; }
.mt-n5,
.my-n5 {
margin-top: -4rem !important; }
.mr-n5,
.mx-n5 {
margin-right: -4rem !important; }
.mb-n5,
.my-n5 {
margin-bottom: -4rem !important; }
.ml-n5,
.mx-n5 {
margin-left: -4rem !important; }
.m-n25 {
margin: -0.25rem !important; }
.mt-n25,
.my-n25 {
margin-top: -0.25rem !important; }
.mr-n25,
.mx-n25 {
margin-right: -0.25rem !important; }
.mb-n25,
.my-n25 {
margin-bottom: -0.25rem !important; }
.ml-n25,
.mx-n25 {
margin-left: -0.25rem !important; }
.m-n50 {
margin: -0.5rem !important; }
.mt-n50,
.my-n50 {
margin-top: -0.5rem !important; }
.mr-n50,
.mx-n50 {
margin-right: -0.5rem !important; }
.mb-n50,
.my-n50 {
margin-bottom: -0.5rem !important; }
.ml-n50,
.mx-n50 {
margin-left: -0.5rem !important; }
.m-n75 {
margin: -0.75rem !important; }
.mt-n75,
.my-n75 {
margin-top: -0.75rem !important; }
.mr-n75,
.mx-n75 {
margin-right: -0.75rem !important; }
.mb-n75,
.my-n75 {
margin-bottom: -0.75rem !important; }
.ml-n75,
.mx-n75 {
margin-left: -0.75rem !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: 1rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 1rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 1rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 1rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 1rem !important; }
.m-sm-2 {
margin: 1.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 1.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 1.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 1.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 1.5rem !important; }
.m-sm-3 {
margin: 3rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 3rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 3rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 3rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 3rem !important; }
.m-sm-4 {
margin: 3.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 3.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 3.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 3.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 3.5rem !important; }
.m-sm-5 {
margin: 4rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 4rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 4rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 4rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 4rem !important; }
.m-sm-25 {
margin: 0.25rem !important; }
.mt-sm-25,
.my-sm-25 {
margin-top: 0.25rem !important; }
.mr-sm-25,
.mx-sm-25 {
margin-right: 0.25rem !important; }
.mb-sm-25,
.my-sm-25 {
margin-bottom: 0.25rem !important; }
.ml-sm-25,
.mx-sm-25 {
margin-left: 0.25rem !important; }
.m-sm-50 {
margin: 0.5rem !important; }
.mt-sm-50,
.my-sm-50 {
margin-top: 0.5rem !important; }
.mr-sm-50,
.mx-sm-50 {
margin-right: 0.5rem !important; }
.mb-sm-50,
.my-sm-50 {
margin-bottom: 0.5rem !important; }
.ml-sm-50,
.mx-sm-50 {
margin-left: 0.5rem !important; }
.m-sm-75 {
margin: 0.75rem !important; }
.mt-sm-75,
.my-sm-75 {
margin-top: 0.75rem !important; }
.mr-sm-75,
.mx-sm-75 {
margin-right: 0.75rem !important; }
.mb-sm-75,
.my-sm-75 {
margin-bottom: 0.75rem !important; }
.ml-sm-75,
.mx-sm-75 {
margin-left: 0.75rem !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: 1rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 1rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 1rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 1rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 1rem !important; }
.p-sm-2 {
padding: 1.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 1.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 1.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 1.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 1.5rem !important; }
.p-sm-3 {
padding: 3rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 3rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 3rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 3rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 3rem !important; }
.p-sm-4 {
padding: 3.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 3.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 3.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 3.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 3.5rem !important; }
.p-sm-5 {
padding: 4rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 4rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 4rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 4rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 4rem !important; }
.p-sm-25 {
padding: 0.25rem !important; }
.pt-sm-25,
.py-sm-25 {
padding-top: 0.25rem !important; }
.pr-sm-25,
.px-sm-25 {
padding-right: 0.25rem !important; }
.pb-sm-25,
.py-sm-25 {
padding-bottom: 0.25rem !important; }
.pl-sm-25,
.px-sm-25 {
padding-left: 0.25rem !important; }
.p-sm-50 {
padding: 0.5rem !important; }
.pt-sm-50,
.py-sm-50 {
padding-top: 0.5rem !important; }
.pr-sm-50,
.px-sm-50 {
padding-right: 0.5rem !important; }
.pb-sm-50,
.py-sm-50 {
padding-bottom: 0.5rem !important; }
.pl-sm-50,
.px-sm-50 {
padding-left: 0.5rem !important; }
.p-sm-75 {
padding: 0.75rem !important; }
.pt-sm-75,
.py-sm-75 {
padding-top: 0.75rem !important; }
.pr-sm-75,
.px-sm-75 {
padding-right: 0.75rem !important; }
.pb-sm-75,
.py-sm-75 {
padding-bottom: 0.75rem !important; }
.pl-sm-75,
.px-sm-75 {
padding-left: 0.75rem !important; }
.m-sm-n1 {
margin: -1rem !important; }
.mt-sm-n1,
.my-sm-n1 {
margin-top: -1rem !important; }
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -1rem !important; }
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -1rem !important; }
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -1rem !important; }
.m-sm-n2 {
margin: -1.5rem !important; }
.mt-sm-n2,
.my-sm-n2 {
margin-top: -1.5rem !important; }
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -1.5rem !important; }
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -1.5rem !important; }
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -1.5rem !important; }
.m-sm-n3 {
margin: -3rem !important; }
.mt-sm-n3,
.my-sm-n3 {
margin-top: -3rem !important; }
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -3rem !important; }
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -3rem !important; }
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -3rem !important; }
.m-sm-n4 {
margin: -3.5rem !important; }
.mt-sm-n4,
.my-sm-n4 {
margin-top: -3.5rem !important; }
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -3.5rem !important; }
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -3.5rem !important; }
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -3.5rem !important; }
.m-sm-n5 {
margin: -4rem !important; }
.mt-sm-n5,
.my-sm-n5 {
margin-top: -4rem !important; }
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -4rem !important; }
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -4rem !important; }
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -4rem !important; }
.m-sm-n25 {
margin: -0.25rem !important; }
.mt-sm-n25,
.my-sm-n25 {
margin-top: -0.25rem !important; }
.mr-sm-n25,
.mx-sm-n25 {
margin-right: -0.25rem !important; }
.mb-sm-n25,
.my-sm-n25 {
margin-bottom: -0.25rem !important; }
.ml-sm-n25,
.mx-sm-n25 {
margin-left: -0.25rem !important; }
.m-sm-n50 {
margin: -0.5rem !important; }
.mt-sm-n50,
.my-sm-n50 {
margin-top: -0.5rem !important; }
.mr-sm-n50,
.mx-sm-n50 {
margin-right: -0.5rem !important; }
.mb-sm-n50,
.my-sm-n50 {
margin-bottom: -0.5rem !important; }
.ml-sm-n50,
.mx-sm-n50 {
margin-left: -0.5rem !important; }
.m-sm-n75 {
margin: -0.75rem !important; }
.mt-sm-n75,
.my-sm-n75 {
margin-top: -0.75rem !important; }
.mr-sm-n75,
.mx-sm-n75 {
margin-right: -0.75rem !important; }
.mb-sm-n75,
.my-sm-n75 {
margin-bottom: -0.75rem !important; }
.ml-sm-n75,
.mx-sm-n75 {
margin-left: -0.75rem !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: 1rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 1rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 1rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 1rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 1rem !important; }
.m-md-2 {
margin: 1.5rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 1.5rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 1.5rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 1.5rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 1.5rem !important; }
.m-md-3 {
margin: 3rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 3rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 3rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 3rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 3rem !important; }
.m-md-4 {
margin: 3.5rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 3.5rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 3.5rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 3.5rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 3.5rem !important; }
.m-md-5 {
margin: 4rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 4rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 4rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 4rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 4rem !important; }
.m-md-25 {
margin: 0.25rem !important; }
.mt-md-25,
.my-md-25 {
margin-top: 0.25rem !important; }
.mr-md-25,
.mx-md-25 {
margin-right: 0.25rem !important; }
.mb-md-25,
.my-md-25 {
margin-bottom: 0.25rem !important; }
.ml-md-25,
.mx-md-25 {
margin-left: 0.25rem !important; }
.m-md-50 {
margin: 0.5rem !important; }
.mt-md-50,
.my-md-50 {
margin-top: 0.5rem !important; }
.mr-md-50,
.mx-md-50 {
margin-right: 0.5rem !important; }
.mb-md-50,
.my-md-50 {
margin-bottom: 0.5rem !important; }
.ml-md-50,
.mx-md-50 {
margin-left: 0.5rem !important; }
.m-md-75 {
margin: 0.75rem !important; }
.mt-md-75,
.my-md-75 {
margin-top: 0.75rem !important; }
.mr-md-75,
.mx-md-75 {
margin-right: 0.75rem !important; }
.mb-md-75,
.my-md-75 {
margin-bottom: 0.75rem !important; }
.ml-md-75,
.mx-md-75 {
margin-left: 0.75rem !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: 1rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 1rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 1rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 1rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 1rem !important; }
.p-md-2 {
padding: 1.5rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 1.5rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 1.5rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 1.5rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 1.5rem !important; }
.p-md-3 {
padding: 3rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 3rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 3rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 3rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 3rem !important; }
.p-md-4 {
padding: 3.5rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 3.5rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 3.5rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 3.5rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 3.5rem !important; }
.p-md-5 {
padding: 4rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 4rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 4rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 4rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 4rem !important; }
.p-md-25 {
padding: 0.25rem !important; }
.pt-md-25,
.py-md-25 {
padding-top: 0.25rem !important; }
.pr-md-25,
.px-md-25 {
padding-right: 0.25rem !important; }
.pb-md-25,
.py-md-25 {
padding-bottom: 0.25rem !important; }
.pl-md-25,
.px-md-25 {
padding-left: 0.25rem !important; }
.p-md-50 {
padding: 0.5rem !important; }
.pt-md-50,
.py-md-50 {
padding-top: 0.5rem !important; }
.pr-md-50,
.px-md-50 {
padding-right: 0.5rem !important; }
.pb-md-50,
.py-md-50 {
padding-bottom: 0.5rem !important; }
.pl-md-50,
.px-md-50 {
padding-left: 0.5rem !important; }
.p-md-75 {
padding: 0.75rem !important; }
.pt-md-75,
.py-md-75 {
padding-top: 0.75rem !important; }
.pr-md-75,
.px-md-75 {
padding-right: 0.75rem !important; }
.pb-md-75,
.py-md-75 {
padding-bottom: 0.75rem !important; }
.pl-md-75,
.px-md-75 {
padding-left: 0.75rem !important; }
.m-md-n1 {
margin: -1rem !important; }
.mt-md-n1,
.my-md-n1 {
margin-top: -1rem !important; }
.mr-md-n1,
.mx-md-n1 {
margin-right: -1rem !important; }
.mb-md-n1,
.my-md-n1 {
margin-bottom: -1rem !important; }
.ml-md-n1,
.mx-md-n1 {
margin-left: -1rem !important; }
.m-md-n2 {
margin: -1.5rem !important; }
.mt-md-n2,
.my-md-n2 {
margin-top: -1.5rem !important; }
.mr-md-n2,
.mx-md-n2 {
margin-right: -1.5rem !important; }
.mb-md-n2,
.my-md-n2 {
margin-bottom: -1.5rem !important; }
.ml-md-n2,
.mx-md-n2 {
margin-left: -1.5rem !important; }
.m-md-n3 {
margin: -3rem !important; }
.mt-md-n3,
.my-md-n3 {
margin-top: -3rem !important; }
.mr-md-n3,
.mx-md-n3 {
margin-right: -3rem !important; }
.mb-md-n3,
.my-md-n3 {
margin-bottom: -3rem !important; }
.ml-md-n3,
.mx-md-n3 {
margin-left: -3rem !important; }
.m-md-n4 {
margin: -3.5rem !important; }
.mt-md-n4,
.my-md-n4 {
margin-top: -3.5rem !important; }
.mr-md-n4,
.mx-md-n4 {
margin-right: -3.5rem !important; }
.mb-md-n4,
.my-md-n4 {
margin-bottom: -3.5rem !important; }
.ml-md-n4,
.mx-md-n4 {
margin-left: -3.5rem !important; }
.m-md-n5 {
margin: -4rem !important; }
.mt-md-n5,
.my-md-n5 {
margin-top: -4rem !important; }
.mr-md-n5,
.mx-md-n5 {
margin-right: -4rem !important; }
.mb-md-n5,
.my-md-n5 {
margin-bottom: -4rem !important; }
.ml-md-n5,
.mx-md-n5 {
margin-left: -4rem !important; }
.m-md-n25 {
margin: -0.25rem !important; }
.mt-md-n25,
.my-md-n25 {
margin-top: -0.25rem !important; }
.mr-md-n25,
.mx-md-n25 {
margin-right: -0.25rem !important; }
.mb-md-n25,
.my-md-n25 {
margin-bottom: -0.25rem !important; }
.ml-md-n25,
.mx-md-n25 {
margin-left: -0.25rem !important; }
.m-md-n50 {
margin: -0.5rem !important; }
.mt-md-n50,
.my-md-n50 {
margin-top: -0.5rem !important; }
.mr-md-n50,
.mx-md-n50 {
margin-right: -0.5rem !important; }
.mb-md-n50,
.my-md-n50 {
margin-bottom: -0.5rem !important; }
.ml-md-n50,
.mx-md-n50 {
margin-left: -0.5rem !important; }
.m-md-n75 {
margin: -0.75rem !important; }
.mt-md-n75,
.my-md-n75 {
margin-top: -0.75rem !important; }
.mr-md-n75,
.mx-md-n75 {
margin-right: -0.75rem !important; }
.mb-md-n75,
.my-md-n75 {
margin-bottom: -0.75rem !important; }
.ml-md-n75,
.mx-md-n75 {
margin-left: -0.75rem !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: 1rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 1rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 1rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 1rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 1rem !important; }
.m-lg-2 {
margin: 1.5rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 1.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 1.5rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 1.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 1.5rem !important; }
.m-lg-3 {
margin: 3rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 3rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 3rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 3rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 3rem !important; }
.m-lg-4 {
margin: 3.5rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 3.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 3.5rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 3.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 3.5rem !important; }
.m-lg-5 {
margin: 4rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 4rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 4rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 4rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 4rem !important; }
.m-lg-25 {
margin: 0.25rem !important; }
.mt-lg-25,
.my-lg-25 {
margin-top: 0.25rem !important; }
.mr-lg-25,
.mx-lg-25 {
margin-right: 0.25rem !important; }
.mb-lg-25,
.my-lg-25 {
margin-bottom: 0.25rem !important; }
.ml-lg-25,
.mx-lg-25 {
margin-left: 0.25rem !important; }
.m-lg-50 {
margin: 0.5rem !important; }
.mt-lg-50,
.my-lg-50 {
margin-top: 0.5rem !important; }
.mr-lg-50,
.mx-lg-50 {
margin-right: 0.5rem !important; }
.mb-lg-50,
.my-lg-50 {
margin-bottom: 0.5rem !important; }
.ml-lg-50,
.mx-lg-50 {
margin-left: 0.5rem !important; }
.m-lg-75 {
margin: 0.75rem !important; }
.mt-lg-75,
.my-lg-75 {
margin-top: 0.75rem !important; }
.mr-lg-75,
.mx-lg-75 {
margin-right: 0.75rem !important; }
.mb-lg-75,
.my-lg-75 {
margin-bottom: 0.75rem !important; }
.ml-lg-75,
.mx-lg-75 {
margin-left: 0.75rem !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: 1rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 1rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 1rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 1rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 1rem !important; }
.p-lg-2 {
padding: 1.5rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 1.5rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 1.5rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 1.5rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 1.5rem !important; }
.p-lg-3 {
padding: 3rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 3rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 3rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 3rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 3rem !important; }
.p-lg-4 {
padding: 3.5rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 3.5rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 3.5rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 3.5rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 3.5rem !important; }
.p-lg-5 {
padding: 4rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 4rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 4rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 4rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 4rem !important; }
.p-lg-25 {
padding: 0.25rem !important; }
.pt-lg-25,
.py-lg-25 {
padding-top: 0.25rem !important; }
.pr-lg-25,
.px-lg-25 {
padding-right: 0.25rem !important; }
.pb-lg-25,
.py-lg-25 {
padding-bottom: 0.25rem !important; }
.pl-lg-25,
.px-lg-25 {
padding-left: 0.25rem !important; }
.p-lg-50 {
padding: 0.5rem !important; }
.pt-lg-50,
.py-lg-50 {
padding-top: 0.5rem !important; }
.pr-lg-50,
.px-lg-50 {
padding-right: 0.5rem !important; }
.pb-lg-50,
.py-lg-50 {
padding-bottom: 0.5rem !important; }
.pl-lg-50,
.px-lg-50 {
padding-left: 0.5rem !important; }
.p-lg-75 {
padding: 0.75rem !important; }
.pt-lg-75,
.py-lg-75 {
padding-top: 0.75rem !important; }
.pr-lg-75,
.px-lg-75 {
padding-right: 0.75rem !important; }
.pb-lg-75,
.py-lg-75 {
padding-bottom: 0.75rem !important; }
.pl-lg-75,
.px-lg-75 {
padding-left: 0.75rem !important; }
.m-lg-n1 {
margin: -1rem !important; }
.mt-lg-n1,
.my-lg-n1 {
margin-top: -1rem !important; }
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -1rem !important; }
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -1rem !important; }
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -1rem !important; }
.m-lg-n2 {
margin: -1.5rem !important; }
.mt-lg-n2,
.my-lg-n2 {
margin-top: -1.5rem !important; }
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -1.5rem !important; }
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -1.5rem !important; }
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -1.5rem !important; }
.m-lg-n3 {
margin: -3rem !important; }
.mt-lg-n3,
.my-lg-n3 {
margin-top: -3rem !important; }
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -3rem !important; }
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -3rem !important; }
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -3rem !important; }
.m-lg-n4 {
margin: -3.5rem !important; }
.mt-lg-n4,
.my-lg-n4 {
margin-top: -3.5rem !important; }
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -3.5rem !important; }
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -3.5rem !important; }
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -3.5rem !important; }
.m-lg-n5 {
margin: -4rem !important; }
.mt-lg-n5,
.my-lg-n5 {
margin-top: -4rem !important; }
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -4rem !important; }
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -4rem !important; }
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -4rem !important; }
.m-lg-n25 {
margin: -0.25rem !important; }
.mt-lg-n25,
.my-lg-n25 {
margin-top: -0.25rem !important; }
.mr-lg-n25,
.mx-lg-n25 {
margin-right: -0.25rem !important; }
.mb-lg-n25,
.my-lg-n25 {
margin-bottom: -0.25rem !important; }
.ml-lg-n25,
.mx-lg-n25 {
margin-left: -0.25rem !important; }
.m-lg-n50 {
margin: -0.5rem !important; }
.mt-lg-n50,
.my-lg-n50 {
margin-top: -0.5rem !important; }
.mr-lg-n50,
.mx-lg-n50 {
margin-right: -0.5rem !important; }
.mb-lg-n50,
.my-lg-n50 {
margin-bottom: -0.5rem !important; }
.ml-lg-n50,
.mx-lg-n50 {
margin-left: -0.5rem !important; }
.m-lg-n75 {
margin: -0.75rem !important; }
.mt-lg-n75,
.my-lg-n75 {
margin-top: -0.75rem !important; }
.mr-lg-n75,
.mx-lg-n75 {
margin-right: -0.75rem !important; }
.mb-lg-n75,
.my-lg-n75 {
margin-bottom: -0.75rem !important; }
.ml-lg-n75,
.mx-lg-n75 {
margin-left: -0.75rem !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: 1rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 1rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 1rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 1rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 1rem !important; }
.m-xl-2 {
margin: 1.5rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 1.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 1.5rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 1.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 1.5rem !important; }
.m-xl-3 {
margin: 3rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 3rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 3rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 3rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 3rem !important; }
.m-xl-4 {
margin: 3.5rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 3.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 3.5rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 3.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 3.5rem !important; }
.m-xl-5 {
margin: 4rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 4rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 4rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 4rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 4rem !important; }
.m-xl-25 {
margin: 0.25rem !important; }
.mt-xl-25,
.my-xl-25 {
margin-top: 0.25rem !important; }
.mr-xl-25,
.mx-xl-25 {
margin-right: 0.25rem !important; }
.mb-xl-25,
.my-xl-25 {
margin-bottom: 0.25rem !important; }
.ml-xl-25,
.mx-xl-25 {
margin-left: 0.25rem !important; }
.m-xl-50 {
margin: 0.5rem !important; }
.mt-xl-50,
.my-xl-50 {
margin-top: 0.5rem !important; }
.mr-xl-50,
.mx-xl-50 {
margin-right: 0.5rem !important; }
.mb-xl-50,
.my-xl-50 {
margin-bottom: 0.5rem !important; }
.ml-xl-50,
.mx-xl-50 {
margin-left: 0.5rem !important; }
.m-xl-75 {
margin: 0.75rem !important; }
.mt-xl-75,
.my-xl-75 {
margin-top: 0.75rem !important; }
.mr-xl-75,
.mx-xl-75 {
margin-right: 0.75rem !important; }
.mb-xl-75,
.my-xl-75 {
margin-bottom: 0.75rem !important; }
.ml-xl-75,
.mx-xl-75 {
margin-left: 0.75rem !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: 1rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 1rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 1rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 1rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 1rem !important; }
.p-xl-2 {
padding: 1.5rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 1.5rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 1.5rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 1.5rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 1.5rem !important; }
.p-xl-3 {
padding: 3rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 3rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 3rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 3rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 3rem !important; }
.p-xl-4 {
padding: 3.5rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 3.5rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 3.5rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 3.5rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 3.5rem !important; }
.p-xl-5 {
padding: 4rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 4rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 4rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 4rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 4rem !important; }
.p-xl-25 {
padding: 0.25rem !important; }
.pt-xl-25,
.py-xl-25 {
padding-top: 0.25rem !important; }
.pr-xl-25,
.px-xl-25 {
padding-right: 0.25rem !important; }
.pb-xl-25,
.py-xl-25 {
padding-bottom: 0.25rem !important; }
.pl-xl-25,
.px-xl-25 {
padding-left: 0.25rem !important; }
.p-xl-50 {
padding: 0.5rem !important; }
.pt-xl-50,
.py-xl-50 {
padding-top: 0.5rem !important; }
.pr-xl-50,
.px-xl-50 {
padding-right: 0.5rem !important; }
.pb-xl-50,
.py-xl-50 {
padding-bottom: 0.5rem !important; }
.pl-xl-50,
.px-xl-50 {
padding-left: 0.5rem !important; }
.p-xl-75 {
padding: 0.75rem !important; }
.pt-xl-75,
.py-xl-75 {
padding-top: 0.75rem !important; }
.pr-xl-75,
.px-xl-75 {
padding-right: 0.75rem !important; }
.pb-xl-75,
.py-xl-75 {
padding-bottom: 0.75rem !important; }
.pl-xl-75,
.px-xl-75 {
padding-left: 0.75rem !important; }
.m-xl-n1 {
margin: -1rem !important; }
.mt-xl-n1,
.my-xl-n1 {
margin-top: -1rem !important; }
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -1rem !important; }
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -1rem !important; }
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -1rem !important; }
.m-xl-n2 {
margin: -1.5rem !important; }
.mt-xl-n2,
.my-xl-n2 {
margin-top: -1.5rem !important; }
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -1.5rem !important; }
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -1.5rem !important; }
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -1.5rem !important; }
.m-xl-n3 {
margin: -3rem !important; }
.mt-xl-n3,
.my-xl-n3 {
margin-top: -3rem !important; }
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -3rem !important; }
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -3rem !important; }
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -3rem !important; }
.m-xl-n4 {
margin: -3.5rem !important; }
.mt-xl-n4,
.my-xl-n4 {
margin-top: -3.5rem !important; }
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -3.5rem !important; }
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -3.5rem !important; }
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -3.5rem !important; }
.m-xl-n5 {
margin: -4rem !important; }
.mt-xl-n5,
.my-xl-n5 {
margin-top: -4rem !important; }
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -4rem !important; }
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -4rem !important; }
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -4rem !important; }
.m-xl-n25 {
margin: -0.25rem !important; }
.mt-xl-n25,
.my-xl-n25 {
margin-top: -0.25rem !important; }
.mr-xl-n25,
.mx-xl-n25 {
margin-right: -0.25rem !important; }
.mb-xl-n25,
.my-xl-n25 {
margin-bottom: -0.25rem !important; }
.ml-xl-n25,
.mx-xl-n25 {
margin-left: -0.25rem !important; }
.m-xl-n50 {
margin: -0.5rem !important; }
.mt-xl-n50,
.my-xl-n50 {
margin-top: -0.5rem !important; }
.mr-xl-n50,
.mx-xl-n50 {
margin-right: -0.5rem !important; }
.mb-xl-n50,
.my-xl-n50 {
margin-bottom: -0.5rem !important; }
.ml-xl-n50,
.mx-xl-n50 {
margin-left: -0.5rem !important; }
.m-xl-n75 {
margin: -0.75rem !important; }
.mt-xl-n75,
.my-xl-n75 {
margin-top: -0.75rem !important; }
.mr-xl-n75,
.mx-xl-n75 {
margin-right: -0.75rem !important; }
.mb-xl-n75,
.my-xl-n75 {
margin-bottom: -0.75rem !important; }
.ml-xl-n75,
.mx-xl-n75 {
margin-left: -0.75rem !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: "Montserrat", Helvetica, Arial, serif !important; }
.text-justify {
text-align: justify !important; }
.text-wrap {
white-space: normal !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-lighter {
font-weight: lighter !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-weight-bolder {
font-weight: bolder !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #7367f0 !important; }
a.text-primary:hover, a.text-primary:focus {
color: #3321e9 !important; }
.text-secondary {
color: #b8c2cc !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #8b9cac !important; }
.text-success {
color: #28c76f !important; }
a.text-success:hover, a.text-success:focus {
color: #1b874b !important; }
.text-info {
color: #00cfe8 !important; }
a.text-info:hover, a.text-info:focus {
color: #008b9c !important; }
.text-warning {
color: #ff9f43 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #f67800 !important; }
.text-danger {
color: #ea5455 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #d71a1c !important; }
.text-light {
color: #babfc7 !important; }
a.text-light:hover, a.text-light:focus {
color: #9098a5 !important; }
.text-dark {
color: #1e1e1e !important; }
a.text-dark:hover, a.text-dark:focus {
color: black !important; }
.text-body {
color: #626262 !important; }
.text-muted {
color: #b8c2cc !important; }
.text-black-50 {
color: rgba(34, 41, 47, 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; }
.text-decoration-none {
text-decoration: none !important; }
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important; }
.text-reset {
color: inherit !important; }
.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 #22292f; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #dae1e7 !important; }
.table-dark {
color: inherit; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #f8f8f8; }
.table .thead-dark th {
color: inherit;
border-color: #f8f8f8; } }
================================================
FILE: public/backend/css/colors.css
================================================
.white {
color: #FFFFFF !important; }
.bg-white {
background-color: #FFFFFF !important; }
.bg-white .card-header,
.bg-white .card-footer {
background-color: transparent; }
.alert-white {
background: rgba(255, 255, 255, 0.2) !important;
color: #FFFFFF !important; }
.alert-white .alert-heading {
box-shadow: rgba(255, 255, 255, 0.4) 0px 6px 15px -7px; }
.alert-white .alert-link {
color: #f2f2f2 !important; }
.bg-rgba-white {
background: rgba(255, 255, 255, 0.15) !important; }
.border-white {
border: 1px solid #FFFFFF !important; }
.border-top-white {
border-top: 1px solid #FFFFFF; }
.border-bottom-white {
border-bottom: 1px solid #FFFFFF; }
.border-left-white {
border-left: 1px solid #FFFFFF; }
.border-right-white {
border-right: 1px solid #FFFFFF; }
.bg-white.badge-glow,
.border-white.badge-glow,
.badge-white.badge-glow {
box-shadow: 0px 0px 10px #FFFFFF; }
.badge.badge-white {
background-color: #FFFFFF; }
.badge.badge-light-white {
color: #FFFFFF !important;
font-weight: 500; }
.overlay-white {
background: #FFFFFF;
/* The Fallback */
background: rgba(255, 255, 255, 0.6); }
.btn-white {
border-color: !important;
background-color: #FFFFFF !important;
color: #fff; }
.btn-white:hover {
border-color: !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px white; }
.btn-white:focus, .btn-white:active {
color: #fff !important; }
.btn-flat-white {
background-color: transparent;
color: #FFFFFF; }
.btn-flat-white:hover {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.1); }
.btn-flat-white:active, .btn-flat-white:focus {
background-color: #FFFFFF;
color: #fff !important; }
.btn-relief-white {
background-color: #FFFFFF;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-white:hover {
color: #fff; }
.btn-relief-white:active, .btn-relief-white:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-white {
border: 1px solid #FFFFFF;
background-color: transparent;
color: #FFFFFF; }
.btn-outline-white:hover {
background-color: rgba(255, 255, 255, 0.08);
color: #FFFFFF; }
.btn-outline-white:active {
color: #fff !important; }
.btn-white ~ .dropdown-menu .dropdown-item.active,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active {
background-color: #FFFFFF;
color: #fff; }
.btn-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #FFFFFF; }
.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i {
color: #FFFFFF; }
.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-white {
background-color: #FFFFFF; }
.pagination-white .page-item.active .page-link {
background: #FFFFFF;
color: #fff; }
.pagination-white .page-item.active .page-link:hover {
color: #fff; }
.pagination-white .page-item .page-link:hover {
color: #FFFFFF; }
.pagination-white .page-item.prev-item .page-link:hover, .pagination-white .page-item.next-item .page-link:hover {
background: #FFFFFF;
color: #fff; }
.nav-pill-white .nav-item .nav-link.active {
color: #fff;
background-color: #FFFFFF !important; }
.progress-bar-white {
background-color: rgba(255, 255, 255, 0.1); }
.progress-bar-white .progress-bar {
background-color: #FFFFFF; }
.chip-white {
background-color: #FFFFFF !important; }
.chip-white .chip-body {
color: #fff !important; }
.divider.divider-white .divider-text:before, .divider.divider-white .divider-text:after {
border-color: #FFFFFF !important; }
input[type="checkbox"].bg-white + .custom-control-label:before, input[type="radio"].bg-white + .custom-control-label:before {
background-color: #FFFFFF !important; }
input:focus ~ .bg-white {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFFFFF !important; }
.vs-checkbox-white input:checked ~ .vs-checkbox {
border-color: #FFFFFF !important; }
.vs-checkbox-white input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #FFFFFF !important; }
.vs-checkbox-white input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #FFFFFF !important; }
.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
background-color: #FFFFFF !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-white input:checked ~ .vs-radio .vs-radio--circle {
background: white !important;
box-shadow: 0 3px 12px 0 rgba(255, 255, 255, 0.4) !important; }
.black {
color: #000000 !important; }
.bg-black {
background-color: #000000 !important; }
.bg-black .card-header,
.bg-black .card-footer {
background-color: transparent; }
.alert-black {
background: rgba(0, 0, 0, 0.2) !important;
color: #000000 !important; }
.alert-black .alert-heading {
box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 15px -7px; }
.alert-black .alert-link {
color: black !important; }
.bg-rgba-black {
background: rgba(0, 0, 0, 0.15) !important; }
.border-black {
border: 1px solid #000000 !important; }
.border-top-black {
border-top: 1px solid #000000; }
.border-bottom-black {
border-bottom: 1px solid #000000; }
.border-left-black {
border-left: 1px solid #000000; }
.border-right-black {
border-right: 1px solid #000000; }
.bg-black.badge-glow,
.border-black.badge-glow,
.badge-black.badge-glow {
box-shadow: 0px 0px 10px #000000; }
.badge.badge-black {
background-color: #000000; }
.badge.badge-light-black {
color: #000000 !important;
font-weight: 500; }
.overlay-black {
background: #000000;
/* The Fallback */
background: rgba(0, 0, 0, 0.6); }
.btn-black {
border-color: !important;
background-color: #000000 !important;
color: #fff; }
.btn-black:hover {
border-color: !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px black; }
.btn-black:focus, .btn-black:active {
color: #fff !important; }
.btn-flat-black {
background-color: transparent;
color: #000000; }
.btn-flat-black:hover {
color: #000000;
background-color: rgba(0, 0, 0, 0.1); }
.btn-flat-black:active, .btn-flat-black:focus {
background-color: #000000;
color: #fff !important; }
.btn-relief-black {
background-color: #000000;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-black:hover {
color: #fff; }
.btn-relief-black:active, .btn-relief-black:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-black {
border: 1px solid #000000;
background-color: transparent;
color: #000000; }
.btn-outline-black:hover {
background-color: rgba(0, 0, 0, 0.08);
color: #000000; }
.btn-outline-black:active {
color: #fff !important; }
.btn-black ~ .dropdown-menu .dropdown-item.active,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active {
background-color: #000000;
color: #fff; }
.btn-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #000000; }
.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i {
color: #000000; }
.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-black {
background-color: #000000; }
.pagination-black .page-item.active .page-link {
background: #000000;
color: #fff; }
.pagination-black .page-item.active .page-link:hover {
color: #fff; }
.pagination-black .page-item .page-link:hover {
color: #000000; }
.pagination-black .page-item.prev-item .page-link:hover, .pagination-black .page-item.next-item .page-link:hover {
background: #000000;
color: #fff; }
.nav-pill-black .nav-item .nav-link.active {
color: #fff;
background-color: #000000 !important; }
.progress-bar-black {
background-color: rgba(0, 0, 0, 0.1); }
.progress-bar-black .progress-bar {
background-color: #000000; }
.chip-black {
background-color: #000000 !important; }
.chip-black .chip-body {
color: #fff !important; }
.divider.divider-black .divider-text:before, .divider.divider-black .divider-text:after {
border-color: #000000 !important; }
input[type="checkbox"].bg-black + .custom-control-label:before, input[type="radio"].bg-black + .custom-control-label:before {
background-color: #000000 !important; }
input:focus ~ .bg-black {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; }
.vs-checkbox-black input:checked ~ .vs-checkbox {
border-color: #000000 !important; }
.vs-checkbox-black input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #000000 !important; }
.vs-checkbox-black input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #000000 !important; }
.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
background-color: #000000 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-black input:checked ~ .vs-radio .vs-radio--circle {
background: black !important;
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.4) !important; }
.dark {
color: #1e1e1e !important; }
.bg-dark {
background-color: #1e1e1e !important; }
.bg-dark .card-header,
.bg-dark .card-footer {
background-color: transparent; }
.alert-dark {
background: rgba(30, 30, 30, 0.2) !important;
color: #1e1e1e !important; }
.alert-dark .alert-heading {
box-shadow: rgba(30, 30, 30, 0.4) 0px 6px 15px -7px; }
.alert-dark .alert-link {
color: #111111 !important; }
.bg-rgba-dark {
background: rgba(30, 30, 30, 0.15) !important; }
.border-dark {
border: 1px solid #1e1e1e !important; }
.border-top-dark {
border-top: 1px solid #1e1e1e; }
.border-bottom-dark {
border-bottom: 1px solid #1e1e1e; }
.border-left-dark {
border-left: 1px solid #1e1e1e; }
.border-right-dark {
border-right: 1px solid #1e1e1e; }
.bg-dark.badge-glow,
.border-dark.badge-glow,
.badge-dark.badge-glow {
box-shadow: 0px 0px 10px #1e1e1e; }
.badge.badge-dark {
background-color: #1e1e1e; }
.badge.badge-light-dark {
color: #1e1e1e !important;
font-weight: 500; }
.overlay-dark {
background: #1e1e1e;
/* The Fallback */
background: rgba(30, 30, 30, 0.6); }
.btn-dark {
border-color: !important;
background-color: #1e1e1e !important;
color: #fff; }
.btn-dark:hover {
border-color: !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #1e1e1e; }
.btn-dark:focus, .btn-dark:active {
color: #fff !important; }
.btn-flat-dark {
background-color: transparent;
color: #1e1e1e; }
.btn-flat-dark:hover {
color: #1e1e1e;
background-color: rgba(30, 30, 30, 0.1); }
.btn-flat-dark:active, .btn-flat-dark:focus {
background-color: #1e1e1e;
color: #fff !important; }
.btn-relief-dark {
background-color: #1e1e1e;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-dark:hover {
color: #fff; }
.btn-relief-dark:active, .btn-relief-dark:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-dark {
border: 1px solid #1e1e1e;
background-color: transparent;
color: #1e1e1e; }
.btn-outline-dark:hover {
background-color: rgba(30, 30, 30, 0.08);
color: #1e1e1e; }
.btn-outline-dark:active {
color: #fff !important; }
.btn-dark ~ .dropdown-menu .dropdown-item.active,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active {
background-color: #1e1e1e;
color: #fff; }
.btn-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #1e1e1e; }
.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i {
color: #1e1e1e; }
.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-dark {
background-color: #1e1e1e; }
.pagination-dark .page-item.active .page-link {
background: #1e1e1e;
color: #fff; }
.pagination-dark .page-item.active .page-link:hover {
color: #fff; }
.pagination-dark .page-item .page-link:hover {
color: #1e1e1e; }
.pagination-dark .page-item.prev-item .page-link:hover, .pagination-dark .page-item.next-item .page-link:hover {
background: #1e1e1e;
color: #fff; }
.nav-pill-dark .nav-item .nav-link.active {
color: #fff;
background-color: #1e1e1e !important; }
.progress-bar-dark {
background-color: rgba(30, 30, 30, 0.1); }
.progress-bar-dark .progress-bar {
background-color: #1e1e1e; }
.chip-dark {
background-color: #1e1e1e !important; }
.chip-dark .chip-body {
color: #fff !important; }
.divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
border-color: #1e1e1e !important; }
input[type="checkbox"].bg-dark + .custom-control-label:before, input[type="radio"].bg-dark + .custom-control-label:before {
background-color: #1e1e1e !important; }
input:focus ~ .bg-dark {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e1e1e !important; }
.vs-checkbox-dark input:checked ~ .vs-checkbox {
border-color: #1e1e1e !important; }
.vs-checkbox-dark input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #1e1e1e !important; }
.vs-checkbox-dark input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #1e1e1e !important; }
.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
background-color: #1e1e1e !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-dark input:checked ~ .vs-radio .vs-radio--circle {
background: #1e1e1e !important;
box-shadow: 0 3px 12px 0 rgba(30, 30, 30, 0.4) !important; }
.dark.gradient-bg {
color: #640064 !important; }
.bg-dark.bg-gradient-bg {
background-color: #640064 !important; }
.btn-dark.btn-gradient-bg {
border-color: !important;
background-color: #640064 !important; }
.btn-dark.btn-gradient-bg:hover {
border-color: !important;
background-color: !important; }
.btn-dark.btn-gradient-bg:focus, .btn-dark.btn-gradient-bg:active {
border-color: !important;
background-color: !important; }
.btn-outline-dark.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-dark.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-dark {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-dark.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-dark.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-dark.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-dark.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-dark.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-dark.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
.light {
color: #babfc7 !important; }
.bg-light {
background-color: #babfc7 !important; }
.bg-light .card-header,
.bg-light .card-footer {
background-color: transparent; }
.alert-light {
background: rgba(186, 191, 199, 0.2) !important;
color: #babfc7 !important; }
.alert-light .alert-heading {
box-shadow: rgba(186, 191, 199, 0.4) 0px 6px 15px -7px; }
.alert-light .alert-link {
color: #acb2bc !important; }
.bg-rgba-light {
background: rgba(186, 191, 199, 0.15) !important; }
.border-light {
border: 1px solid #babfc7 !important; }
.border-top-light {
border-top: 1px solid #babfc7; }
.border-bottom-light {
border-bottom: 1px solid #babfc7; }
.border-left-light {
border-left: 1px solid #babfc7; }
.border-right-light {
border-right: 1px solid #babfc7; }
.bg-light.badge-glow,
.border-light.badge-glow,
.badge-light.badge-glow {
box-shadow: 0px 0px 10px #babfc7; }
.badge.badge-light {
background-color: #babfc7; }
.badge.badge-light-light {
color: #babfc7 !important;
font-weight: 500; }
.overlay-light {
background: #babfc7;
/* The Fallback */
background: rgba(186, 191, 199, 0.6); }
.btn-light {
border-color: !important;
background-color: #babfc7 !important;
color: #fff; }
.btn-light:hover {
border-color: !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #babfc7; }
.btn-light:focus, .btn-light:active {
color: #fff !important; }
.btn-flat-light {
background-color: transparent;
color: #babfc7; }
.btn-flat-light:hover {
color: #babfc7;
background-color: rgba(186, 191, 199, 0.1); }
.btn-flat-light:active, .btn-flat-light:focus {
background-color: #babfc7;
color: #fff !important; }
.btn-relief-light {
background-color: #babfc7;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-light:hover {
color: #fff; }
.btn-relief-light:active, .btn-relief-light:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-light {
border: 1px solid #babfc7;
background-color: transparent;
color: #babfc7; }
.btn-outline-light:hover {
background-color: rgba(186, 191, 199, 0.08);
color: #babfc7; }
.btn-outline-light:active {
color: #fff !important; }
.btn-light ~ .dropdown-menu .dropdown-item.active,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active {
background-color: #babfc7;
color: #fff; }
.btn-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #babfc7; }
.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i {
color: #babfc7; }
.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-light {
background-color: #babfc7; }
.pagination-light .page-item.active .page-link {
background: #babfc7;
color: #fff; }
.pagination-light .page-item.active .page-link:hover {
color: #fff; }
.pagination-light .page-item .page-link:hover {
color: #babfc7; }
.pagination-light .page-item.prev-item .page-link:hover, .pagination-light .page-item.next-item .page-link:hover {
background: #babfc7;
color: #fff; }
.nav-pill-light .nav-item .nav-link.active {
color: #fff;
background-color: #babfc7 !important; }
.progress-bar-light {
background-color: rgba(186, 191, 199, 0.1); }
.progress-bar-light .progress-bar {
background-color: #babfc7; }
.chip-light {
background-color: #babfc7 !important; }
.chip-light .chip-body {
color: #fff !important; }
.divider.divider-light .divider-text:before, .divider.divider-light .divider-text:after {
border-color: #babfc7 !important; }
input[type="checkbox"].bg-light + .custom-control-label:before, input[type="radio"].bg-light + .custom-control-label:before {
background-color: #babfc7 !important; }
input:focus ~ .bg-light {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #babfc7 !important; }
.vs-checkbox-light input:checked ~ .vs-checkbox {
border-color: #babfc7 !important; }
.vs-checkbox-light input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #babfc7 !important; }
.vs-checkbox-light input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #babfc7 !important; }
.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
background-color: #babfc7 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-light input:checked ~ .vs-radio .vs-radio--circle {
background: #babfc7 !important;
box-shadow: 0 3px 12px 0 rgba(186, 191, 199, 0.4) !important; }
.light.gradient-bg {
color: #640064 !important; }
.bg-light.bg-gradient-bg {
background-color: #640064 !important; }
.btn-light.btn-gradient-bg {
border-color: !important;
background-color: #640064 !important; }
.btn-light.btn-gradient-bg:hover {
border-color: !important;
background-color: !important; }
.btn-light.btn-gradient-bg:focus, .btn-light.btn-gradient-bg:active {
border-color: !important;
background-color: !important; }
.btn-outline-light.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-light.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-light {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-light.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-light.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-light.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-light.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-light.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-light.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
.primary.gradient-light {
color: #ce9ffc !important; }
.bg-primary.bg-gradient-light {
background-color: #ce9ffc !important; }
.btn-primary.btn-gradient-light {
border-color: #4839eb !important;
background-color: #ce9ffc !important; }
.btn-primary.btn-gradient-light:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-gradient-light:focus, .btn-primary.btn-gradient-light:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-gradient-light {
border-color: #ce9ffc !important;
color: #ce9ffc !important; }
.btn-outline-primary.btn-outline-gradient-light:hover {
background-color: #ce9ffc !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce9ffc !important; }
.border-primary.border-gradient-light {
border: 1px solid #ce9ffc !important; }
.border-top-primary.border-top-gradient-light {
border-top: 1px solid #ce9ffc !important; }
.border-bottom-primary.border-bottom-gradient-light {
border-bottom: 1px solid #ce9ffc !important; }
.border-left-primary.border-left-gradient-light {
border-left: 1px solid #ce9ffc !important; }
.border-right-primary.border-right-gradient-light {
border-right: 1px solid #ce9ffc !important; }
.overlay-primary.overlay-gradient-light {
background: #ce9ffc;
/* The Fallback */
background: rgba(206, 159, 252, 0.6); }
.primary.light-badge {
color: #dedbfb !important; }
.bg-primary.bg-light-badge {
background-color: #dedbfb !important; }
.btn-primary.btn-light-badge {
border-color: #4839eb !important;
background-color: #dedbfb !important; }
.btn-primary.btn-light-badge:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-light-badge:focus, .btn-primary.btn-light-badge:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-light-badge {
border-color: #dedbfb !important;
color: #dedbfb !important; }
.btn-outline-primary.btn-outline-light-badge:hover {
background-color: #dedbfb !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dedbfb !important; }
.border-primary.border-light-badge {
border: 1px solid #dedbfb !important; }
.border-top-primary.border-top-light-badge {
border-top: 1px solid #dedbfb !important; }
.border-bottom-primary.border-bottom-light-badge {
border-bottom: 1px solid #dedbfb !important; }
.border-left-primary.border-left-light-badge {
border-left: 1px solid #dedbfb !important; }
.border-right-primary.border-right-light-badge {
border-right: 1px solid #dedbfb !important; }
.overlay-primary.overlay-light-badge {
background: #dedbfb;
/* The Fallback */
background: rgba(222, 219, 251, 0.6); }
.primary.lighten-5 {
color: #dedbfb !important; }
.bg-primary.bg-lighten-5 {
background-color: #dedbfb !important; }
.btn-primary.btn-lighten-5 {
border-color: #4839eb !important;
background-color: #dedbfb !important; }
.btn-primary.btn-lighten-5:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-lighten-5 {
border-color: #dedbfb !important;
color: #dedbfb !important; }
.btn-outline-primary.btn-outline-lighten-5:hover {
background-color: #dedbfb !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dedbfb !important; }
.border-primary.border-lighten-5 {
border: 1px solid #dedbfb !important; }
.border-top-primary.border-top-lighten-5 {
border-top: 1px solid #dedbfb !important; }
.border-bottom-primary.border-bottom-lighten-5 {
border-bottom: 1px solid #dedbfb !important; }
.border-left-primary.border-left-lighten-5 {
border-left: 1px solid #dedbfb !important; }
.border-right-primary.border-right-lighten-5 {
border-right: 1px solid #dedbfb !important; }
.overlay-primary.overlay-lighten-5 {
background: #dedbfb;
/* The Fallback */
background: rgba(222, 219, 251, 0.6); }
.primary.lighten-4 {
color: #c9c4f9 !important; }
.bg-primary.bg-lighten-4 {
background-color: #c9c4f9 !important; }
.btn-primary.btn-lighten-4 {
border-color: #4839eb !important;
background-color: #c9c4f9 !important; }
.btn-primary.btn-lighten-4:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-lighten-4 {
border-color: #c9c4f9 !important;
color: #c9c4f9 !important; }
.btn-outline-primary.btn-outline-lighten-4:hover {
background-color: #c9c4f9 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c9c4f9 !important; }
.border-primary.border-lighten-4 {
border: 1px solid #c9c4f9 !important; }
.border-top-primary.border-top-lighten-4 {
border-top: 1px solid #c9c4f9 !important; }
.border-bottom-primary.border-bottom-lighten-4 {
border-bottom: 1px solid #c9c4f9 !important; }
.border-left-primary.border-left-lighten-4 {
border-left: 1px solid #c9c4f9 !important; }
.border-right-primary.border-right-lighten-4 {
border-right: 1px solid #c9c4f9 !important; }
.overlay-primary.overlay-lighten-4 {
background: #c9c4f9;
/* The Fallback */
background: rgba(201, 196, 249, 0.6); }
.primary.lighten-3 {
color: #b3adf7 !important; }
.bg-primary.bg-lighten-3 {
background-color: #b3adf7 !important; }
.btn-primary.btn-lighten-3 {
border-color: #4839eb !important;
background-color: #b3adf7 !important; }
.btn-primary.btn-lighten-3:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-lighten-3 {
border-color: #b3adf7 !important;
color: #b3adf7 !important; }
.btn-outline-primary.btn-outline-lighten-3:hover {
background-color: #b3adf7 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b3adf7 !important; }
.border-primary.border-lighten-3 {
border: 1px solid #b3adf7 !important; }
.border-top-primary.border-top-lighten-3 {
border-top: 1px solid #b3adf7 !important; }
.border-bottom-primary.border-bottom-lighten-3 {
border-bottom: 1px solid #b3adf7 !important; }
.border-left-primary.border-left-lighten-3 {
border-left: 1px solid #b3adf7 !important; }
.border-right-primary.border-right-lighten-3 {
border-right: 1px solid #b3adf7 !important; }
.overlay-primary.overlay-lighten-3 {
background: #b3adf7;
/* The Fallback */
background: rgba(179, 173, 247, 0.6); }
.primary.lighten-2 {
color: #9e95f5 !important; }
.bg-primary.bg-lighten-2 {
background-color: #9e95f5 !important; }
.btn-primary.btn-lighten-2 {
border-color: #4839eb !important;
background-color: #9e95f5 !important; }
.btn-primary.btn-lighten-2:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-lighten-2 {
border-color: #9e95f5 !important;
color: #9e95f5 !important; }
.btn-outline-primary.btn-outline-lighten-2:hover {
background-color: #9e95f5 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e95f5 !important; }
.border-primary.border-lighten-2 {
border: 1px solid #9e95f5 !important; }
.border-top-primary.border-top-lighten-2 {
border-top: 1px solid #9e95f5 !important; }
.border-bottom-primary.border-bottom-lighten-2 {
border-bottom: 1px solid #9e95f5 !important; }
.border-left-primary.border-left-lighten-2 {
border-left: 1px solid #9e95f5 !important; }
.border-right-primary.border-right-lighten-2 {
border-right: 1px solid #9e95f5 !important; }
.overlay-primary.overlay-lighten-2 {
background: #9e95f5;
/* The Fallback */
background: rgba(158, 149, 245, 0.6); }
.primary.lighten-1 {
color: #887ef2 !important; }
.bg-primary.bg-lighten-1 {
background-color: #887ef2 !important; }
.btn-primary.btn-lighten-1 {
border-color: #4839eb !important;
background-color: #887ef2 !important; }
.btn-primary.btn-lighten-1:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-lighten-1 {
border-color: #887ef2 !important;
color: #887ef2 !important; }
.btn-outline-primary.btn-outline-lighten-1:hover {
background-color: #887ef2 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #887ef2 !important; }
.border-primary.border-lighten-1 {
border: 1px solid #887ef2 !important; }
.border-top-primary.border-top-lighten-1 {
border-top: 1px solid #887ef2 !important; }
.border-bottom-primary.border-bottom-lighten-1 {
border-bottom: 1px solid #887ef2 !important; }
.border-left-primary.border-left-lighten-1 {
border-left: 1px solid #887ef2 !important; }
.border-right-primary.border-right-lighten-1 {
border-right: 1px solid #887ef2 !important; }
.overlay-primary.overlay-lighten-1 {
background: #887ef2;
/* The Fallback */
background: rgba(136, 126, 242, 0.6); }
.primary {
color: #7367f0 !important; }
.bg-primary {
background-color: #7367f0 !important; }
.bg-primary .card-header,
.bg-primary .card-footer {
background-color: transparent; }
.alert-primary {
background: rgba(115, 103, 240, 0.2) !important;
color: #7367f0 !important; }
.alert-primary .alert-heading {
box-shadow: rgba(115, 103, 240, 0.4) 0px 6px 15px -7px; }
.alert-primary .alert-link {
color: #5e50ee !important; }
.bg-rgba-primary {
background: rgba(115, 103, 240, 0.15) !important; }
.border-primary {
border: 1px solid #7367f0 !important; }
.border-top-primary {
border-top: 1px solid #7367f0; }
.border-bottom-primary {
border-bottom: 1px solid #7367f0; }
.border-left-primary {
border-left: 1px solid #7367f0; }
.border-right-primary {
border-right: 1px solid #7367f0; }
.bg-primary.badge-glow,
.border-primary.badge-glow,
.badge-primary.badge-glow {
box-shadow: 0px 0px 10px #7367f0; }
.badge.badge-primary {
background-color: #7367f0; }
.badge.badge-light-primary {
background-color: #dedbfb;
color: #7367f0 !important;
font-weight: 500; }
.overlay-primary {
background: #7367f0;
/* The Fallback */
background: rgba(115, 103, 240, 0.6); }
.btn-primary {
border-color: #4839eb !important;
background-color: #7367f0 !important;
color: #fff; }
.btn-primary:hover {
border-color: #5e50ee !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #7367f0; }
.btn-primary:focus, .btn-primary:active {
color: #fff !important; }
.btn-flat-primary {
background-color: transparent;
color: #7367f0; }
.btn-flat-primary:hover {
color: #7367f0;
background-color: rgba(115, 103, 240, 0.1); }
.btn-flat-primary:active, .btn-flat-primary:focus {
background-color: #7367f0;
color: #fff !important; }
.btn-relief-primary {
background-color: #7367f0;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-primary:hover {
color: #fff; }
.btn-relief-primary:active, .btn-relief-primary:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-primary {
border: 1px solid #7367f0;
background-color: transparent;
color: #7367f0; }
.btn-outline-primary:hover {
background-color: rgba(115, 103, 240, 0.08);
color: #7367f0; }
.btn-outline-primary:active {
color: #fff !important; }
.btn-primary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active {
background-color: #7367f0;
color: #fff; }
.btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #7367f0; }
.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i {
color: #7367f0; }
.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-primary {
background-color: #7367f0; }
.pagination-primary .page-item.active .page-link {
background: #7367f0;
color: #fff; }
.pagination-primary .page-item.active .page-link:hover {
color: #fff; }
.pagination-primary .page-item .page-link:hover {
color: #7367f0; }
.pagination-primary .page-item.prev-item .page-link:hover, .pagination-primary .page-item.next-item .page-link:hover {
background: #7367f0;
color: #fff; }
.nav-pill-primary .nav-item .nav-link.active {
color: #fff;
background-color: #7367f0 !important; }
.progress-bar-primary {
background-color: rgba(115, 103, 240, 0.1); }
.progress-bar-primary .progress-bar {
background-color: #7367f0; }
.chip-primary {
background-color: #7367f0 !important; }
.chip-primary .chip-body {
color: #fff !important; }
.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
border-color: #7367f0 !important; }
input[type="checkbox"].bg-primary + .custom-control-label:before, input[type="radio"].bg-primary + .custom-control-label:before {
background-color: #7367f0 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7367f0 !important; }
.vs-checkbox-primary input:checked ~ .vs-checkbox {
border-color: #7367f0 !important; }
.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #7367f0 !important; }
.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #7367f0 !important; }
.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
background-color: #7367f0 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-primary input:checked ~ .vs-radio .vs-radio--circle {
background: #7367f0 !important;
box-shadow: 0 3px 12px 0 rgba(115, 103, 240, 0.4) !important; }
.primary.darken-1 {
color: #5e50ee !important; }
.bg-primary.bg-darken-1 {
background-color: #5e50ee !important; }
.btn-primary.btn-darken-1 {
border-color: #4839eb !important;
background-color: #5e50ee !important; }
.btn-primary.btn-darken-1:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-darken-1 {
border-color: #5e50ee !important;
color: #5e50ee !important; }
.btn-outline-primary.btn-outline-darken-1:hover {
background-color: #5e50ee !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5e50ee !important; }
.border-primary.border-darken-1 {
border: 1px solid #5e50ee !important; }
.border-top-primary.border-top-darken-1 {
border-top: 1px solid #5e50ee !important; }
.border-bottom-primary.border-bottom-darken-1 {
border-bottom: 1px solid #5e50ee !important; }
.border-left-primary.border-left-darken-1 {
border-left: 1px solid #5e50ee !important; }
.border-right-primary.border-right-darken-1 {
border-right: 1px solid #5e50ee !important; }
.overlay-primary.overlay-darken-1 {
background: #5e50ee;
/* The Fallback */
background: rgba(94, 80, 238, 0.6); }
.primary.darken-2 {
color: #4839eb !important; }
.bg-primary.bg-darken-2 {
background-color: #4839eb !important; }
.btn-primary.btn-darken-2 {
border-color: #4839eb !important;
background-color: #4839eb !important; }
.btn-primary.btn-darken-2:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-darken-2 {
border-color: #4839eb !important;
color: #4839eb !important; }
.btn-outline-primary.btn-outline-darken-2:hover {
background-color: #4839eb !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4839eb !important; }
.border-primary.border-darken-2 {
border: 1px solid #4839eb !important; }
.border-top-primary.border-top-darken-2 {
border-top: 1px solid #4839eb !important; }
.border-bottom-primary.border-bottom-darken-2 {
border-bottom: 1px solid #4839eb !important; }
.border-left-primary.border-left-darken-2 {
border-left: 1px solid #4839eb !important; }
.border-right-primary.border-right-darken-2 {
border-right: 1px solid #4839eb !important; }
.overlay-primary.overlay-darken-2 {
background: #4839eb;
/* The Fallback */
background: rgba(72, 57, 235, 0.6); }
.primary.darken-3 {
color: #3321e9 !important; }
.bg-primary.bg-darken-3 {
background-color: #3321e9 !important; }
.btn-primary.btn-darken-3 {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-darken-3:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-darken-3 {
border-color: #3321e9 !important;
color: #3321e9 !important; }
.btn-outline-primary.btn-outline-darken-3:hover {
background-color: #3321e9 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3321e9 !important; }
.border-primary.border-darken-3 {
border: 1px solid #3321e9 !important; }
.border-top-primary.border-top-darken-3 {
border-top: 1px solid #3321e9 !important; }
.border-bottom-primary.border-bottom-darken-3 {
border-bottom: 1px solid #3321e9 !important; }
.border-left-primary.border-left-darken-3 {
border-left: 1px solid #3321e9 !important; }
.border-right-primary.border-right-darken-3 {
border-right: 1px solid #3321e9 !important; }
.overlay-primary.overlay-darken-3 {
background: #3321e9;
/* The Fallback */
background: rgba(51, 33, 233, 0.6); }
.primary.darken-4 {
color: #2716db !important; }
.bg-primary.bg-darken-4 {
background-color: #2716db !important; }
.btn-primary.btn-darken-4 {
border-color: #4839eb !important;
background-color: #2716db !important; }
.btn-primary.btn-darken-4:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-darken-4 {
border-color: #2716db !important;
color: #2716db !important; }
.btn-outline-primary.btn-outline-darken-4:hover {
background-color: #2716db !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2716db !important; }
.border-primary.border-darken-4 {
border: 1px solid #2716db !important; }
.border-top-primary.border-top-darken-4 {
border-top: 1px solid #2716db !important; }
.border-bottom-primary.border-bottom-darken-4 {
border-bottom: 1px solid #2716db !important; }
.border-left-primary.border-left-darken-4 {
border-left: 1px solid #2716db !important; }
.border-right-primary.border-right-darken-4 {
border-right: 1px solid #2716db !important; }
.overlay-primary.overlay-darken-4 {
background: #2716db;
/* The Fallback */
background: rgba(39, 22, 219, 0.6); }
.primary.accent-1 {
color: #BDFDFF !important; }
.bg-primary.bg-accent-1 {
background-color: #BDFDFF !important; }
.btn-primary.btn-accent-1 {
border-color: #4839eb !important;
background-color: #BDFDFF !important; }
.btn-primary.btn-accent-1:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-accent-1 {
border-color: #BDFDFF !important;
color: #BDFDFF !important; }
.btn-outline-primary.btn-outline-accent-1:hover {
background-color: #BDFDFF !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #BDFDFF !important; }
.border-primary.border-accent-1 {
border: 1px solid #BDFDFF !important; }
.border-top-primary.border-top-accent-1 {
border-top: 1px solid #BDFDFF !important; }
.border-bottom-primary.border-bottom-accent-1 {
border-bottom: 1px solid #BDFDFF !important; }
.border-left-primary.border-left-accent-1 {
border-left: 1px solid #BDFDFF !important; }
.border-right-primary.border-right-accent-1 {
border-right: 1px solid #BDFDFF !important; }
.overlay-primary.overlay-accent-1 {
background: #BDFDFF;
/* The Fallback */
background: rgba(189, 253, 255, 0.6); }
.primary.accent-2 {
color: #8AFBFF !important; }
.bg-primary.bg-accent-2 {
background-color: #8AFBFF !important; }
.btn-primary.btn-accent-2 {
border-color: #4839eb !important;
background-color: #8AFBFF !important; }
.btn-primary.btn-accent-2:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-accent-2 {
border-color: #8AFBFF !important;
color: #8AFBFF !important; }
.btn-outline-primary.btn-outline-accent-2:hover {
background-color: #8AFBFF !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8AFBFF !important; }
.border-primary.border-accent-2 {
border: 1px solid #8AFBFF !important; }
.border-top-primary.border-top-accent-2 {
border-top: 1px solid #8AFBFF !important; }
.border-bottom-primary.border-bottom-accent-2 {
border-bottom: 1px solid #8AFBFF !important; }
.border-left-primary.border-left-accent-2 {
border-left: 1px solid #8AFBFF !important; }
.border-right-primary.border-right-accent-2 {
border-right: 1px solid #8AFBFF !important; }
.overlay-primary.overlay-accent-2 {
background: #8AFBFF;
/* The Fallback */
background: rgba(138, 251, 255, 0.6); }
.primary.accent-3 {
color: #57FAFF !important; }
.bg-primary.bg-accent-3 {
background-color: #57FAFF !important; }
.btn-primary.btn-accent-3 {
border-color: #4839eb !important;
background-color: #57FAFF !important; }
.btn-primary.btn-accent-3:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-accent-3 {
border-color: #57FAFF !important;
color: #57FAFF !important; }
.btn-outline-primary.btn-outline-accent-3:hover {
background-color: #57FAFF !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #57FAFF !important; }
.border-primary.border-accent-3 {
border: 1px solid #57FAFF !important; }
.border-top-primary.border-top-accent-3 {
border-top: 1px solid #57FAFF !important; }
.border-bottom-primary.border-bottom-accent-3 {
border-bottom: 1px solid #57FAFF !important; }
.border-left-primary.border-left-accent-3 {
border-left: 1px solid #57FAFF !important; }
.border-right-primary.border-right-accent-3 {
border-right: 1px solid #57FAFF !important; }
.overlay-primary.overlay-accent-3 {
background: #57FAFF;
/* The Fallback */
background: rgba(87, 250, 255, 0.6); }
.primary.accent-4 {
color: #3DF9FF !important; }
.bg-primary.bg-accent-4 {
background-color: #3DF9FF !important; }
.btn-primary.btn-accent-4 {
border-color: #4839eb !important;
background-color: #3DF9FF !important; }
.btn-primary.btn-accent-4:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-accent-4 {
border-color: #3DF9FF !important;
color: #3DF9FF !important; }
.btn-outline-primary.btn-outline-accent-4:hover {
background-color: #3DF9FF !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3DF9FF !important; }
.border-primary.border-accent-4 {
border: 1px solid #3DF9FF !important; }
.border-top-primary.border-top-accent-4 {
border-top: 1px solid #3DF9FF !important; }
.border-bottom-primary.border-bottom-accent-4 {
border-bottom: 1px solid #3DF9FF !important; }
.border-left-primary.border-left-accent-4 {
border-left: 1px solid #3DF9FF !important; }
.border-right-primary.border-right-accent-4 {
border-right: 1px solid #3DF9FF !important; }
.overlay-primary.overlay-accent-4 {
background: #3DF9FF;
/* The Fallback */
background: rgba(61, 249, 255, 0.6); }
.primary.gradient-bg {
color: #640064 !important; }
.bg-primary.bg-gradient-bg {
background-color: #640064 !important; }
.btn-primary.btn-gradient-bg {
border-color: #4839eb !important;
background-color: #640064 !important; }
.btn-primary.btn-gradient-bg:hover {
border-color: #4839eb !important;
background-color: #3321e9 !important; }
.btn-primary.btn-gradient-bg:focus, .btn-primary.btn-gradient-bg:active {
border-color: #3321e9 !important;
background-color: #2716db !important; }
.btn-outline-primary.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-primary.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-primary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-primary.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-primary.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-primary.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-primary.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-primary.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-primary.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
.secondary.gradient-light {
color: #dcdeec !important; }
.bg-secondary.bg-gradient-light {
background-color: #dcdeec !important; }
.btn-secondary.btn-gradient-light {
border-color: #9aa9b7 !important;
background-color: #dcdeec !important; }
.btn-secondary.btn-gradient-light:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-gradient-light:focus, .btn-secondary.btn-gradient-light:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-gradient-light {
border-color: #dcdeec !important;
color: #dcdeec !important; }
.btn-outline-secondary.btn-outline-gradient-light:hover {
background-color: #dcdeec !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dcdeec !important; }
.border-secondary.border-gradient-light {
border: 1px solid #dcdeec !important; }
.border-top-secondary.border-top-gradient-light {
border-top: 1px solid #dcdeec !important; }
.border-bottom-secondary.border-bottom-gradient-light {
border-bottom: 1px solid #dcdeec !important; }
.border-left-secondary.border-left-gradient-light {
border-left: 1px solid #dcdeec !important; }
.border-right-secondary.border-right-gradient-light {
border-right: 1px solid #dcdeec !important; }
.overlay-secondary.overlay-gradient-light {
background: #dcdeec;
/* The Fallback */
background: rgba(220, 222, 236, 0.6); }
.secondary.light-badge {
color: white !important; }
.bg-secondary.bg-light-badge {
background-color: white !important; }
.btn-secondary.btn-light-badge {
border-color: #9aa9b7 !important;
background-color: white !important; }
.btn-secondary.btn-light-badge:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-light-badge:focus, .btn-secondary.btn-light-badge:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-light-badge {
border-color: white !important;
color: white !important; }
.btn-outline-secondary.btn-outline-light-badge:hover {
background-color: white !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem white !important; }
.border-secondary.border-light-badge {
border: 1px solid white !important; }
.border-top-secondary.border-top-light-badge {
border-top: 1px solid white !important; }
.border-bottom-secondary.border-bottom-light-badge {
border-bottom: 1px solid white !important; }
.border-left-secondary.border-left-light-badge {
border-left: 1px solid white !important; }
.border-right-secondary.border-right-light-badge {
border-right: 1px solid white !important; }
.overlay-secondary.overlay-light-badge {
background: white;
/* The Fallback */
background: rgba(255, 255, 255, 0.6); }
.secondary.lighten-5 {
color: white !important; }
.bg-secondary.bg-lighten-5 {
background-color: white !important; }
.btn-secondary.btn-lighten-5 {
border-color: #9aa9b7 !important;
background-color: white !important; }
.btn-secondary.btn-lighten-5:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-lighten-5 {
border-color: white !important;
color: white !important; }
.btn-outline-secondary.btn-outline-lighten-5:hover {
background-color: white !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem white !important; }
.border-secondary.border-lighten-5 {
border: 1px solid white !important; }
.border-top-secondary.border-top-lighten-5 {
border-top: 1px solid white !important; }
.border-bottom-secondary.border-bottom-lighten-5 {
border-bottom: 1px solid white !important; }
.border-left-secondary.border-left-lighten-5 {
border-left: 1px solid white !important; }
.border-right-secondary.border-right-lighten-5 {
border-right: 1px solid white !important; }
.overlay-secondary.overlay-lighten-5 {
background: white;
/* The Fallback */
background: rgba(255, 255, 255, 0.6); }
.secondary.lighten-4 {
color: #f3f5f7 !important; }
.bg-secondary.bg-lighten-4 {
background-color: #f3f5f7 !important; }
.btn-secondary.btn-lighten-4 {
border-color: #9aa9b7 !important;
background-color: #f3f5f7 !important; }
.btn-secondary.btn-lighten-4:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-lighten-4 {
border-color: #f3f5f7 !important;
color: #f3f5f7 !important; }
.btn-outline-secondary.btn-outline-lighten-4:hover {
background-color: #f3f5f7 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f3f5f7 !important; }
.border-secondary.border-lighten-4 {
border: 1px solid #f3f5f7 !important; }
.border-top-secondary.border-top-lighten-4 {
border-top: 1px solid #f3f5f7 !important; }
.border-bottom-secondary.border-bottom-lighten-4 {
border-bottom: 1px solid #f3f5f7 !important; }
.border-left-secondary.border-left-lighten-4 {
border-left: 1px solid #f3f5f7 !important; }
.border-right-secondary.border-right-lighten-4 {
border-right: 1px solid #f3f5f7 !important; }
.overlay-secondary.overlay-lighten-4 {
background: #f3f5f7;
/* The Fallback */
background: rgba(243, 245, 247, 0.6); }
.secondary.lighten-3 {
color: #e5e8ec !important; }
.bg-secondary.bg-lighten-3 {
background-color: #e5e8ec !important; }
.btn-secondary.btn-lighten-3 {
border-color: #9aa9b7 !important;
background-color: #e5e8ec !important; }
.btn-secondary.btn-lighten-3:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-lighten-3 {
border-color: #e5e8ec !important;
color: #e5e8ec !important; }
.btn-outline-secondary.btn-outline-lighten-3:hover {
background-color: #e5e8ec !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e5e8ec !important; }
.border-secondary.border-lighten-3 {
border: 1px solid #e5e8ec !important; }
.border-top-secondary.border-top-lighten-3 {
border-top: 1px solid #e5e8ec !important; }
.border-bottom-secondary.border-bottom-lighten-3 {
border-bottom: 1px solid #e5e8ec !important; }
.border-left-secondary.border-left-lighten-3 {
border-left: 1px solid #e5e8ec !important; }
.border-right-secondary.border-right-lighten-3 {
border-right: 1px solid #e5e8ec !important; }
.overlay-secondary.overlay-lighten-3 {
background: #e5e8ec;
/* The Fallback */
background: rgba(229, 232, 236, 0.6); }
.secondary.lighten-2 {
color: #d6dce1 !important; }
.bg-secondary.bg-lighten-2 {
background-color: #d6dce1 !important; }
.btn-secondary.btn-lighten-2 {
border-color: #9aa9b7 !important;
background-color: #d6dce1 !important; }
.btn-secondary.btn-lighten-2:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-lighten-2 {
border-color: #d6dce1 !important;
color: #d6dce1 !important; }
.btn-outline-secondary.btn-outline-lighten-2:hover {
background-color: #d6dce1 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d6dce1 !important; }
.border-secondary.border-lighten-2 {
border: 1px solid #d6dce1 !important; }
.border-top-secondary.border-top-lighten-2 {
border-top: 1px solid #d6dce1 !important; }
.border-bottom-secondary.border-bottom-lighten-2 {
border-bottom: 1px solid #d6dce1 !important; }
.border-left-secondary.border-left-lighten-2 {
border-left: 1px solid #d6dce1 !important; }
.border-right-secondary.border-right-lighten-2 {
border-right: 1px solid #d6dce1 !important; }
.overlay-secondary.overlay-lighten-2 {
background: #d6dce1;
/* The Fallback */
background: rgba(214, 220, 225, 0.6); }
.secondary.lighten-1 {
color: #c7cfd7 !important; }
.bg-secondary.bg-lighten-1 {
background-color: #c7cfd7 !important; }
.btn-secondary.btn-lighten-1 {
border-color: #9aa9b7 !important;
background-color: #c7cfd7 !important; }
.btn-secondary.btn-lighten-1:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-lighten-1 {
border-color: #c7cfd7 !important;
color: #c7cfd7 !important; }
.btn-outline-secondary.btn-outline-lighten-1:hover {
background-color: #c7cfd7 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c7cfd7 !important; }
.border-secondary.border-lighten-1 {
border: 1px solid #c7cfd7 !important; }
.border-top-secondary.border-top-lighten-1 {
border-top: 1px solid #c7cfd7 !important; }
.border-bottom-secondary.border-bottom-lighten-1 {
border-bottom: 1px solid #c7cfd7 !important; }
.border-left-secondary.border-left-lighten-1 {
border-left: 1px solid #c7cfd7 !important; }
.border-right-secondary.border-right-lighten-1 {
border-right: 1px solid #c7cfd7 !important; }
.overlay-secondary.overlay-lighten-1 {
background: #c7cfd7;
/* The Fallback */
background: rgba(199, 207, 215, 0.6); }
.secondary {
color: #b8c2cc !important; }
.bg-secondary {
background-color: #b8c2cc !important; }
.bg-secondary .card-header,
.bg-secondary .card-footer {
background-color: transparent; }
.alert-secondary {
background: rgba(184, 194, 204, 0.2) !important;
color: #b8c2cc !important; }
.alert-secondary .alert-heading {
box-shadow: rgba(184, 194, 204, 0.4) 0px 6px 15px -7px; }
.alert-secondary .alert-link {
color: #a9b5c1 !important; }
.bg-rgba-secondary {
background: rgba(184, 194, 204, 0.15) !important; }
.border-secondary {
border: 1px solid #b8c2cc !important; }
.border-top-secondary {
border-top: 1px solid #b8c2cc; }
.border-bottom-secondary {
border-bottom: 1px solid #b8c2cc; }
.border-left-secondary {
border-left: 1px solid #b8c2cc; }
.border-right-secondary {
border-right: 1px solid #b8c2cc; }
.bg-secondary.badge-glow,
.border-secondary.badge-glow,
.badge-secondary.badge-glow {
box-shadow: 0px 0px 10px #b8c2cc; }
.badge.badge-secondary {
background-color: #b8c2cc; }
.badge.badge-light-secondary {
background-color: white;
color: #b8c2cc !important;
font-weight: 500; }
.overlay-secondary {
background: #b8c2cc;
/* The Fallback */
background: rgba(184, 194, 204, 0.6); }
.btn-secondary {
border-color: #9aa9b7 !important;
background-color: #b8c2cc !important;
color: #fff; }
.btn-secondary:hover {
border-color: #a9b5c1 !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #b8c2cc; }
.btn-secondary:focus, .btn-secondary:active {
color: #fff !important; }
.btn-flat-secondary {
background-color: transparent;
color: #b8c2cc; }
.btn-flat-secondary:hover {
color: #b8c2cc;
background-color: rgba(184, 194, 204, 0.1); }
.btn-flat-secondary:active, .btn-flat-secondary:focus {
background-color: #b8c2cc;
color: #fff !important; }
.btn-relief-secondary {
background-color: #b8c2cc;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-secondary:hover {
color: #fff; }
.btn-relief-secondary:active, .btn-relief-secondary:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-secondary {
border: 1px solid #b8c2cc;
background-color: transparent;
color: #b8c2cc; }
.btn-outline-secondary:hover {
background-color: rgba(184, 194, 204, 0.08);
color: #b8c2cc; }
.btn-outline-secondary:active {
color: #fff !important; }
.btn-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active {
background-color: #b8c2cc;
color: #fff; }
.btn-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #b8c2cc; }
.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i {
color: #b8c2cc; }
.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-secondary {
background-color: #b8c2cc; }
.pagination-secondary .page-item.active .page-link {
background: #b8c2cc;
color: #fff; }
.pagination-secondary .page-item.active .page-link:hover {
color: #fff; }
.pagination-secondary .page-item .page-link:hover {
color: #b8c2cc; }
.pagination-secondary .page-item.prev-item .page-link:hover, .pagination-secondary .page-item.next-item .page-link:hover {
background: #b8c2cc;
color: #fff; }
.nav-pill-secondary .nav-item .nav-link.active {
color: #fff;
background-color: #b8c2cc !important; }
.progress-bar-secondary {
background-color: rgba(184, 194, 204, 0.1); }
.progress-bar-secondary .progress-bar {
background-color: #b8c2cc; }
.chip-secondary {
background-color: #b8c2cc !important; }
.chip-secondary .chip-body {
color: #fff !important; }
.divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
border-color: #b8c2cc !important; }
input[type="checkbox"].bg-secondary + .custom-control-label:before, input[type="radio"].bg-secondary + .custom-control-label:before {
background-color: #b8c2cc !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b8c2cc !important; }
.vs-checkbox-secondary input:checked ~ .vs-checkbox {
border-color: #b8c2cc !important; }
.vs-checkbox-secondary input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #b8c2cc !important; }
.vs-checkbox-secondary input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #b8c2cc !important; }
.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
background-color: #b8c2cc !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-secondary input:checked ~ .vs-radio .vs-radio--circle {
background: #b8c2cc !important;
box-shadow: 0 3px 12px 0 rgba(184, 194, 204, 0.4) !important; }
.secondary.darken-1 {
color: #a9b5c1 !important; }
.bg-secondary.bg-darken-1 {
background-color: #a9b5c1 !important; }
.btn-secondary.btn-darken-1 {
border-color: #9aa9b7 !important;
background-color: #a9b5c1 !important; }
.btn-secondary.btn-darken-1:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-darken-1 {
border-color: #a9b5c1 !important;
color: #a9b5c1 !important; }
.btn-outline-secondary.btn-outline-darken-1:hover {
background-color: #a9b5c1 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a9b5c1 !important; }
.border-secondary.border-darken-1 {
border: 1px solid #a9b5c1 !important; }
.border-top-secondary.border-top-darken-1 {
border-top: 1px solid #a9b5c1 !important; }
.border-bottom-secondary.border-bottom-darken-1 {
border-bottom: 1px solid #a9b5c1 !important; }
.border-left-secondary.border-left-darken-1 {
border-left: 1px solid #a9b5c1 !important; }
.border-right-secondary.border-right-darken-1 {
border-right: 1px solid #a9b5c1 !important; }
.overlay-secondary.overlay-darken-1 {
background: #a9b5c1;
/* The Fallback */
background: rgba(169, 181, 193, 0.6); }
.secondary.darken-2 {
color: #9aa9b7 !important; }
.bg-secondary.bg-darken-2 {
background-color: #9aa9b7 !important; }
.btn-secondary.btn-darken-2 {
border-color: #9aa9b7 !important;
background-color: #9aa9b7 !important; }
.btn-secondary.btn-darken-2:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-darken-2 {
border-color: #9aa9b7 !important;
color: #9aa9b7 !important; }
.btn-outline-secondary.btn-outline-darken-2:hover {
background-color: #9aa9b7 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9aa9b7 !important; }
.border-secondary.border-darken-2 {
border: 1px solid #9aa9b7 !important; }
.border-top-secondary.border-top-darken-2 {
border-top: 1px solid #9aa9b7 !important; }
.border-bottom-secondary.border-bottom-darken-2 {
border-bottom: 1px solid #9aa9b7 !important; }
.border-left-secondary.border-left-darken-2 {
border-left: 1px solid #9aa9b7 !important; }
.border-right-secondary.border-right-darken-2 {
border-right: 1px solid #9aa9b7 !important; }
.overlay-secondary.overlay-darken-2 {
background: #9aa9b7;
/* The Fallback */
background: rgba(154, 169, 183, 0.6); }
.secondary.darken-3 {
color: #8b9cac !important; }
.bg-secondary.bg-darken-3 {
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-3 {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-3:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-darken-3 {
border-color: #8b9cac !important;
color: #8b9cac !important; }
.btn-outline-secondary.btn-outline-darken-3:hover {
background-color: #8b9cac !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8b9cac !important; }
.border-secondary.border-darken-3 {
border: 1px solid #8b9cac !important; }
.border-top-secondary.border-top-darken-3 {
border-top: 1px solid #8b9cac !important; }
.border-bottom-secondary.border-bottom-darken-3 {
border-bottom: 1px solid #8b9cac !important; }
.border-left-secondary.border-left-darken-3 {
border-left: 1px solid #8b9cac !important; }
.border-right-secondary.border-right-darken-3 {
border-right: 1px solid #8b9cac !important; }
.overlay-secondary.overlay-darken-3 {
background: #8b9cac;
/* The Fallback */
background: rgba(139, 156, 172, 0.6); }
.secondary.darken-4 {
color: #7d8fa1 !important; }
.bg-secondary.bg-darken-4 {
background-color: #7d8fa1 !important; }
.btn-secondary.btn-darken-4 {
border-color: #9aa9b7 !important;
background-color: #7d8fa1 !important; }
.btn-secondary.btn-darken-4:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-darken-4 {
border-color: #7d8fa1 !important;
color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-darken-4:hover {
background-color: #7d8fa1 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7d8fa1 !important; }
.border-secondary.border-darken-4 {
border: 1px solid #7d8fa1 !important; }
.border-top-secondary.border-top-darken-4 {
border-top: 1px solid #7d8fa1 !important; }
.border-bottom-secondary.border-bottom-darken-4 {
border-bottom: 1px solid #7d8fa1 !important; }
.border-left-secondary.border-left-darken-4 {
border-left: 1px solid #7d8fa1 !important; }
.border-right-secondary.border-right-darken-4 {
border-right: 1px solid #7d8fa1 !important; }
.overlay-secondary.overlay-darken-4 {
background: #7d8fa1;
/* The Fallback */
background: rgba(125, 143, 161, 0.6); }
.secondary.gradient-bg {
color: #640064 !important; }
.bg-secondary.bg-gradient-bg {
background-color: #640064 !important; }
.btn-secondary.btn-gradient-bg {
border-color: #9aa9b7 !important;
background-color: #640064 !important; }
.btn-secondary.btn-gradient-bg:hover {
border-color: #9aa9b7 !important;
background-color: #8b9cac !important; }
.btn-secondary.btn-gradient-bg:focus, .btn-secondary.btn-gradient-bg:active {
border-color: #8b9cac !important;
background-color: #7d8fa1 !important; }
.btn-outline-secondary.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-secondary.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-secondary {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-secondary.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-secondary.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-secondary.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-secondary.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-secondary.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-secondary.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
.success.gradient-light {
color: #4ae9d3 !important; }
.bg-success.bg-gradient-light {
background-color: #4ae9d3 !important; }
.btn-success.btn-gradient-light {
border-color: #1f9d57 !important;
background-color: #4ae9d3 !important; }
.btn-success.btn-gradient-light:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-gradient-light:focus, .btn-success.btn-gradient-light:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-gradient-light {
border-color: #4ae9d3 !important;
color: #4ae9d3 !important; }
.btn-outline-success.btn-outline-gradient-light:hover {
background-color: #4ae9d3 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4ae9d3 !important; }
.border-success.border-gradient-light {
border: 1px solid #4ae9d3 !important; }
.border-top-success.border-top-gradient-light {
border-top: 1px solid #4ae9d3 !important; }
.border-bottom-success.border-bottom-gradient-light {
border-bottom: 1px solid #4ae9d3 !important; }
.border-left-success.border-left-gradient-light {
border-left: 1px solid #4ae9d3 !important; }
.border-right-success.border-right-gradient-light {
border-right: 1px solid #4ae9d3 !important; }
.overlay-success.overlay-gradient-light {
background: #4ae9d3;
/* The Fallback */
background: rgba(74, 233, 211, 0.6); }
.success.light-badge {
color: #c7f4db !important; }
.bg-success.bg-light-badge {
background-color: #c7f4db !important; }
.btn-success.btn-light-badge {
border-color: #1f9d57 !important;
background-color: #c7f4db !important; }
.btn-success.btn-light-badge:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-light-badge:focus, .btn-success.btn-light-badge:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-light-badge {
border-color: #c7f4db !important;
color: #c7f4db !important; }
.btn-outline-success.btn-outline-light-badge:hover {
background-color: #c7f4db !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c7f4db !important; }
.border-success.border-light-badge {
border: 1px solid #c7f4db !important; }
.border-top-success.border-top-light-badge {
border-top: 1px solid #c7f4db !important; }
.border-bottom-success.border-bottom-light-badge {
border-bottom: 1px solid #c7f4db !important; }
.border-left-success.border-left-light-badge {
border-left: 1px solid #c7f4db !important; }
.border-right-success.border-right-light-badge {
border-right: 1px solid #c7f4db !important; }
.overlay-success.overlay-light-badge {
background: #c7f4db;
/* The Fallback */
background: rgba(199, 244, 219, 0.6); }
.success.lighten-5 {
color: #88e7b2 !important; }
.bg-success.bg-lighten-5 {
background-color: #88e7b2 !important; }
.btn-success.btn-lighten-5 {
border-color: #1f9d57 !important;
background-color: #88e7b2 !important; }
.btn-success.btn-lighten-5:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-lighten-5 {
border-color: #88e7b2 !important;
color: #88e7b2 !important; }
.btn-outline-success.btn-outline-lighten-5:hover {
background-color: #88e7b2 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #88e7b2 !important; }
.border-success.border-lighten-5 {
border: 1px solid #88e7b2 !important; }
.border-top-success.border-top-lighten-5 {
border-top: 1px solid #88e7b2 !important; }
.border-bottom-success.border-bottom-lighten-5 {
border-bottom: 1px solid #88e7b2 !important; }
.border-left-success.border-left-lighten-5 {
border-left: 1px solid #88e7b2 !important; }
.border-right-success.border-right-lighten-5 {
border-right: 1px solid #88e7b2 !important; }
.overlay-success.overlay-lighten-5 {
background: #88e7b2;
/* The Fallback */
background: rgba(136, 231, 178, 0.6); }
.success.lighten-4 {
color: #72e3a4 !important; }
.bg-success.bg-lighten-4 {
background-color: #72e3a4 !important; }
.btn-success.btn-lighten-4 {
border-color: #1f9d57 !important;
background-color: #72e3a4 !important; }
.btn-success.btn-lighten-4:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-lighten-4 {
border-color: #72e3a4 !important;
color: #72e3a4 !important; }
.btn-outline-success.btn-outline-lighten-4:hover {
background-color: #72e3a4 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #72e3a4 !important; }
.border-success.border-lighten-4 {
border: 1px solid #72e3a4 !important; }
.border-top-success.border-top-lighten-4 {
border-top: 1px solid #72e3a4 !important; }
.border-bottom-success.border-bottom-lighten-4 {
border-bottom: 1px solid #72e3a4 !important; }
.border-left-success.border-left-lighten-4 {
border-left: 1px solid #72e3a4 !important; }
.border-right-success.border-right-lighten-4 {
border-right: 1px solid #72e3a4 !important; }
.overlay-success.overlay-lighten-4 {
background: #72e3a4;
/* The Fallback */
background: rgba(114, 227, 164, 0.6); }
.success.lighten-3 {
color: #5dde97 !important; }
.bg-success.bg-lighten-3 {
background-color: #5dde97 !important; }
.btn-success.btn-lighten-3 {
border-color: #1f9d57 !important;
background-color: #5dde97 !important; }
.btn-success.btn-lighten-3:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-lighten-3 {
border-color: #5dde97 !important;
color: #5dde97 !important; }
.btn-outline-success.btn-outline-lighten-3:hover {
background-color: #5dde97 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5dde97 !important; }
.border-success.border-lighten-3 {
border: 1px solid #5dde97 !important; }
.border-top-success.border-top-lighten-3 {
border-top: 1px solid #5dde97 !important; }
.border-bottom-success.border-bottom-lighten-3 {
border-bottom: 1px solid #5dde97 !important; }
.border-left-success.border-left-lighten-3 {
border-left: 1px solid #5dde97 !important; }
.border-right-success.border-right-lighten-3 {
border-right: 1px solid #5dde97 !important; }
.overlay-success.overlay-lighten-3 {
background: #5dde97;
/* The Fallback */
background: rgba(93, 222, 151, 0.6); }
.success.lighten-2 {
color: #48da89 !important; }
.bg-success.bg-lighten-2 {
background-color: #48da89 !important; }
.btn-success.btn-lighten-2 {
border-color: #1f9d57 !important;
background-color: #48da89 !important; }
.btn-success.btn-lighten-2:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-lighten-2 {
border-color: #48da89 !important;
color: #48da89 !important; }
.btn-outline-success.btn-outline-lighten-2:hover {
background-color: #48da89 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #48da89 !important; }
.border-success.border-lighten-2 {
border: 1px solid #48da89 !important; }
.border-top-success.border-top-lighten-2 {
border-top: 1px solid #48da89 !important; }
.border-bottom-success.border-bottom-lighten-2 {
border-bottom: 1px solid #48da89 !important; }
.border-left-success.border-left-lighten-2 {
border-left: 1px solid #48da89 !important; }
.border-right-success.border-right-lighten-2 {
border-right: 1px solid #48da89 !important; }
.overlay-success.overlay-lighten-2 {
background: #48da89;
/* The Fallback */
background: rgba(72, 218, 137, 0.6); }
.success.lighten-1 {
color: #33d67c !important; }
.bg-success.bg-lighten-1 {
background-color: #33d67c !important; }
.btn-success.btn-lighten-1 {
border-color: #1f9d57 !important;
background-color: #33d67c !important; }
.btn-success.btn-lighten-1:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-lighten-1 {
border-color: #33d67c !important;
color: #33d67c !important; }
.btn-outline-success.btn-outline-lighten-1:hover {
background-color: #33d67c !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #33d67c !important; }
.border-success.border-lighten-1 {
border: 1px solid #33d67c !important; }
.border-top-success.border-top-lighten-1 {
border-top: 1px solid #33d67c !important; }
.border-bottom-success.border-bottom-lighten-1 {
border-bottom: 1px solid #33d67c !important; }
.border-left-success.border-left-lighten-1 {
border-left: 1px solid #33d67c !important; }
.border-right-success.border-right-lighten-1 {
border-right: 1px solid #33d67c !important; }
.overlay-success.overlay-lighten-1 {
background: #33d67c;
/* The Fallback */
background: rgba(51, 214, 124, 0.6); }
.success {
color: #28c76f !important; }
.bg-success {
background-color: #28c76f !important; }
.bg-success .card-header,
.bg-success .card-footer {
background-color: transparent; }
.alert-success {
background: rgba(40, 199, 111, 0.2) !important;
color: #28c76f !important; }
.alert-success .alert-heading {
box-shadow: rgba(40, 199, 111, 0.4) 0px 6px 15px -7px; }
.alert-success .alert-link {
color: #24b263 !important; }
.bg-rgba-success {
background: rgba(40, 199, 111, 0.15) !important; }
.border-success {
border: 1px solid #28c76f !important; }
.border-top-success {
border-top: 1px solid #28c76f; }
.border-bottom-success {
border-bottom: 1px solid #28c76f; }
.border-left-success {
border-left: 1px solid #28c76f; }
.border-right-success {
border-right: 1px solid #28c76f; }
.bg-success.badge-glow,
.border-success.badge-glow,
.badge-success.badge-glow {
box-shadow: 0px 0px 10px #28c76f; }
.badge.badge-success {
background-color: #28c76f; }
.badge.badge-light-success {
background-color: #c7f4db;
color: #28c76f !important;
font-weight: 500; }
.overlay-success {
background: #28c76f;
/* The Fallback */
background: rgba(40, 199, 111, 0.6); }
.btn-success {
border-color: #1f9d57 !important;
background-color: #28c76f !important;
color: #fff; }
.btn-success:hover {
border-color: #24b263 !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #28c76f; }
.btn-success:focus, .btn-success:active {
color: #fff !important; }
.btn-flat-success {
background-color: transparent;
color: #28c76f; }
.btn-flat-success:hover {
color: #28c76f;
background-color: rgba(40, 199, 111, 0.1); }
.btn-flat-success:active, .btn-flat-success:focus {
background-color: #28c76f;
color: #fff !important; }
.btn-relief-success {
background-color: #28c76f;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-success:hover {
color: #fff; }
.btn-relief-success:active, .btn-relief-success:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-success {
border: 1px solid #28c76f;
background-color: transparent;
color: #28c76f; }
.btn-outline-success:hover {
background-color: rgba(40, 199, 111, 0.08);
color: #28c76f; }
.btn-outline-success:active {
color: #fff !important; }
.btn-success ~ .dropdown-menu .dropdown-item.active,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active {
background-color: #28c76f;
color: #fff; }
.btn-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #28c76f; }
.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i {
color: #28c76f; }
.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-success {
background-color: #28c76f; }
.pagination-success .page-item.active .page-link {
background: #28c76f;
color: #fff; }
.pagination-success .page-item.active .page-link:hover {
color: #fff; }
.pagination-success .page-item .page-link:hover {
color: #28c76f; }
.pagination-success .page-item.prev-item .page-link:hover, .pagination-success .page-item.next-item .page-link:hover {
background: #28c76f;
color: #fff; }
.nav-pill-success .nav-item .nav-link.active {
color: #fff;
background-color: #28c76f !important; }
.progress-bar-success {
background-color: rgba(40, 199, 111, 0.1); }
.progress-bar-success .progress-bar {
background-color: #28c76f; }
.chip-success {
background-color: #28c76f !important; }
.chip-success .chip-body {
color: #fff !important; }
.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
border-color: #28c76f !important; }
input[type="checkbox"].bg-success + .custom-control-label:before, input[type="radio"].bg-success + .custom-control-label:before {
background-color: #28c76f !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28c76f !important; }
.vs-checkbox-success input:checked ~ .vs-checkbox {
border-color: #28c76f !important; }
.vs-checkbox-success input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #28c76f !important; }
.vs-checkbox-success input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #28c76f !important; }
.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
background-color: #28c76f !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-success input:checked ~ .vs-radio .vs-radio--circle {
background: #28c76f !important;
box-shadow: 0 3px 12px 0 rgba(40, 199, 111, 0.4) !important; }
.success.darken-1 {
color: #24b263 !important; }
.bg-success.bg-darken-1 {
background-color: #24b263 !important; }
.btn-success.btn-darken-1 {
border-color: #1f9d57 !important;
background-color: #24b263 !important; }
.btn-success.btn-darken-1:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-darken-1 {
border-color: #24b263 !important;
color: #24b263 !important; }
.btn-outline-success.btn-outline-darken-1:hover {
background-color: #24b263 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #24b263 !important; }
.border-success.border-darken-1 {
border: 1px solid #24b263 !important; }
.border-top-success.border-top-darken-1 {
border-top: 1px solid #24b263 !important; }
.border-bottom-success.border-bottom-darken-1 {
border-bottom: 1px solid #24b263 !important; }
.border-left-success.border-left-darken-1 {
border-left: 1px solid #24b263 !important; }
.border-right-success.border-right-darken-1 {
border-right: 1px solid #24b263 !important; }
.overlay-success.overlay-darken-1 {
background: #24b263;
/* The Fallback */
background: rgba(36, 178, 99, 0.6); }
.success.darken-2 {
color: #1f9d57 !important; }
.bg-success.bg-darken-2 {
background-color: #1f9d57 !important; }
.btn-success.btn-darken-2 {
border-color: #1f9d57 !important;
background-color: #1f9d57 !important; }
.btn-success.btn-darken-2:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-darken-2 {
border-color: #1f9d57 !important;
color: #1f9d57 !important; }
.btn-outline-success.btn-outline-darken-2:hover {
background-color: #1f9d57 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1f9d57 !important; }
.border-success.border-darken-2 {
border: 1px solid #1f9d57 !important; }
.border-top-success.border-top-darken-2 {
border-top: 1px solid #1f9d57 !important; }
.border-bottom-success.border-bottom-darken-2 {
border-bottom: 1px solid #1f9d57 !important; }
.border-left-success.border-left-darken-2 {
border-left: 1px solid #1f9d57 !important; }
.border-right-success.border-right-darken-2 {
border-right: 1px solid #1f9d57 !important; }
.overlay-success.overlay-darken-2 {
background: #1f9d57;
/* The Fallback */
background: rgba(31, 157, 87, 0.6); }
.success.darken-3 {
color: #1b874b !important; }
.bg-success.bg-darken-3 {
background-color: #1b874b !important; }
.btn-success.btn-darken-3 {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-darken-3:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-darken-3 {
border-color: #1b874b !important;
color: #1b874b !important; }
.btn-outline-success.btn-outline-darken-3:hover {
background-color: #1b874b !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b874b !important; }
.border-success.border-darken-3 {
border: 1px solid #1b874b !important; }
.border-top-success.border-top-darken-3 {
border-top: 1px solid #1b874b !important; }
.border-bottom-success.border-bottom-darken-3 {
border-bottom: 1px solid #1b874b !important; }
.border-left-success.border-left-darken-3 {
border-left: 1px solid #1b874b !important; }
.border-right-success.border-right-darken-3 {
border-right: 1px solid #1b874b !important; }
.overlay-success.overlay-darken-3 {
background: #1b874b;
/* The Fallback */
background: rgba(27, 135, 75, 0.6); }
.success.darken-4 {
color: #177240 !important; }
.bg-success.bg-darken-4 {
background-color: #177240 !important; }
.btn-success.btn-darken-4 {
border-color: #1f9d57 !important;
background-color: #177240 !important; }
.btn-success.btn-darken-4:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-darken-4 {
border-color: #177240 !important;
color: #177240 !important; }
.btn-outline-success.btn-outline-darken-4:hover {
background-color: #177240 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #177240 !important; }
.border-success.border-darken-4 {
border: 1px solid #177240 !important; }
.border-top-success.border-top-darken-4 {
border-top: 1px solid #177240 !important; }
.border-bottom-success.border-bottom-darken-4 {
border-bottom: 1px solid #177240 !important; }
.border-left-success.border-left-darken-4 {
border-left: 1px solid #177240 !important; }
.border-right-success.border-right-darken-4 {
border-right: 1px solid #177240 !important; }
.overlay-success.overlay-darken-4 {
background: #177240;
/* The Fallback */
background: rgba(23, 114, 64, 0.6); }
.success.accent-1 {
color: #E1FFF1 !important; }
.bg-success.bg-accent-1 {
background-color: #E1FFF1 !important; }
.btn-success.btn-accent-1 {
border-color: #1f9d57 !important;
background-color: #E1FFF1 !important; }
.btn-success.btn-accent-1:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-accent-1 {
border-color: #E1FFF1 !important;
color: #E1FFF1 !important; }
.btn-outline-success.btn-outline-accent-1:hover {
background-color: #E1FFF1 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #E1FFF1 !important; }
.border-success.border-accent-1 {
border: 1px solid #E1FFF1 !important; }
.border-top-success.border-top-accent-1 {
border-top: 1px solid #E1FFF1 !important; }
.border-bottom-success.border-bottom-accent-1 {
border-bottom: 1px solid #E1FFF1 !important; }
.border-left-success.border-left-accent-1 {
border-left: 1px solid #E1FFF1 !important; }
.border-right-success.border-right-accent-1 {
border-right: 1px solid #E1FFF1 !important; }
.overlay-success.overlay-accent-1 {
background: #E1FFF1;
/* The Fallback */
background: rgba(225, 255, 241, 0.6); }
.success.accent-2 {
color: #AEFFD9 !important; }
.bg-success.bg-accent-2 {
background-color: #AEFFD9 !important; }
.btn-success.btn-accent-2 {
border-color: #1f9d57 !important;
background-color: #AEFFD9 !important; }
.btn-success.btn-accent-2:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-accent-2 {
border-color: #AEFFD9 !important;
color: #AEFFD9 !important; }
.btn-outline-success.btn-outline-accent-2:hover {
background-color: #AEFFD9 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #AEFFD9 !important; }
.border-success.border-accent-2 {
border: 1px solid #AEFFD9 !important; }
.border-top-success.border-top-accent-2 {
border-top: 1px solid #AEFFD9 !important; }
.border-bottom-success.border-bottom-accent-2 {
border-bottom: 1px solid #AEFFD9 !important; }
.border-left-success.border-left-accent-2 {
border-left: 1px solid #AEFFD9 !important; }
.border-right-success.border-right-accent-2 {
border-right: 1px solid #AEFFD9 !important; }
.overlay-success.overlay-accent-2 {
background: #AEFFD9;
/* The Fallback */
background: rgba(174, 255, 217, 0.6); }
.success.accent-3 {
color: #7BFFC1 !important; }
.bg-success.bg-accent-3 {
background-color: #7BFFC1 !important; }
.btn-success.btn-accent-3 {
border-color: #1f9d57 !important;
background-color: #7BFFC1 !important; }
.btn-success.btn-accent-3:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-accent-3 {
border-color: #7BFFC1 !important;
color: #7BFFC1 !important; }
.btn-outline-success.btn-outline-accent-3:hover {
background-color: #7BFFC1 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7BFFC1 !important; }
.border-success.border-accent-3 {
border: 1px solid #7BFFC1 !important; }
.border-top-success.border-top-accent-3 {
border-top: 1px solid #7BFFC1 !important; }
.border-bottom-success.border-bottom-accent-3 {
border-bottom: 1px solid #7BFFC1 !important; }
.border-left-success.border-left-accent-3 {
border-left: 1px solid #7BFFC1 !important; }
.border-right-success.border-right-accent-3 {
border-right: 1px solid #7BFFC1 !important; }
.overlay-success.overlay-accent-3 {
background: #7BFFC1;
/* The Fallback */
background: rgba(123, 255, 193, 0.6); }
.success.accent-4 {
color: #62FFB5 !important; }
.bg-success.bg-accent-4 {
background-color: #62FFB5 !important; }
.btn-success.btn-accent-4 {
border-color: #1f9d57 !important;
background-color: #62FFB5 !important; }
.btn-success.btn-accent-4:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-accent-4 {
border-color: #62FFB5 !important;
color: #62FFB5 !important; }
.btn-outline-success.btn-outline-accent-4:hover {
background-color: #62FFB5 !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62FFB5 !important; }
.border-success.border-accent-4 {
border: 1px solid #62FFB5 !important; }
.border-top-success.border-top-accent-4 {
border-top: 1px solid #62FFB5 !important; }
.border-bottom-success.border-bottom-accent-4 {
border-bottom: 1px solid #62FFB5 !important; }
.border-left-success.border-left-accent-4 {
border-left: 1px solid #62FFB5 !important; }
.border-right-success.border-right-accent-4 {
border-right: 1px solid #62FFB5 !important; }
.overlay-success.overlay-accent-4 {
background: #62FFB5;
/* The Fallback */
background: rgba(98, 255, 181, 0.6); }
.success.gradient-bg {
color: #0064fa !important; }
.bg-success.bg-gradient-bg {
background-color: #0064fa !important; }
.btn-success.btn-gradient-bg {
border-color: #1f9d57 !important;
background-color: #0064fa !important; }
.btn-success.btn-gradient-bg:hover {
border-color: #1f9d57 !important;
background-color: #1b874b !important; }
.btn-success.btn-gradient-bg:focus, .btn-success.btn-gradient-bg:active {
border-color: #1b874b !important;
background-color: #177240 !important; }
.btn-outline-success.btn-outline-gradient-bg {
border-color: #0064fa !important;
color: #0064fa !important; }
.btn-outline-success.btn-outline-gradient-bg:hover {
background-color: #0064fa !important; }
input:focus ~ .bg-success {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0064fa !important; }
.border-success.border-gradient-bg {
border: 1px solid #0064fa !important; }
.border-top-success.border-top-gradient-bg {
border-top: 1px solid #0064fa !important; }
.border-bottom-success.border-bottom-gradient-bg {
border-bottom: 1px solid #0064fa !important; }
.border-left-success.border-left-gradient-bg {
border-left: 1px solid #0064fa !important; }
.border-right-success.border-right-gradient-bg {
border-right: 1px solid #0064fa !important; }
.overlay-success.overlay-gradient-bg {
background: #0064fa;
/* The Fallback */
background: rgba(0, 100, 250, 0.6); }
.info.gradient-light {
color: #2d91ff !important; }
.bg-info.bg-gradient-light {
background-color: #2d91ff !important; }
.btn-info.btn-gradient-light {
border-color: #00a1b5 !important;
background-color: #2d91ff !important; }
.btn-info.btn-gradient-light:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-gradient-light:focus, .btn-info.btn-gradient-light:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-gradient-light {
border-color: #2d91ff !important;
color: #2d91ff !important; }
.btn-outline-info.btn-outline-gradient-light:hover {
background-color: #2d91ff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2d91ff !important; }
.border-info.border-gradient-light {
border: 1px solid #2d91ff !important; }
.border-top-info.border-top-gradient-light {
border-top: 1px solid #2d91ff !important; }
.border-bottom-info.border-bottom-gradient-light {
border-bottom: 1px solid #2d91ff !important; }
.border-left-info.border-left-gradient-light {
border-left: 1px solid #2d91ff !important; }
.border-right-info.border-right-gradient-light {
border-right: 1px solid #2d91ff !important; }
.overlay-info.overlay-gradient-light {
background: #2d91ff;
/* The Fallback */
background: rgba(45, 145, 255, 0.6); }
.info.light-badge {
color: #b5f7ff !important; }
.bg-info.bg-light-badge {
background-color: #b5f7ff !important; }
.btn-info.btn-light-badge {
border-color: #00a1b5 !important;
background-color: #b5f7ff !important; }
.btn-info.btn-light-badge:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-light-badge:focus, .btn-info.btn-light-badge:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-light-badge {
border-color: #b5f7ff !important;
color: #b5f7ff !important; }
.btn-outline-info.btn-outline-light-badge:hover {
background-color: #b5f7ff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b5f7ff !important; }
.border-info.border-light-badge {
border: 1px solid #b5f7ff !important; }
.border-top-info.border-top-light-badge {
border-top: 1px solid #b5f7ff !important; }
.border-bottom-info.border-bottom-light-badge {
border-bottom: 1px solid #b5f7ff !important; }
.border-left-info.border-left-light-badge {
border-left: 1px solid #b5f7ff !important; }
.border-right-info.border-right-light-badge {
border-right: 1px solid #b5f7ff !important; }
.overlay-info.overlay-light-badge {
background: #b5f7ff;
/* The Fallback */
background: rgba(181, 247, 255, 0.6); }
.info.lighten-5 {
color: #69efff !important; }
.bg-info.bg-lighten-5 {
background-color: #69efff !important; }
.btn-info.btn-lighten-5 {
border-color: #00a1b5 !important;
background-color: #69efff !important; }
.btn-info.btn-lighten-5:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-lighten-5 {
border-color: #69efff !important;
color: #69efff !important; }
.btn-outline-info.btn-outline-lighten-5:hover {
background-color: #69efff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #69efff !important; }
.border-info.border-lighten-5 {
border: 1px solid #69efff !important; }
.border-top-info.border-top-lighten-5 {
border-top: 1px solid #69efff !important; }
.border-bottom-info.border-bottom-lighten-5 {
border-bottom: 1px solid #69efff !important; }
.border-left-info.border-left-lighten-5 {
border-left: 1px solid #69efff !important; }
.border-right-info.border-right-lighten-5 {
border-right: 1px solid #69efff !important; }
.overlay-info.overlay-lighten-5 {
background: #69efff;
/* The Fallback */
background: rgba(105, 239, 255, 0.6); }
.info.lighten-4 {
color: #4fecff !important; }
.bg-info.bg-lighten-4 {
background-color: #4fecff !important; }
.btn-info.btn-lighten-4 {
border-color: #00a1b5 !important;
background-color: #4fecff !important; }
.btn-info.btn-lighten-4:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-lighten-4 {
border-color: #4fecff !important;
color: #4fecff !important; }
.btn-outline-info.btn-outline-lighten-4:hover {
background-color: #4fecff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4fecff !important; }
.border-info.border-lighten-4 {
border: 1px solid #4fecff !important; }
.border-top-info.border-top-lighten-4 {
border-top: 1px solid #4fecff !important; }
.border-bottom-info.border-bottom-lighten-4 {
border-bottom: 1px solid #4fecff !important; }
.border-left-info.border-left-lighten-4 {
border-left: 1px solid #4fecff !important; }
.border-right-info.border-right-lighten-4 {
border-right: 1px solid #4fecff !important; }
.overlay-info.overlay-lighten-4 {
background: #4fecff;
/* The Fallback */
background: rgba(79, 236, 255, 0.6); }
.info.lighten-3 {
color: #36e9ff !important; }
.bg-info.bg-lighten-3 {
background-color: #36e9ff !important; }
.btn-info.btn-lighten-3 {
border-color: #00a1b5 !important;
background-color: #36e9ff !important; }
.btn-info.btn-lighten-3:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-lighten-3 {
border-color: #36e9ff !important;
color: #36e9ff !important; }
.btn-outline-info.btn-outline-lighten-3:hover {
background-color: #36e9ff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36e9ff !important; }
.border-info.border-lighten-3 {
border: 1px solid #36e9ff !important; }
.border-top-info.border-top-lighten-3 {
border-top: 1px solid #36e9ff !important; }
.border-bottom-info.border-bottom-lighten-3 {
border-bottom: 1px solid #36e9ff !important; }
.border-left-info.border-left-lighten-3 {
border-left: 1px solid #36e9ff !important; }
.border-right-info.border-right-lighten-3 {
border-right: 1px solid #36e9ff !important; }
.overlay-info.overlay-lighten-3 {
background: #36e9ff;
/* The Fallback */
background: rgba(54, 233, 255, 0.6); }
.info.lighten-2 {
color: #1ce7ff !important; }
.bg-info.bg-lighten-2 {
background-color: #1ce7ff !important; }
.btn-info.btn-lighten-2 {
border-color: #00a1b5 !important;
background-color: #1ce7ff !important; }
.btn-info.btn-lighten-2:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-lighten-2 {
border-color: #1ce7ff !important;
color: #1ce7ff !important; }
.btn-outline-info.btn-outline-lighten-2:hover {
background-color: #1ce7ff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1ce7ff !important; }
.border-info.border-lighten-2 {
border: 1px solid #1ce7ff !important; }
.border-top-info.border-top-lighten-2 {
border-top: 1px solid #1ce7ff !important; }
.border-bottom-info.border-bottom-lighten-2 {
border-bottom: 1px solid #1ce7ff !important; }
.border-left-info.border-left-lighten-2 {
border-left: 1px solid #1ce7ff !important; }
.border-right-info.border-right-lighten-2 {
border-right: 1px solid #1ce7ff !important; }
.overlay-info.overlay-lighten-2 {
background: #1ce7ff;
/* The Fallback */
background: rgba(28, 231, 255, 0.6); }
.info.lighten-1 {
color: #03e4ff !important; }
.bg-info.bg-lighten-1 {
background-color: #03e4ff !important; }
.btn-info.btn-lighten-1 {
border-color: #00a1b5 !important;
background-color: #03e4ff !important; }
.btn-info.btn-lighten-1:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-lighten-1 {
border-color: #03e4ff !important;
color: #03e4ff !important; }
.btn-outline-info.btn-outline-lighten-1:hover {
background-color: #03e4ff !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #03e4ff !important; }
.border-info.border-lighten-1 {
border: 1px solid #03e4ff !important; }
.border-top-info.border-top-lighten-1 {
border-top: 1px solid #03e4ff !important; }
.border-bottom-info.border-bottom-lighten-1 {
border-bottom: 1px solid #03e4ff !important; }
.border-left-info.border-left-lighten-1 {
border-left: 1px solid #03e4ff !important; }
.border-right-info.border-right-lighten-1 {
border-right: 1px solid #03e4ff !important; }
.overlay-info.overlay-lighten-1 {
background: #03e4ff;
/* The Fallback */
background: rgba(3, 228, 255, 0.6); }
.info {
color: #00cfe8 !important; }
.bg-info {
background-color: #00cfe8 !important; }
.bg-info .card-header,
.bg-info .card-footer {
background-color: transparent; }
.alert-info {
background: rgba(0, 207, 232, 0.2) !important;
color: #00cfe8 !important; }
.alert-info .alert-heading {
box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px; }
.alert-info .alert-link {
color: #00b8cf !important; }
.bg-rgba-info {
background: rgba(0, 207, 232, 0.15) !important; }
.border-info {
border: 1px solid #00cfe8 !important; }
.border-top-info {
border-top: 1px solid #00cfe8; }
.border-bottom-info {
border-bottom: 1px solid #00cfe8; }
.border-left-info {
border-left: 1px solid #00cfe8; }
.border-right-info {
border-right: 1px solid #00cfe8; }
.bg-info.badge-glow,
.border-info.badge-glow,
.badge-info.badge-glow {
box-shadow: 0px 0px 10px #00cfe8; }
.badge.badge-info {
background-color: #00cfe8; }
.badge.badge-light-info {
background-color: #b5f7ff;
color: #00cfe8 !important;
font-weight: 500; }
.overlay-info {
background: #00cfe8;
/* The Fallback */
background: rgba(0, 207, 232, 0.6); }
.btn-info {
border-color: #00a1b5 !important;
background-color: #00cfe8 !important;
color: #fff; }
.btn-info:hover {
border-color: #00b8cf !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #00cfe8; }
.btn-info:focus, .btn-info:active {
color: #fff !important; }
.btn-flat-info {
background-color: transparent;
color: #00cfe8; }
.btn-flat-info:hover {
color: #00cfe8;
background-color: rgba(0, 207, 232, 0.1); }
.btn-flat-info:active, .btn-flat-info:focus {
background-color: #00cfe8;
color: #fff !important; }
.btn-relief-info {
background-color: #00cfe8;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-info:hover {
color: #fff; }
.btn-relief-info:active, .btn-relief-info:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-info {
border: 1px solid #00cfe8;
background-color: transparent;
color: #00cfe8; }
.btn-outline-info:hover {
background-color: rgba(0, 207, 232, 0.08);
color: #00cfe8; }
.btn-outline-info:active {
color: #fff !important; }
.btn-info ~ .dropdown-menu .dropdown-item.active,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active {
background-color: #00cfe8;
color: #fff; }
.btn-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #00cfe8; }
.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i {
color: #00cfe8; }
.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-info {
background-color: #00cfe8; }
.pagination-info .page-item.active .page-link {
background: #00cfe8;
color: #fff; }
.pagination-info .page-item.active .page-link:hover {
color: #fff; }
.pagination-info .page-item .page-link:hover {
color: #00cfe8; }
.pagination-info .page-item.prev-item .page-link:hover, .pagination-info .page-item.next-item .page-link:hover {
background: #00cfe8;
color: #fff; }
.nav-pill-info .nav-item .nav-link.active {
color: #fff;
background-color: #00cfe8 !important; }
.progress-bar-info {
background-color: rgba(0, 207, 232, 0.1); }
.progress-bar-info .progress-bar {
background-color: #00cfe8; }
.chip-info {
background-color: #00cfe8 !important; }
.chip-info .chip-body {
color: #fff !important; }
.divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
border-color: #00cfe8 !important; }
input[type="checkbox"].bg-info + .custom-control-label:before, input[type="radio"].bg-info + .custom-control-label:before {
background-color: #00cfe8 !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00cfe8 !important; }
.vs-checkbox-info input:checked ~ .vs-checkbox {
border-color: #00cfe8 !important; }
.vs-checkbox-info input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #00cfe8 !important; }
.vs-checkbox-info input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #00cfe8 !important; }
.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
background-color: #00cfe8 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-info input:checked ~ .vs-radio .vs-radio--circle {
background: #00cfe8 !important;
box-shadow: 0 3px 12px 0 rgba(0, 207, 232, 0.4) !important; }
.info.darken-1 {
color: #00b8cf !important; }
.bg-info.bg-darken-1 {
background-color: #00b8cf !important; }
.btn-info.btn-darken-1 {
border-color: #00a1b5 !important;
background-color: #00b8cf !important; }
.btn-info.btn-darken-1:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-darken-1 {
border-color: #00b8cf !important;
color: #00b8cf !important; }
.btn-outline-info.btn-outline-darken-1:hover {
background-color: #00b8cf !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8cf !important; }
.border-info.border-darken-1 {
border: 1px solid #00b8cf !important; }
.border-top-info.border-top-darken-1 {
border-top: 1px solid #00b8cf !important; }
.border-bottom-info.border-bottom-darken-1 {
border-bottom: 1px solid #00b8cf !important; }
.border-left-info.border-left-darken-1 {
border-left: 1px solid #00b8cf !important; }
.border-right-info.border-right-darken-1 {
border-right: 1px solid #00b8cf !important; }
.overlay-info.overlay-darken-1 {
background: #00b8cf;
/* The Fallback */
background: rgba(0, 184, 207, 0.6); }
.info.darken-2 {
color: #00a1b5 !important; }
.bg-info.bg-darken-2 {
background-color: #00a1b5 !important; }
.btn-info.btn-darken-2 {
border-color: #00a1b5 !important;
background-color: #00a1b5 !important; }
.btn-info.btn-darken-2:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-darken-2 {
border-color: #00a1b5 !important;
color: #00a1b5 !important; }
.btn-outline-info.btn-outline-darken-2:hover {
background-color: #00a1b5 !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00a1b5 !important; }
.border-info.border-darken-2 {
border: 1px solid #00a1b5 !important; }
.border-top-info.border-top-darken-2 {
border-top: 1px solid #00a1b5 !important; }
.border-bottom-info.border-bottom-darken-2 {
border-bottom: 1px solid #00a1b5 !important; }
.border-left-info.border-left-darken-2 {
border-left: 1px solid #00a1b5 !important; }
.border-right-info.border-right-darken-2 {
border-right: 1px solid #00a1b5 !important; }
.overlay-info.overlay-darken-2 {
background: #00a1b5;
/* The Fallback */
background: rgba(0, 161, 181, 0.6); }
.info.darken-3 {
color: #008b9c !important; }
.bg-info.bg-darken-3 {
background-color: #008b9c !important; }
.btn-info.btn-darken-3 {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-darken-3:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-darken-3 {
border-color: #008b9c !important;
color: #008b9c !important; }
.btn-outline-info.btn-outline-darken-3:hover {
background-color: #008b9c !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #008b9c !important; }
.border-info.border-darken-3 {
border: 1px solid #008b9c !important; }
.border-top-info.border-top-darken-3 {
border-top: 1px solid #008b9c !important; }
.border-bottom-info.border-bottom-darken-3 {
border-bottom: 1px solid #008b9c !important; }
.border-left-info.border-left-darken-3 {
border-left: 1px solid #008b9c !important; }
.border-right-info.border-right-darken-3 {
border-right: 1px solid #008b9c !important; }
.overlay-info.overlay-darken-3 {
background: #008b9c;
/* The Fallback */
background: rgba(0, 139, 156, 0.6); }
.info.darken-4 {
color: #007482 !important; }
.bg-info.bg-darken-4 {
background-color: #007482 !important; }
.btn-info.btn-darken-4 {
border-color: #00a1b5 !important;
background-color: #007482 !important; }
.btn-info.btn-darken-4:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-darken-4 {
border-color: #007482 !important;
color: #007482 !important; }
.btn-outline-info.btn-outline-darken-4:hover {
background-color: #007482 !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #007482 !important; }
.border-info.border-darken-4 {
border: 1px solid #007482 !important; }
.border-top-info.border-top-darken-4 {
border-top: 1px solid #007482 !important; }
.border-bottom-info.border-bottom-darken-4 {
border-bottom: 1px solid #007482 !important; }
.border-left-info.border-left-darken-4 {
border-left: 1px solid #007482 !important; }
.border-right-info.border-right-darken-4 {
border-right: 1px solid #007482 !important; }
.overlay-info.overlay-darken-4 {
background: #007482;
/* The Fallback */
background: rgba(0, 116, 130, 0.6); }
.info.accent-1 {
color: #FEFFFF !important; }
.bg-info.bg-accent-1 {
background-color: #FEFFFF !important; }
.btn-info.btn-accent-1 {
border-color: #00a1b5 !important;
background-color: #FEFFFF !important; }
.btn-info.btn-accent-1:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-accent-1 {
border-color: #FEFFFF !important;
color: #FEFFFF !important; }
.btn-outline-info.btn-outline-accent-1:hover {
background-color: #FEFFFF !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FEFFFF !important; }
.border-info.border-accent-1 {
border: 1px solid #FEFFFF !important; }
.border-top-info.border-top-accent-1 {
border-top: 1px solid #FEFFFF !important; }
.border-bottom-info.border-bottom-accent-1 {
border-bottom: 1px solid #FEFFFF !important; }
.border-left-info.border-left-accent-1 {
border-left: 1px solid #FEFFFF !important; }
.border-right-info.border-right-accent-1 {
border-right: 1px solid #FEFFFF !important; }
.overlay-info.overlay-accent-1 {
background: #FEFFFF;
/* The Fallback */
background: rgba(254, 255, 255, 0.6); }
.info.accent-2 {
color: #CBF5FF !important; }
.bg-info.bg-accent-2 {
background-color: #CBF5FF !important; }
.btn-info.btn-accent-2 {
border-color: #00a1b5 !important;
background-color: #CBF5FF !important; }
.btn-info.btn-accent-2:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-accent-2 {
border-color: #CBF5FF !important;
color: #CBF5FF !important; }
.btn-outline-info.btn-outline-accent-2:hover {
background-color: #CBF5FF !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #CBF5FF !important; }
.border-info.border-accent-2 {
border: 1px solid #CBF5FF !important; }
.border-top-info.border-top-accent-2 {
border-top: 1px solid #CBF5FF !important; }
.border-bottom-info.border-bottom-accent-2 {
border-bottom: 1px solid #CBF5FF !important; }
.border-left-info.border-left-accent-2 {
border-left: 1px solid #CBF5FF !important; }
.border-right-info.border-right-accent-2 {
border-right: 1px solid #CBF5FF !important; }
.overlay-info.overlay-accent-2 {
background: #CBF5FF;
/* The Fallback */
background: rgba(203, 245, 255, 0.6); }
.info.accent-3 {
color: #98ECFF !important; }
.bg-info.bg-accent-3 {
background-color: #98ECFF !important; }
.btn-info.btn-accent-3 {
border-color: #00a1b5 !important;
background-color: #98ECFF !important; }
.btn-info.btn-accent-3:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-accent-3 {
border-color: #98ECFF !important;
color: #98ECFF !important; }
.btn-outline-info.btn-outline-accent-3:hover {
background-color: #98ECFF !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #98ECFF !important; }
.border-info.border-accent-3 {
border: 1px solid #98ECFF !important; }
.border-top-info.border-top-accent-3 {
border-top: 1px solid #98ECFF !important; }
.border-bottom-info.border-bottom-accent-3 {
border-bottom: 1px solid #98ECFF !important; }
.border-left-info.border-left-accent-3 {
border-left: 1px solid #98ECFF !important; }
.border-right-info.border-right-accent-3 {
border-right: 1px solid #98ECFF !important; }
.overlay-info.overlay-accent-3 {
background: #98ECFF;
/* The Fallback */
background: rgba(152, 236, 255, 0.6); }
.info.accent-4 {
color: #7FE7FF !important; }
.bg-info.bg-accent-4 {
background-color: #7FE7FF !important; }
.btn-info.btn-accent-4 {
border-color: #00a1b5 !important;
background-color: #7FE7FF !important; }
.btn-info.btn-accent-4:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-accent-4 {
border-color: #7FE7FF !important;
color: #7FE7FF !important; }
.btn-outline-info.btn-outline-accent-4:hover {
background-color: #7FE7FF !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7FE7FF !important; }
.border-info.border-accent-4 {
border: 1px solid #7FE7FF !important; }
.border-top-info.border-top-accent-4 {
border-top: 1px solid #7FE7FF !important; }
.border-bottom-info.border-bottom-accent-4 {
border-bottom: 1px solid #7FE7FF !important; }
.border-left-info.border-left-accent-4 {
border-left: 1px solid #7FE7FF !important; }
.border-right-info.border-right-accent-4 {
border-right: 1px solid #7FE7FF !important; }
.overlay-info.overlay-accent-4 {
background: #7FE7FF;
/* The Fallback */
background: rgba(127, 231, 255, 0.6); }
.info.gradient-bg {
color: #640064 !important; }
.bg-info.bg-gradient-bg {
background-color: #640064 !important; }
.btn-info.btn-gradient-bg {
border-color: #00a1b5 !important;
background-color: #640064 !important; }
.btn-info.btn-gradient-bg:hover {
border-color: #00a1b5 !important;
background-color: #008b9c !important; }
.btn-info.btn-gradient-bg:focus, .btn-info.btn-gradient-bg:active {
border-color: #008b9c !important;
background-color: #007482 !important; }
.btn-outline-info.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-info.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-info {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-info.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-info.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-info.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-info.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-info.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-info.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
.warning.gradient-light {
color: #fff487 !important; }
.bg-warning.bg-gradient-light {
background-color: #fff487 !important; }
.btn-warning.btn-gradient-light {
border-color: #ff8510 !important;
background-color: #fff487 !important; }
.btn-warning.btn-gradient-light:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-gradient-light:focus, .btn-warning.btn-gradient-light:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-gradient-light {
border-color: #fff487 !important;
color: #fff487 !important; }
.btn-outline-warning.btn-outline-gradient-light:hover {
background-color: #fff487 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff487 !important; }
.border-warning.border-gradient-light {
border: 1px solid #fff487 !important; }
.border-top-warning.border-top-gradient-light {
border-top: 1px solid #fff487 !important; }
.border-bottom-warning.border-bottom-gradient-light {
border-bottom: 1px solid #fff487 !important; }
.border-left-warning.border-left-gradient-light {
border-left: 1px solid #fff487 !important; }
.border-right-warning.border-right-gradient-light {
border-right: 1px solid #fff487 !important; }
.overlay-warning.overlay-gradient-light {
background: #fff487;
/* The Fallback */
background: rgba(255, 244, 135, 0.6); }
.warning.light-badge {
color: #ffe0c3 !important; }
.bg-warning.bg-light-badge {
background-color: #ffe0c3 !important; }
.btn-warning.btn-light-badge {
border-color: #ff8510 !important;
background-color: #ffe0c3 !important; }
.btn-warning.btn-light-badge:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-light-badge:focus, .btn-warning.btn-light-badge:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-light-badge {
border-color: #ffe0c3 !important;
color: #ffe0c3 !important; }
.btn-outline-warning.btn-outline-light-badge:hover {
background-color: #ffe0c3 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe0c3 !important; }
.border-warning.border-light-badge {
border: 1px solid #ffe0c3 !important; }
.border-top-warning.border-top-light-badge {
border-top: 1px solid #ffe0c3 !important; }
.border-bottom-warning.border-bottom-light-badge {
border-bottom: 1px solid #ffe0c3 !important; }
.border-left-warning.border-left-light-badge {
border-left: 1px solid #ffe0c3 !important; }
.border-right-warning.border-right-light-badge {
border-right: 1px solid #ffe0c3 !important; }
.overlay-warning.overlay-light-badge {
background: #ffe0c3;
/* The Fallback */
background: rgba(255, 224, 195, 0.6); }
.warning.lighten-5 {
color: #ffe0c3 !important; }
.bg-warning.bg-lighten-5 {
background-color: #ffe0c3 !important; }
.btn-warning.btn-lighten-5 {
border-color: #ff8510 !important;
background-color: #ffe0c3 !important; }
.btn-warning.btn-lighten-5:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-lighten-5 {
border-color: #ffe0c3 !important;
color: #ffe0c3 !important; }
.btn-outline-warning.btn-outline-lighten-5:hover {
background-color: #ffe0c3 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe0c3 !important; }
.border-warning.border-lighten-5 {
border: 1px solid #ffe0c3 !important; }
.border-top-warning.border-top-lighten-5 {
border-top: 1px solid #ffe0c3 !important; }
.border-bottom-warning.border-bottom-lighten-5 {
border-bottom: 1px solid #ffe0c3 !important; }
.border-left-warning.border-left-lighten-5 {
border-left: 1px solid #ffe0c3 !important; }
.border-right-warning.border-right-lighten-5 {
border-right: 1px solid #ffe0c3 !important; }
.overlay-warning.overlay-lighten-5 {
background: #ffe0c3;
/* The Fallback */
background: rgba(255, 224, 195, 0.6); }
.warning.lighten-4 {
color: #ffd3a9 !important; }
.bg-warning.bg-lighten-4 {
background-color: #ffd3a9 !important; }
.btn-warning.btn-lighten-4 {
border-color: #ff8510 !important;
background-color: #ffd3a9 !important; }
.btn-warning.btn-lighten-4:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-lighten-4 {
border-color: #ffd3a9 !important;
color: #ffd3a9 !important; }
.btn-outline-warning.btn-outline-lighten-4:hover {
background-color: #ffd3a9 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd3a9 !important; }
.border-warning.border-lighten-4 {
border: 1px solid #ffd3a9 !important; }
.border-top-warning.border-top-lighten-4 {
border-top: 1px solid #ffd3a9 !important; }
.border-bottom-warning.border-bottom-lighten-4 {
border-bottom: 1px solid #ffd3a9 !important; }
.border-left-warning.border-left-lighten-4 {
border-left: 1px solid #ffd3a9 !important; }
.border-right-warning.border-right-lighten-4 {
border-right: 1px solid #ffd3a9 !important; }
.overlay-warning.overlay-lighten-4 {
background: #ffd3a9;
/* The Fallback */
background: rgba(255, 211, 169, 0.6); }
.warning.lighten-3 {
color: #ffc690 !important; }
.bg-warning.bg-lighten-3 {
background-color: #ffc690 !important; }
.btn-warning.btn-lighten-3 {
border-color: #ff8510 !important;
background-color: #ffc690 !important; }
.btn-warning.btn-lighten-3:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-lighten-3 {
border-color: #ffc690 !important;
color: #ffc690 !important; }
.btn-outline-warning.btn-outline-lighten-3:hover {
background-color: #ffc690 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc690 !important; }
.border-warning.border-lighten-3 {
border: 1px solid #ffc690 !important; }
.border-top-warning.border-top-lighten-3 {
border-top: 1px solid #ffc690 !important; }
.border-bottom-warning.border-bottom-lighten-3 {
border-bottom: 1px solid #ffc690 !important; }
.border-left-warning.border-left-lighten-3 {
border-left: 1px solid #ffc690 !important; }
.border-right-warning.border-right-lighten-3 {
border-right: 1px solid #ffc690 !important; }
.overlay-warning.overlay-lighten-3 {
background: #ffc690;
/* The Fallback */
background: rgba(255, 198, 144, 0.6); }
.warning.lighten-2 {
color: #ffb976 !important; }
.bg-warning.bg-lighten-2 {
background-color: #ffb976 !important; }
.btn-warning.btn-lighten-2 {
border-color: #ff8510 !important;
background-color: #ffb976 !important; }
.btn-warning.btn-lighten-2:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-lighten-2 {
border-color: #ffb976 !important;
color: #ffb976 !important; }
.btn-outline-warning.btn-outline-lighten-2:hover {
background-color: #ffb976 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb976 !important; }
.border-warning.border-lighten-2 {
border: 1px solid #ffb976 !important; }
.border-top-warning.border-top-lighten-2 {
border-top: 1px solid #ffb976 !important; }
.border-bottom-warning.border-bottom-lighten-2 {
border-bottom: 1px solid #ffb976 !important; }
.border-left-warning.border-left-lighten-2 {
border-left: 1px solid #ffb976 !important; }
.border-right-warning.border-right-lighten-2 {
border-right: 1px solid #ffb976 !important; }
.overlay-warning.overlay-lighten-2 {
background: #ffb976;
/* The Fallback */
background: rgba(255, 185, 118, 0.6); }
.warning.lighten-1 {
color: #ffac5d !important; }
.bg-warning.bg-lighten-1 {
background-color: #ffac5d !important; }
.btn-warning.btn-lighten-1 {
border-color: #ff8510 !important;
background-color: #ffac5d !important; }
.btn-warning.btn-lighten-1:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-lighten-1 {
border-color: #ffac5d !important;
color: #ffac5d !important; }
.btn-outline-warning.btn-outline-lighten-1:hover {
background-color: #ffac5d !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffac5d !important; }
.border-warning.border-lighten-1 {
border: 1px solid #ffac5d !important; }
.border-top-warning.border-top-lighten-1 {
border-top: 1px solid #ffac5d !important; }
.border-bottom-warning.border-bottom-lighten-1 {
border-bottom: 1px solid #ffac5d !important; }
.border-left-warning.border-left-lighten-1 {
border-left: 1px solid #ffac5d !important; }
.border-right-warning.border-right-lighten-1 {
border-right: 1px solid #ffac5d !important; }
.overlay-warning.overlay-lighten-1 {
background: #ffac5d;
/* The Fallback */
background: rgba(255, 172, 93, 0.6); }
.warning {
color: #ff9f43 !important; }
.bg-warning {
background-color: #ff9f43 !important; }
.bg-warning .card-header,
.bg-warning .card-footer {
background-color: transparent; }
.alert-warning {
background: rgba(255, 159, 67, 0.2) !important;
color: #ff9f43 !important; }
.alert-warning .alert-heading {
box-shadow: rgba(255, 159, 67, 0.4) 0px 6px 15px -7px; }
.alert-warning .alert-link {
color: #ff922a !important; }
.bg-rgba-warning {
background: rgba(255, 159, 67, 0.15) !important; }
.border-warning {
border: 1px solid #ff9f43 !important; }
.border-top-warning {
border-top: 1px solid #ff9f43; }
.border-bottom-warning {
border-bottom: 1px solid #ff9f43; }
.border-left-warning {
border-left: 1px solid #ff9f43; }
.border-right-warning {
border-right: 1px solid #ff9f43; }
.bg-warning.badge-glow,
.border-warning.badge-glow,
.badge-warning.badge-glow {
box-shadow: 0px 0px 10px #ff9f43; }
.badge.badge-warning {
background-color: #ff9f43; }
.badge.badge-light-warning {
background-color: #ffe0c3;
color: #ff9f43 !important;
font-weight: 500; }
.overlay-warning {
background: #ff9f43;
/* The Fallback */
background: rgba(255, 159, 67, 0.6); }
.btn-warning {
border-color: #ff8510 !important;
background-color: #ff9f43 !important;
color: #fff; }
.btn-warning:hover {
border-color: #ff922a !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #ff9f43; }
.btn-warning:focus, .btn-warning:active {
color: #fff !important; }
.btn-flat-warning {
background-color: transparent;
color: #ff9f43; }
.btn-flat-warning:hover {
color: #ff9f43;
background-color: rgba(255, 159, 67, 0.1); }
.btn-flat-warning:active, .btn-flat-warning:focus {
background-color: #ff9f43;
color: #fff !important; }
.btn-relief-warning {
background-color: #ff9f43;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-warning:hover {
color: #fff; }
.btn-relief-warning:active, .btn-relief-warning:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-warning {
border: 1px solid #ff9f43;
background-color: transparent;
color: #ff9f43; }
.btn-outline-warning:hover {
background-color: rgba(255, 159, 67, 0.08);
color: #ff9f43; }
.btn-outline-warning:active {
color: #fff !important; }
.btn-warning ~ .dropdown-menu .dropdown-item.active,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active {
background-color: #ff9f43;
color: #fff; }
.btn-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #ff9f43; }
.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i {
color: #ff9f43; }
.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-warning {
background-color: #ff9f43; }
.pagination-warning .page-item.active .page-link {
background: #ff9f43;
color: #fff; }
.pagination-warning .page-item.active .page-link:hover {
color: #fff; }
.pagination-warning .page-item .page-link:hover {
color: #ff9f43; }
.pagination-warning .page-item.prev-item .page-link:hover, .pagination-warning .page-item.next-item .page-link:hover {
background: #ff9f43;
color: #fff; }
.nav-pill-warning .nav-item .nav-link.active {
color: #fff;
background-color: #ff9f43 !important; }
.progress-bar-warning {
background-color: rgba(255, 159, 67, 0.1); }
.progress-bar-warning .progress-bar {
background-color: #ff9f43; }
.chip-warning {
background-color: #ff9f43 !important; }
.chip-warning .chip-body {
color: #fff !important; }
.divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
border-color: #ff9f43 !important; }
input[type="checkbox"].bg-warning + .custom-control-label:before, input[type="radio"].bg-warning + .custom-control-label:before {
background-color: #ff9f43 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9f43 !important; }
.vs-checkbox-warning input:checked ~ .vs-checkbox {
border-color: #ff9f43 !important; }
.vs-checkbox-warning input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #ff9f43 !important; }
.vs-checkbox-warning input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #ff9f43 !important; }
.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ff9f43 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-warning input:checked ~ .vs-radio .vs-radio--circle {
background: #ff9f43 !important;
box-shadow: 0 3px 12px 0 rgba(255, 159, 67, 0.4) !important; }
.warning.darken-1 {
color: #ff922a !important; }
.bg-warning.bg-darken-1 {
background-color: #ff922a !important; }
.btn-warning.btn-darken-1 {
border-color: #ff8510 !important;
background-color: #ff922a !important; }
.btn-warning.btn-darken-1:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-darken-1 {
border-color: #ff922a !important;
color: #ff922a !important; }
.btn-outline-warning.btn-outline-darken-1:hover {
background-color: #ff922a !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff922a !important; }
.border-warning.border-darken-1 {
border: 1px solid #ff922a !important; }
.border-top-warning.border-top-darken-1 {
border-top: 1px solid #ff922a !important; }
.border-bottom-warning.border-bottom-darken-1 {
border-bottom: 1px solid #ff922a !important; }
.border-left-warning.border-left-darken-1 {
border-left: 1px solid #ff922a !important; }
.border-right-warning.border-right-darken-1 {
border-right: 1px solid #ff922a !important; }
.overlay-warning.overlay-darken-1 {
background: #ff922a;
/* The Fallback */
background: rgba(255, 146, 42, 0.6); }
.warning.darken-2 {
color: #ff8510 !important; }
.bg-warning.bg-darken-2 {
background-color: #ff8510 !important; }
.btn-warning.btn-darken-2 {
border-color: #ff8510 !important;
background-color: #ff8510 !important; }
.btn-warning.btn-darken-2:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-darken-2 {
border-color: #ff8510 !important;
color: #ff8510 !important; }
.btn-outline-warning.btn-outline-darken-2:hover {
background-color: #ff8510 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8510 !important; }
.border-warning.border-darken-2 {
border: 1px solid #ff8510 !important; }
.border-top-warning.border-top-darken-2 {
border-top: 1px solid #ff8510 !important; }
.border-bottom-warning.border-bottom-darken-2 {
border-bottom: 1px solid #ff8510 !important; }
.border-left-warning.border-left-darken-2 {
border-left: 1px solid #ff8510 !important; }
.border-right-warning.border-right-darken-2 {
border-right: 1px solid #ff8510 !important; }
.overlay-warning.overlay-darken-2 {
background: #ff8510;
/* The Fallback */
background: rgba(255, 133, 16, 0.6); }
.warning.darken-3 {
color: #f67800 !important; }
.bg-warning.bg-darken-3 {
background-color: #f67800 !important; }
.btn-warning.btn-darken-3 {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-darken-3:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-darken-3 {
border-color: #f67800 !important;
color: #f67800 !important; }
.btn-outline-warning.btn-outline-darken-3:hover {
background-color: #f67800 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f67800 !important; }
.border-warning.border-darken-3 {
border: 1px solid #f67800 !important; }
.border-top-warning.border-top-darken-3 {
border-top: 1px solid #f67800 !important; }
.border-bottom-warning.border-bottom-darken-3 {
border-bottom: 1px solid #f67800 !important; }
.border-left-warning.border-left-darken-3 {
border-left: 1px solid #f67800 !important; }
.border-right-warning.border-right-darken-3 {
border-right: 1px solid #f67800 !important; }
.overlay-warning.overlay-darken-3 {
background: #f67800;
/* The Fallback */
background: rgba(246, 120, 0, 0.6); }
.warning.darken-4 {
color: #dc6c00 !important; }
.bg-warning.bg-darken-4 {
background-color: #dc6c00 !important; }
.btn-warning.btn-darken-4 {
border-color: #ff8510 !important;
background-color: #dc6c00 !important; }
.btn-warning.btn-darken-4:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-darken-4 {
border-color: #dc6c00 !important;
color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-darken-4:hover {
background-color: #dc6c00 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dc6c00 !important; }
.border-warning.border-darken-4 {
border: 1px solid #dc6c00 !important; }
.border-top-warning.border-top-darken-4 {
border-top: 1px solid #dc6c00 !important; }
.border-bottom-warning.border-bottom-darken-4 {
border-bottom: 1px solid #dc6c00 !important; }
.border-left-warning.border-left-darken-4 {
border-left: 1px solid #dc6c00 !important; }
.border-right-warning.border-right-darken-4 {
border-right: 1px solid #dc6c00 !important; }
.overlay-warning.overlay-darken-4 {
background: #dc6c00;
/* The Fallback */
background: rgba(220, 108, 0, 0.6); }
.warning.accent-1 {
color: #FFF5EF !important; }
.bg-warning.bg-accent-1 {
background-color: #FFF5EF !important; }
.btn-warning.btn-accent-1 {
border-color: #ff8510 !important;
background-color: #FFF5EF !important; }
.btn-warning.btn-accent-1:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-accent-1 {
border-color: #FFF5EF !important;
color: #FFF5EF !important; }
.btn-outline-warning.btn-outline-accent-1:hover {
background-color: #FFF5EF !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFF5EF !important; }
.border-warning.border-accent-1 {
border: 1px solid #FFF5EF !important; }
.border-top-warning.border-top-accent-1 {
border-top: 1px solid #FFF5EF !important; }
.border-bottom-warning.border-bottom-accent-1 {
border-bottom: 1px solid #FFF5EF !important; }
.border-left-warning.border-left-accent-1 {
border-left: 1px solid #FFF5EF !important; }
.border-right-warning.border-right-accent-1 {
border-right: 1px solid #FFF5EF !important; }
.overlay-warning.overlay-accent-1 {
background: #FFF5EF;
/* The Fallback */
background: rgba(255, 245, 239, 0.6); }
.warning.accent-2 {
color: #FFE5D8 !important; }
.bg-warning.bg-accent-2 {
background-color: #FFE5D8 !important; }
.btn-warning.btn-accent-2 {
border-color: #ff8510 !important;
background-color: #FFE5D8 !important; }
.btn-warning.btn-accent-2:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-accent-2 {
border-color: #FFE5D8 !important;
color: #FFE5D8 !important; }
.btn-outline-warning.btn-outline-accent-2:hover {
background-color: #FFE5D8 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFE5D8 !important; }
.border-warning.border-accent-2 {
border: 1px solid #FFE5D8 !important; }
.border-top-warning.border-top-accent-2 {
border-top: 1px solid #FFE5D8 !important; }
.border-bottom-warning.border-bottom-accent-2 {
border-bottom: 1px solid #FFE5D8 !important; }
.border-left-warning.border-left-accent-2 {
border-left: 1px solid #FFE5D8 !important; }
.border-right-warning.border-right-accent-2 {
border-right: 1px solid #FFE5D8 !important; }
.overlay-warning.overlay-accent-2 {
background: #FFE5D8;
/* The Fallback */
background: rgba(255, 229, 216, 0.6); }
.warning.accent-3 {
color: #FFF6F3 !important; }
.bg-warning.bg-accent-3 {
background-color: #FFF6F3 !important; }
.btn-warning.btn-accent-3 {
border-color: #ff8510 !important;
background-color: #FFF6F3 !important; }
.btn-warning.btn-accent-3:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-accent-3 {
border-color: #FFF6F3 !important;
color: #FFF6F3 !important; }
.btn-outline-warning.btn-outline-accent-3:hover {
background-color: #FFF6F3 !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFF6F3 !important; }
.border-warning.border-accent-3 {
border: 1px solid #FFF6F3 !important; }
.border-top-warning.border-top-accent-3 {
border-top: 1px solid #FFF6F3 !important; }
.border-bottom-warning.border-bottom-accent-3 {
border-bottom: 1px solid #FFF6F3 !important; }
.border-left-warning.border-left-accent-3 {
border-left: 1px solid #FFF6F3 !important; }
.border-right-warning.border-right-accent-3 {
border-right: 1px solid #FFF6F3 !important; }
.overlay-warning.overlay-accent-3 {
background: #FFF6F3;
/* The Fallback */
background: rgba(255, 246, 243, 0.6); }
.warning.accent-4 {
color: #FFE3DA !important; }
.bg-warning.bg-accent-4 {
background-color: #FFE3DA !important; }
.btn-warning.btn-accent-4 {
border-color: #ff8510 !important;
background-color: #FFE3DA !important; }
.btn-warning.btn-accent-4:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-accent-4 {
border-color: #FFE3DA !important;
color: #FFE3DA !important; }
.btn-outline-warning.btn-outline-accent-4:hover {
background-color: #FFE3DA !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFE3DA !important; }
.border-warning.border-accent-4 {
border: 1px solid #FFE3DA !important; }
.border-top-warning.border-top-accent-4 {
border-top: 1px solid #FFE3DA !important; }
.border-bottom-warning.border-bottom-accent-4 {
border-bottom: 1px solid #FFE3DA !important; }
.border-left-warning.border-left-accent-4 {
border-left: 1px solid #FFE3DA !important; }
.border-right-warning.border-right-accent-4 {
border-right: 1px solid #FFE3DA !important; }
.overlay-warning.overlay-accent-4 {
background: #FFE3DA;
/* The Fallback */
background: rgba(255, 227, 218, 0.6); }
.warning.gradient-bg {
color: #fafafa !important; }
.bg-warning.bg-gradient-bg {
background-color: #fafafa !important; }
.btn-warning.btn-gradient-bg {
border-color: #ff8510 !important;
background-color: #fafafa !important; }
.btn-warning.btn-gradient-bg:hover {
border-color: #ff8510 !important;
background-color: #f67800 !important; }
.btn-warning.btn-gradient-bg:focus, .btn-warning.btn-gradient-bg:active {
border-color: #f67800 !important;
background-color: #dc6c00 !important; }
.btn-outline-warning.btn-outline-gradient-bg {
border-color: #fafafa !important;
color: #fafafa !important; }
.btn-outline-warning.btn-outline-gradient-bg:hover {
background-color: #fafafa !important; }
input:focus ~ .bg-warning {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fafafa !important; }
.border-warning.border-gradient-bg {
border: 1px solid #fafafa !important; }
.border-top-warning.border-top-gradient-bg {
border-top: 1px solid #fafafa !important; }
.border-bottom-warning.border-bottom-gradient-bg {
border-bottom: 1px solid #fafafa !important; }
.border-left-warning.border-left-gradient-bg {
border-left: 1px solid #fafafa !important; }
.border-right-warning.border-right-gradient-bg {
border-right: 1px solid #fafafa !important; }
.overlay-warning.overlay-gradient-bg {
background: #fafafa;
/* The Fallback */
background: rgba(250, 250, 250, 0.6); }
.danger.gradient-light {
color: #f9b789 !important; }
.bg-danger.bg-gradient-light {
background-color: #f9b789 !important; }
.btn-danger.btn-gradient-light {
border-color: #e42728 !important;
background-color: #f9b789 !important; }
.btn-danger.btn-gradient-light:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-gradient-light:focus, .btn-danger.btn-gradient-light:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-gradient-light {
border-color: #f9b789 !important;
color: #f9b789 !important; }
.btn-outline-danger.btn-outline-gradient-light:hover {
background-color: #f9b789 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9b789 !important; }
.border-danger.border-gradient-light {
border: 1px solid #f9b789 !important; }
.border-top-danger.border-top-gradient-light {
border-top: 1px solid #f9b789 !important; }
.border-bottom-danger.border-bottom-gradient-light {
border-bottom: 1px solid #f9b789 !important; }
.border-left-danger.border-left-gradient-light {
border-left: 1px solid #f9b789 !important; }
.border-right-danger.border-right-gradient-light {
border-right: 1px solid #f9b789 !important; }
.overlay-danger.overlay-gradient-light {
background: #f9b789;
/* The Fallback */
background: rgba(249, 183, 137, 0.6); }
.danger.light-badge {
color: #fbdcdc !important; }
.bg-danger.bg-light-badge {
background-color: #fbdcdc !important; }
.btn-danger.btn-light-badge {
border-color: #e42728 !important;
background-color: #fbdcdc !important; }
.btn-danger.btn-light-badge:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-light-badge:focus, .btn-danger.btn-light-badge:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-light-badge {
border-color: #fbdcdc !important;
color: #fbdcdc !important; }
.btn-outline-danger.btn-outline-light-badge:hover {
background-color: #fbdcdc !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbdcdc !important; }
.border-danger.border-light-badge {
border: 1px solid #fbdcdc !important; }
.border-top-danger.border-top-light-badge {
border-top: 1px solid #fbdcdc !important; }
.border-bottom-danger.border-bottom-light-badge {
border-bottom: 1px solid #fbdcdc !important; }
.border-left-danger.border-left-light-badge {
border-left: 1px solid #fbdcdc !important; }
.border-right-danger.border-right-light-badge {
border-right: 1px solid #fbdcdc !important; }
.overlay-danger.overlay-light-badge {
background: #fbdcdc;
/* The Fallback */
background: rgba(251, 220, 220, 0.6); }
.danger.lighten-5 {
color: #f8c6c6 !important; }
.bg-danger.bg-lighten-5 {
background-color: #f8c6c6 !important; }
.btn-danger.btn-lighten-5 {
border-color: #e42728 !important;
background-color: #f8c6c6 !important; }
.btn-danger.btn-lighten-5:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-lighten-5 {
border-color: #f8c6c6 !important;
color: #f8c6c6 !important; }
.btn-outline-danger.btn-outline-lighten-5:hover {
background-color: #f8c6c6 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8c6c6 !important; }
.border-danger.border-lighten-5 {
border: 1px solid #f8c6c6 !important; }
.border-top-danger.border-top-lighten-5 {
border-top: 1px solid #f8c6c6 !important; }
.border-bottom-danger.border-bottom-lighten-5 {
border-bottom: 1px solid #f8c6c6 !important; }
.border-left-danger.border-left-lighten-5 {
border-left: 1px solid #f8c6c6 !important; }
.border-right-danger.border-right-lighten-5 {
border-right: 1px solid #f8c6c6 !important; }
.overlay-danger.overlay-lighten-5 {
background: #f8c6c6;
/* The Fallback */
background: rgba(248, 198, 198, 0.6); }
.danger.lighten-4 {
color: #f5afaf !important; }
.bg-danger.bg-lighten-4 {
background-color: #f5afaf !important; }
.btn-danger.btn-lighten-4 {
border-color: #e42728 !important;
background-color: #f5afaf !important; }
.btn-danger.btn-lighten-4:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-lighten-4 {
border-color: #f5afaf !important;
color: #f5afaf !important; }
.btn-outline-danger.btn-outline-lighten-4:hover {
background-color: #f5afaf !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f5afaf !important; }
.border-danger.border-lighten-4 {
border: 1px solid #f5afaf !important; }
.border-top-danger.border-top-lighten-4 {
border-top: 1px solid #f5afaf !important; }
.border-bottom-danger.border-bottom-lighten-4 {
border-bottom: 1px solid #f5afaf !important; }
.border-left-danger.border-left-lighten-4 {
border-left: 1px solid #f5afaf !important; }
.border-right-danger.border-right-lighten-4 {
border-right: 1px solid #f5afaf !important; }
.overlay-danger.overlay-lighten-4 {
background: #f5afaf;
/* The Fallback */
background: rgba(245, 175, 175, 0.6); }
.danger.lighten-3 {
color: #f29899 !important; }
.bg-danger.bg-lighten-3 {
background-color: #f29899 !important; }
.btn-danger.btn-lighten-3 {
border-color: #e42728 !important;
background-color: #f29899 !important; }
.btn-danger.btn-lighten-3:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-lighten-3 {
border-color: #f29899 !important;
color: #f29899 !important; }
.btn-outline-danger.btn-outline-lighten-3:hover {
background-color: #f29899 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f29899 !important; }
.border-danger.border-lighten-3 {
border: 1px solid #f29899 !important; }
.border-top-danger.border-top-lighten-3 {
border-top: 1px solid #f29899 !important; }
.border-bottom-danger.border-bottom-lighten-3 {
border-bottom: 1px solid #f29899 !important; }
.border-left-danger.border-left-lighten-3 {
border-left: 1px solid #f29899 !important; }
.border-right-danger.border-right-lighten-3 {
border-right: 1px solid #f29899 !important; }
.overlay-danger.overlay-lighten-3 {
background: #f29899;
/* The Fallback */
background: rgba(242, 152, 153, 0.6); }
.danger.lighten-2 {
color: #f08182 !important; }
.bg-danger.bg-lighten-2 {
background-color: #f08182 !important; }
.btn-danger.btn-lighten-2 {
border-color: #e42728 !important;
background-color: #f08182 !important; }
.btn-danger.btn-lighten-2:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-lighten-2 {
border-color: #f08182 !important;
color: #f08182 !important; }
.btn-outline-danger.btn-outline-lighten-2:hover {
background-color: #f08182 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f08182 !important; }
.border-danger.border-lighten-2 {
border: 1px solid #f08182 !important; }
.border-top-danger.border-top-lighten-2 {
border-top: 1px solid #f08182 !important; }
.border-bottom-danger.border-bottom-lighten-2 {
border-bottom: 1px solid #f08182 !important; }
.border-left-danger.border-left-lighten-2 {
border-left: 1px solid #f08182 !important; }
.border-right-danger.border-right-lighten-2 {
border-right: 1px solid #f08182 !important; }
.overlay-danger.overlay-lighten-2 {
background: #f08182;
/* The Fallback */
background: rgba(240, 129, 130, 0.6); }
.danger.lighten-1 {
color: #ed6b6c !important; }
.bg-danger.bg-lighten-1 {
background-color: #ed6b6c !important; }
.btn-danger.btn-lighten-1 {
border-color: #e42728 !important;
background-color: #ed6b6c !important; }
.btn-danger.btn-lighten-1:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-lighten-1 {
border-color: #ed6b6c !important;
color: #ed6b6c !important; }
.btn-outline-danger.btn-outline-lighten-1:hover {
background-color: #ed6b6c !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ed6b6c !important; }
.border-danger.border-lighten-1 {
border: 1px solid #ed6b6c !important; }
.border-top-danger.border-top-lighten-1 {
border-top: 1px solid #ed6b6c !important; }
.border-bottom-danger.border-bottom-lighten-1 {
border-bottom: 1px solid #ed6b6c !important; }
.border-left-danger.border-left-lighten-1 {
border-left: 1px solid #ed6b6c !important; }
.border-right-danger.border-right-lighten-1 {
border-right: 1px solid #ed6b6c !important; }
.overlay-danger.overlay-lighten-1 {
background: #ed6b6c;
/* The Fallback */
background: rgba(237, 107, 108, 0.6); }
.danger {
color: #ea5455 !important; }
.bg-danger {
background-color: #ea5455 !important; }
.bg-danger .card-header,
.bg-danger .card-footer {
background-color: transparent; }
.alert-danger {
background: rgba(234, 84, 85, 0.2) !important;
color: #ea5455 !important; }
.alert-danger .alert-heading {
box-shadow: rgba(234, 84, 85, 0.4) 0px 6px 15px -7px; }
.alert-danger .alert-link {
color: #e73d3e !important; }
.bg-rgba-danger {
background: rgba(234, 84, 85, 0.15) !important; }
.border-danger {
border: 1px solid #ea5455 !important; }
.border-top-danger {
border-top: 1px solid #ea5455; }
.border-bottom-danger {
border-bottom: 1px solid #ea5455; }
.border-left-danger {
border-left: 1px solid #ea5455; }
.border-right-danger {
border-right: 1px solid #ea5455; }
.bg-danger.badge-glow,
.border-danger.badge-glow,
.badge-danger.badge-glow {
box-shadow: 0px 0px 10px #ea5455; }
.badge.badge-danger {
background-color: #ea5455; }
.badge.badge-light-danger {
background-color: #fbdcdc;
color: #ea5455 !important;
font-weight: 500; }
.overlay-danger {
background: #ea5455;
/* The Fallback */
background: rgba(234, 84, 85, 0.6); }
.btn-danger {
border-color: #e42728 !important;
background-color: #ea5455 !important;
color: #fff; }
.btn-danger:hover {
border-color: #e73d3e !important;
color: #fff !important;
box-shadow: 0 8px 25px -8px #ea5455; }
.btn-danger:focus, .btn-danger:active {
color: #fff !important; }
.btn-flat-danger {
background-color: transparent;
color: #ea5455; }
.btn-flat-danger:hover {
color: #ea5455;
background-color: rgba(234, 84, 85, 0.1); }
.btn-flat-danger:active, .btn-flat-danger:focus {
background-color: #ea5455;
color: #fff !important; }
.btn-relief-danger {
background-color: #ea5455;
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
color: #fff; }
.btn-relief-danger:hover {
color: #fff; }
.btn-relief-danger:active, .btn-relief-danger:focus {
outline: none;
transform: translateY(3px); }
.btn-outline-danger {
border: 1px solid #ea5455;
background-color: transparent;
color: #ea5455; }
.btn-outline-danger:hover {
background-color: rgba(234, 84, 85, 0.08);
color: #ea5455; }
.btn-outline-danger:active {
color: #fff !important; }
.btn-danger ~ .dropdown-menu .dropdown-item.active,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active {
background-color: #ea5455;
color: #fff; }
.btn-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active:hover {
color: #fff; }
.btn-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
color: #ea5455; }
.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i {
color: #ea5455; }
.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i {
color: #fff; }
.bullet.bullet-danger {
background-color: #ea5455; }
.pagination-danger .page-item.active .page-link {
background: #ea5455;
color: #fff; }
.pagination-danger .page-item.active .page-link:hover {
color: #fff; }
.pagination-danger .page-item .page-link:hover {
color: #ea5455; }
.pagination-danger .page-item.prev-item .page-link:hover, .pagination-danger .page-item.next-item .page-link:hover {
background: #ea5455;
color: #fff; }
.nav-pill-danger .nav-item .nav-link.active {
color: #fff;
background-color: #ea5455 !important; }
.progress-bar-danger {
background-color: rgba(234, 84, 85, 0.1); }
.progress-bar-danger .progress-bar {
background-color: #ea5455; }
.chip-danger {
background-color: #ea5455 !important; }
.chip-danger .chip-body {
color: #fff !important; }
.divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
border-color: #ea5455 !important; }
input[type="checkbox"].bg-danger + .custom-control-label:before, input[type="radio"].bg-danger + .custom-control-label:before {
background-color: #ea5455 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea5455 !important; }
.vs-checkbox-danger input:checked ~ .vs-checkbox {
border-color: #ea5455 !important; }
.vs-checkbox-danger input:checked ~ .vs-checkbox .vs-checkbox--check {
background-color: #ea5455 !important; }
.vs-checkbox-danger input:active:checked + .vs-checkbox .vs-checkbox--check {
background-color: #ea5455 !important; }
.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ea5455 !important;
color: #fff;
transition: all .2s ease-out; }
.vs-radio-danger input:checked ~ .vs-radio .vs-radio--circle {
background: #ea5455 !important;
box-shadow: 0 3px 12px 0 rgba(234, 84, 85, 0.4) !important; }
.danger.darken-1 {
color: #e73d3e !important; }
.bg-danger.bg-darken-1 {
background-color: #e73d3e !important; }
.btn-danger.btn-darken-1 {
border-color: #e42728 !important;
background-color: #e73d3e !important; }
.btn-danger.btn-darken-1:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-darken-1 {
border-color: #e73d3e !important;
color: #e73d3e !important; }
.btn-outline-danger.btn-outline-darken-1:hover {
background-color: #e73d3e !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e73d3e !important; }
.border-danger.border-darken-1 {
border: 1px solid #e73d3e !important; }
.border-top-danger.border-top-darken-1 {
border-top: 1px solid #e73d3e !important; }
.border-bottom-danger.border-bottom-darken-1 {
border-bottom: 1px solid #e73d3e !important; }
.border-left-danger.border-left-darken-1 {
border-left: 1px solid #e73d3e !important; }
.border-right-danger.border-right-darken-1 {
border-right: 1px solid #e73d3e !important; }
.overlay-danger.overlay-darken-1 {
background: #e73d3e;
/* The Fallback */
background: rgba(231, 61, 62, 0.6); }
.danger.darken-2 {
color: #e42728 !important; }
.bg-danger.bg-darken-2 {
background-color: #e42728 !important; }
.btn-danger.btn-darken-2 {
border-color: #e42728 !important;
background-color: #e42728 !important; }
.btn-danger.btn-darken-2:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-darken-2 {
border-color: #e42728 !important;
color: #e42728 !important; }
.btn-outline-danger.btn-outline-darken-2:hover {
background-color: #e42728 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e42728 !important; }
.border-danger.border-darken-2 {
border: 1px solid #e42728 !important; }
.border-top-danger.border-top-darken-2 {
border-top: 1px solid #e42728 !important; }
.border-bottom-danger.border-bottom-darken-2 {
border-bottom: 1px solid #e42728 !important; }
.border-left-danger.border-left-darken-2 {
border-left: 1px solid #e42728 !important; }
.border-right-danger.border-right-darken-2 {
border-right: 1px solid #e42728 !important; }
.overlay-danger.overlay-darken-2 {
background: #e42728;
/* The Fallback */
background: rgba(228, 39, 40, 0.6); }
.danger.darken-3 {
color: #d71a1c !important; }
.bg-danger.bg-darken-3 {
background-color: #d71a1c !important; }
.btn-danger.btn-darken-3 {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-darken-3:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-darken-3 {
border-color: #d71a1c !important;
color: #d71a1c !important; }
.btn-outline-danger.btn-outline-darken-3:hover {
background-color: #d71a1c !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d71a1c !important; }
.border-danger.border-darken-3 {
border: 1px solid #d71a1c !important; }
.border-top-danger.border-top-darken-3 {
border-top: 1px solid #d71a1c !important; }
.border-bottom-danger.border-bottom-darken-3 {
border-bottom: 1px solid #d71a1c !important; }
.border-left-danger.border-left-darken-3 {
border-left: 1px solid #d71a1c !important; }
.border-right-danger.border-right-darken-3 {
border-right: 1px solid #d71a1c !important; }
.overlay-danger.overlay-darken-3 {
background: #d71a1c;
/* The Fallback */
background: rgba(215, 26, 28, 0.6); }
.danger.darken-4 {
color: #c01819 !important; }
.bg-danger.bg-darken-4 {
background-color: #c01819 !important; }
.btn-danger.btn-darken-4 {
border-color: #e42728 !important;
background-color: #c01819 !important; }
.btn-danger.btn-darken-4:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-darken-4 {
border-color: #c01819 !important;
color: #c01819 !important; }
.btn-outline-danger.btn-outline-darken-4:hover {
background-color: #c01819 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c01819 !important; }
.border-danger.border-darken-4 {
border: 1px solid #c01819 !important; }
.border-top-danger.border-top-darken-4 {
border-top: 1px solid #c01819 !important; }
.border-bottom-danger.border-bottom-darken-4 {
border-bottom: 1px solid #c01819 !important; }
.border-left-danger.border-left-darken-4 {
border-left: 1px solid #c01819 !important; }
.border-right-danger.border-right-darken-4 {
border-right: 1px solid #c01819 !important; }
.overlay-danger.overlay-darken-4 {
background: #c01819;
/* The Fallback */
background: rgba(192, 24, 25, 0.6); }
.danger.accent-1 {
color: #FFEEF1 !important; }
.bg-danger.bg-accent-1 {
background-color: #FFEEF1 !important; }
.btn-danger.btn-accent-1 {
border-color: #e42728 !important;
background-color: #FFEEF1 !important; }
.btn-danger.btn-accent-1:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-accent-1 {
border-color: #FFEEF1 !important;
color: #FFEEF1 !important; }
.btn-outline-danger.btn-outline-accent-1:hover {
background-color: #FFEEF1 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFEEF1 !important; }
.border-danger.border-accent-1 {
border: 1px solid #FFEEF1 !important; }
.border-top-danger.border-top-accent-1 {
border-top: 1px solid #FFEEF1 !important; }
.border-bottom-danger.border-bottom-accent-1 {
border-bottom: 1px solid #FFEEF1 !important; }
.border-left-danger.border-left-accent-1 {
border-left: 1px solid #FFEEF1 !important; }
.border-right-danger.border-right-accent-1 {
border-right: 1px solid #FFEEF1 !important; }
.overlay-danger.overlay-accent-1 {
background: #FFEEF1;
/* The Fallback */
background: rgba(255, 238, 241, 0.6); }
.danger.accent-2 {
color: #FFD6DB !important; }
.bg-danger.bg-accent-2 {
background-color: #FFD6DB !important; }
.btn-danger.btn-accent-2 {
border-color: #e42728 !important;
background-color: #FFD6DB !important; }
.btn-danger.btn-accent-2:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-accent-2 {
border-color: #FFD6DB !important;
color: #FFD6DB !important; }
.btn-outline-danger.btn-outline-accent-2:hover {
background-color: #FFD6DB !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFD6DB !important; }
.border-danger.border-accent-2 {
border: 1px solid #FFD6DB !important; }
.border-top-danger.border-top-accent-2 {
border-top: 1px solid #FFD6DB !important; }
.border-bottom-danger.border-bottom-accent-2 {
border-bottom: 1px solid #FFD6DB !important; }
.border-left-danger.border-left-accent-2 {
border-left: 1px solid #FFD6DB !important; }
.border-right-danger.border-right-accent-2 {
border-right: 1px solid #FFD6DB !important; }
.overlay-danger.overlay-accent-2 {
background: #FFD6DB;
/* The Fallback */
background: rgba(255, 214, 219, 0.6); }
.danger.accent-3 {
color: #FFECEE !important; }
.bg-danger.bg-accent-3 {
background-color: #FFECEE !important; }
.btn-danger.btn-accent-3 {
border-color: #e42728 !important;
background-color: #FFECEE !important; }
.btn-danger.btn-accent-3:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-accent-3 {
border-color: #FFECEE !important;
color: #FFECEE !important; }
.btn-outline-danger.btn-outline-accent-3:hover {
background-color: #FFECEE !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFECEE !important; }
.border-danger.border-accent-3 {
border: 1px solid #FFECEE !important; }
.border-top-danger.border-top-accent-3 {
border-top: 1px solid #FFECEE !important; }
.border-bottom-danger.border-bottom-accent-3 {
border-bottom: 1px solid #FFECEE !important; }
.border-left-danger.border-left-accent-3 {
border-left: 1px solid #FFECEE !important; }
.border-right-danger.border-right-accent-3 {
border-right: 1px solid #FFECEE !important; }
.overlay-danger.overlay-accent-3 {
background: #FFECEE;
/* The Fallback */
background: rgba(255, 236, 238, 0.6); }
.danger.accent-4 {
color: #FFD3D7 !important; }
.bg-danger.bg-accent-4 {
background-color: #FFD3D7 !important; }
.btn-danger.btn-accent-4 {
border-color: #e42728 !important;
background-color: #FFD3D7 !important; }
.btn-danger.btn-accent-4:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-accent-4 {
border-color: #FFD3D7 !important;
color: #FFD3D7 !important; }
.btn-outline-danger.btn-outline-accent-4:hover {
background-color: #FFD3D7 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFD3D7 !important; }
.border-danger.border-accent-4 {
border: 1px solid #FFD3D7 !important; }
.border-top-danger.border-top-accent-4 {
border-top: 1px solid #FFD3D7 !important; }
.border-bottom-danger.border-bottom-accent-4 {
border-bottom: 1px solid #FFD3D7 !important; }
.border-left-danger.border-left-accent-4 {
border-left: 1px solid #FFD3D7 !important; }
.border-right-danger.border-right-accent-4 {
border-right: 1px solid #FFD3D7 !important; }
.overlay-danger.overlay-accent-4 {
background: #FFD3D7;
/* The Fallback */
background: rgba(255, 211, 215, 0.6); }
.danger.gradient-bg {
color: #640064 !important; }
.bg-danger.bg-gradient-bg {
background-color: #640064 !important; }
.btn-danger.btn-gradient-bg {
border-color: #e42728 !important;
background-color: #640064 !important; }
.btn-danger.btn-gradient-bg:hover {
border-color: #e42728 !important;
background-color: #d71a1c !important; }
.btn-danger.btn-gradient-bg:focus, .btn-danger.btn-gradient-bg:active {
border-color: #d71a1c !important;
background-color: #c01819 !important; }
.btn-outline-danger.btn-outline-gradient-bg {
border-color: #640064 !important;
color: #640064 !important; }
.btn-outline-danger.btn-outline-gradient-bg:hover {
background-color: #640064 !important; }
input:focus ~ .bg-danger {
box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important; }
.border-danger.border-gradient-bg {
border: 1px solid #640064 !important; }
.border-top-danger.border-top-gradient-bg {
border-top: 1px solid #640064 !important; }
.border-bottom-danger.border-bottom-gradient-bg {
border-bottom: 1px solid #640064 !important; }
.border-left-danger.border-left-gradient-bg {
border-left: 1px solid #640064 !important; }
.border-right-danger.border-right-gradient-bg {
border-right: 1px solid #640064 !important; }
.overlay-danger.overlay-gradient-bg {
background: #640064;
/* The Fallback */
background: rgba(100, 0, 100, 0.6); }
================================================
FILE: public/backend/css/components.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
html {
font-size: 14px;
height: 100%;
letter-spacing: .01rem; }
html body {
height: 100%;
background-color: #f8f8f8;
direction: ltr;
/*
* Blank page
*/ }
html body .content {
padding: 0;
position: relative;
transition: 300ms ease all;
backface-visibility: hidden;
min-height: calc(100% - 4rem);
margin-left: 260px; }
html body .content.app-content {
overflow: hidden; }
html body .content.app-content.show-overlay .content-overlay {
z-index: 10;
opacity: 1; }
html body .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0)); }
html body .content.app-content .content-overlay {
position: fixed;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: all .7s;
z-index: -1; }
html body .content.app-content .content-area-wrapper {
height: calc(100% - 5rem);
margin: calc(5rem + 2.7rem) 2.2rem 0;
display: flex;
position: relative; }
html body .content.app-content .content-area-wrapper .content-wrapper {
margin-top: 0;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem); }
html body .content .content-wrapper {
padding: calc(2.2rem - 0.4rem) 2.2rem 0;
margin-top: 6rem; }
html body .content .content-wrapper .content-header-title {
font-weight: 500;
color: #636363;
margin-right: 1rem; }
html body .content .content-wrapper .content-header-right .dropdown-toggle::after {
display: none; }
html body .content .content-wrapper .content-header-right .dropdown-toggle i {
margin-right: 0; }
html body .content .content-wrapper .content-header-right .btn-icon {
padding: .8rem; }
html body .content .content-wrapper .content-header-right .btn-icon i {
font-size: 1rem; }
html body.navbar-hidden .app-content .content-wrapper {
padding: 2.2rem;
margin-top: 0; }
html body.navbar-hidden .app-content .content-area-wrapper {
padding: 0;
margin-top: 2.5rem; }
html body.navbar-static .main-menu {
top: 0; }
html body.navbar-static .app-content .navbar-container {
padding-left: 2.2rem;
padding-right: 1.2rem; }
html body.navbar-static .app-content .content-wrapper {
padding: 2.2rem;
margin-top: 0;
padding-top: 1rem; }
html body.navbar-static .app-content .content-area-wrapper {
margin-top: 1rem; }
html body.navbar-sticky .app-content .navbar-container {
padding-left: 2.2rem;
padding-right: 1rem; }
html body.navbar-sticky .app-content .navbar-container .search-input .search-list.show {
width: 98%;
left: 1%; }
html body.navbar-sticky .app-content .content-wrapper {
padding: 2.2rem;
margin-top: 4.65rem; }
html body.navbar-static .navbar-container, html body.navbar-sticky .navbar-container {
padding-left: 2.2rem;
padding-right: 1rem; }
html body.navbar-static .navbar-container .search-input .search-list.show, html body.navbar-sticky .navbar-container .search-input .search-list.show {
width: 98%;
left: 1%; }
html body.fixed-footer .content.app-content {
margin-bottom: 3rem; }
html body p {
line-height: 1.5rem; }
html body.bg-full-screen-image {
background: url('../images/pages/vuexy-login-bg.jpg') no-repeat center center;
background-size: cover; }
html body.blank-page .content {
margin-left: 0; }
html body.blank-page .content.app-content {
overflow: overlay;
overflow-x: hidden; }
html body.blank-page .content.app-content .header-navbar-shadow {
display: none; }
html body.blank-page .content-wrapper {
padding: 0 !important;
margin-top: 0; }
html body.blank-page .content-wrapper .flexbox-container {
display: flex;
align-items: center;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
justify-content: center; }
html body[data-col="1-column"] .content, html body[data-col="1-column"] .footer {
margin-left: 0px !important; }
html .pace .pace-progress {
background: #7367f0; }
.app-content.center-layout {
overflow: hidden; }
/*
* Col 3 layout for detached and general type
*/
@media (min-width: 992px) {
body .content-right {
width: calc(100vw - (100vw - 100%) - 260px);
float: right; }
body .content-left {
width: calc(100vw - (100vw - 100%) - 260px);
float: left; }
body .content-detached {
width: 100%; }
body .content-detached.content-right {
float: right;
margin-left: -260px; }
body .content-detached.content-right .content-body {
margin-left: calc(260px + 2.2rem); }
body .content-detached.content-left {
float: left;
margin-right: -260px; }
body .content-detached.content-left .content-body {
margin-right: calc(260px + 2.2rem); }
.sidebar-right.sidebar-sticky {
float: right !important;
margin-left: -260px;
width: 260px !important;
margin-top: 6rem; } }
.truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important; }
@media (max-width: 575.98px) {
html body .content .content-wrapper {
padding: calc(2.2rem - 0.4rem) calc(2.2rem - 1rem) 0; } }
@media (max-width: 575.98px) {
body.navbar-static .app-content .header-navbar .navbar-container, body.navbar-sticky .app-content .header-navbar .navbar-container {
padding-left: 1rem;
padding-right: .5rem; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html.full-screen {
width: 100%; }
html.full-screen .content.app-content {
height: 100%;
overflow: scroll;
overflow-x: hidden; } }
/*=========================================================================================
File Name: sidebar.scss
Description: content sidebar specific scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.sidebar {
position: relative;
width: 100%; }
@media (min-width: 992px) {
.sidebar {
vertical-align: top; } }
.sidebar-fixed {
position: fixed;
height: 100%;
overflow: scroll; }
.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 997;
display: none; }
.drag-target {
height: 100%;
width: 40px;
position: fixed;
top: 0;
left: -10px;
z-index: 1036; }
@media (min-width: 992px) {
.sidebar-left {
float: left; }
.sidebar-right {
float: right; } }
footer.footer {
padding: 1rem 2.2rem; }
footer.footer a {
margin: 0 0.3rem; }
footer.footer span i {
margin-left: 0.5rem;
font-size: 1.51rem;
color: #ea5455;
position: relative;
top: 2px; }
footer.footer .scroll-top {
padding: .81rem .83rem; }
footer.navbar-shadow {
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15); }
footer.navbar-border {
border-top: 1px solid #E4E7ED; }
body.fixed-footer footer.footer-light {
background: #fff;
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15); }
body.fixed-footer footer.footer-dark {
background: #b8c2cc;
color: #fff; }
.scroll-top {
position: fixed;
bottom: 5%;
right: 30px;
display: none;
z-index: 99; }
/*=========================================================================================
File Name: navigations.scss
Description: Common mixin for menus, contain dark and light version scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.main-menu {
z-index: 1031;
position: absolute;
display: table-cell;
height: 100%;
overflow: hidden; }
.main-menu.menu-light {
color: #626262;
background: #fff; }
.main-menu.menu-light .main-menu-header {
padding: 20px; }
.main-menu.menu-light .main-menu-header .menu-search {
background: #e6e6e6;
padding: 0.5rem 1rem;
color: #494949; }
.main-menu.menu-light .main-menu-header .menu-search:focus {
border-color: #d9d9d9; }
.main-menu.menu-light .navigation {
background: #fff; }
.main-menu.menu-light .navigation .navigation-header {
color: #999999;
margin: calc(2.2rem - 0.2rem) 0 0.8rem 2.2rem;
padding: 0;
line-height: 1.5;
letter-spacing: .01rem; }
.main-menu.menu-light .navigation .navigation-header span {
font-weight: 500; }
.main-menu.menu-light .navigation li.has-sub ul.menu-content {
padding: 7px;
margin: -7px -7px 0 -7px; }
.main-menu.menu-light .navigation li a {
color: #565656;
padding: 10px 15px 10px 15px;
line-height: 1.45;
transition: padding 0.35s ease 0s !important; }
.main-menu.menu-light .navigation li a span.menu-sub-title {
color: #afafaf; }
.main-menu.menu-light .navigation li.hover > a {
padding-left: 25px;
transition: padding 0.35s ease 0s !important; }
.main-menu.menu-light .navigation > li {
padding: 0 15px; }
.main-menu.menu-light .navigation > li > a .label {
margin-top: 4px;
margin-right: 5px; }
.main-menu.menu-light .navigation > li > a i {
position: relative;
top: 1px; }
.main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
color: #494949;
background: whitesmoke;
transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
border-radius: 6px;
margin-bottom: 7px; }
.main-menu.menu-light .navigation > li:not(.open) > ul {
display: none; }
.main-menu.menu-light .navigation > li.active > a {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);
color: #fff;
font-weight: 400;
border-radius: 4px; }
.main-menu.menu-light .navigation > li .active {
background: #f0f0f0; }
.main-menu.menu-light .navigation > li .active > a {
color: #7367f0;
margin-bottom: 0; }
.main-menu.menu-light .navigation > li .active .hover > a {
background: whitesmoke; }
.main-menu.menu-light .navigation > li ul {
padding: 0;
margin: 0; }
.main-menu.menu-light .navigation > li ul li {
color: #626262;
background: transparent; }
.main-menu.menu-light .navigation > li ul li > a {
padding: 10px 15px 10px 20px; }
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {
display: none; }
.main-menu.menu-light .navigation > li ul .open > a, .main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
color: #626262; }
.main-menu.menu-light .navigation > li ul .open > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {
display: block; }
.main-menu.menu-light .navigation > li ul .open > ul .open > ul, .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
display: block; }
.main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a {
color: #6c6c6c; }
.main-menu.menu-light .navigation > li ul .active {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);
border-radius: 4px; }
.main-menu.menu-light .navigation > li ul .active > a {
color: #fff; }
.main-menu.menu-light .navigation > li > ul {
background: #fff; }
.main-menu.menu-light ul.menu-popout {
background: #fff; }
.main-menu.menu-light ul.menu-popout li a {
color: #626262; }
.main-menu.menu-light ul.menu-popout li a span.menu-sub-title {
color: #afafaf; }
.main-menu.menu-light ul.menu-popout li.hover > a, .main-menu.menu-light ul.menu-popout li:hover > a, .main-menu.menu-light ul.menu-popout li.open > a {
background: #f0f0f0; }
.main-menu.menu-light ul.menu-popout .has-sub:not(.open) > ul {
display: none; }
.main-menu.menu-light ul.menu-popout .open > a {
color: #626262; }
.main-menu.menu-light ul.menu-popout .open > ul {
display: block; }
.main-menu.menu-light ul.menu-popout .open > ul .open {
background: #e8e8e8; }
.main-menu.menu-light ul.menu-popout .open > ul .open > ul {
display: block;
background: #e8e8e8; }
.main-menu.menu-light ul.menu-popout .hover > a, .main-menu.menu-light ul.menu-popout:hover > a {
color: #6c6c6c;
background-color: whitesmoke; }
.main-menu.menu-light ul.menu-popout .active {
background: rgba(0, 0, 0, 0.06); }
.main-menu.menu-light ul.menu-popout .active > a {
color: #7c7c7c;
background-color: whitesmoke; }
.main-menu.menu-light ul.menu-popout .active .hover > a, .main-menu.menu-light ul.menu-popout .active :hover > a {
background-color: transparent; }
.main-menu.menu-dark {
color: #dcdcdc;
background: #10163a; }
.main-menu.menu-dark .main-menu-header {
padding: 20px; }
.main-menu.menu-dark .main-menu-header .menu-search {
background: #050712;
padding: 0.5rem 1rem;
color: #c3c3c3; }
.main-menu.menu-dark .main-menu-header .menu-search:focus {
border-color: black; }
.main-menu.menu-dark .navigation {
background: #10163a; }
.main-menu.menu-dark .navigation .navigation-header {
color: white;
margin: calc(2.2rem - 0.2rem) 0 0.8rem 2.2rem;
padding: 0;
line-height: 1.5;
letter-spacing: .01rem; }
.main-menu.menu-dark .navigation .navigation-header span {
font-weight: 500; }
.main-menu.menu-dark .navigation li.has-sub ul.menu-content {
padding: 7px;
margin: -7px -7px 0 -7px; }
.main-menu.menu-dark .navigation li a {
color: #d0d0d0;
padding: 10px 15px 10px 15px;
line-height: 1.45;
transition: padding 0.35s ease 0s !important; }
.main-menu.menu-dark .navigation li a span.menu-sub-title {
color: white; }
.main-menu.menu-dark .navigation li.hover > a {
padding-left: 25px;
transition: padding 0.35s ease 0s !important; }
.main-menu.menu-dark .navigation > li {
padding: 0 15px; }
.main-menu.menu-dark .navigation > li > a .label {
margin-top: 4px;
margin-right: 5px; }
.main-menu.menu-dark .navigation > li > a i {
position: relative;
top: 1px; }
.main-menu.menu-dark .navigation > li.open > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
color: #c3c3c3;
background: #0c102a;
transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
border-radius: 6px;
margin-bottom: 7px; }
.main-menu.menu-dark .navigation > li:not(.open) > ul {
display: none; }
.main-menu.menu-dark .navigation > li.active > a {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);
color: #fff;
font-weight: 400;
border-radius: 4px; }
.main-menu.menu-dark .navigation > li .active {
background: #090d22; }
.main-menu.menu-dark .navigation > li .active > a {
color: #7367f0;
margin-bottom: 0; }
.main-menu.menu-dark .navigation > li .active .hover > a {
background: #0c102a; }
.main-menu.menu-dark .navigation > li ul {
padding: 0;
margin: 0; }
.main-menu.menu-dark .navigation > li ul li {
color: #dcdcdc;
background: transparent; }
.main-menu.menu-dark .navigation > li ul li > a {
padding: 10px 15px 10px 20px; }
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
display: none; }
.main-menu.menu-dark .navigation > li ul .open > a, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
color: #dcdcdc; }
.main-menu.menu-dark .navigation > li ul .open > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {
display: block; }
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul, .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
display: block; }
.main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a {
color: #e6e6e6; }
.main-menu.menu-dark .navigation > li ul .active {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7);
border-radius: 4px; }
.main-menu.menu-dark .navigation > li ul .active > a {
color: #fff; }
.main-menu.menu-dark .navigation > li > ul {
background: #10163a; }
.main-menu.menu-dark ul.menu-popout {
background: #10163a; }
.main-menu.menu-dark ul.menu-popout li a {
color: #dcdcdc; }
.main-menu.menu-dark ul.menu-popout li a span.menu-sub-title {
color: white; }
.main-menu.menu-dark ul.menu-popout li.hover > a, .main-menu.menu-dark ul.menu-popout li:hover > a, .main-menu.menu-dark ul.menu-popout li.open > a {
background: #090d22; }
.main-menu.menu-dark ul.menu-popout .has-sub:not(.open) > ul {
display: none; }
.main-menu.menu-dark ul.menu-popout .open > a {
color: #dcdcdc; }
.main-menu.menu-dark ul.menu-popout .open > ul {
display: block; }
.main-menu.menu-dark ul.menu-popout .open > ul .open {
background: #060816; }
.main-menu.menu-dark ul.menu-popout .open > ul .open > ul {
display: block;
background: #060816; }
.main-menu.menu-dark ul.menu-popout .hover > a, .main-menu.menu-dark ul.menu-popout:hover > a {
color: #e6e6e6;
background-color: #0c102a; }
.main-menu.menu-dark ul.menu-popout .active {
background: rgba(0, 0, 0, 0.06); }
.main-menu.menu-dark ul.menu-popout .active > a {
color: #f6f6f6;
background-color: #0c102a; }
.main-menu.menu-dark ul.menu-popout .active .hover > a, .main-menu.menu-dark ul.menu-popout .active :hover > a {
background-color: transparent; }
.main-menu.menu-fixed {
position: fixed;
/* fallback if needed */ }
.main-menu.menu-fixed .main-menu-footer {
position: fixed; }
.main-menu.menu-static {
height: 100%;
padding-bottom: calc(100% - 20rem); }
.main-menu.menu-static .main-menu-content {
height: unset !important; }
.main-menu.menu-shadow {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); }
.main-menu.menu-border {
border-right: 1px solid #E4E7ED; }
.main-menu .shadow-bottom {
display: none;
position: absolute;
z-index: 2;
height: 60px;
width: 100%;
pointer-events: none;
margin-top: -1.3rem;
filter: blur(5px);
background: linear-gradient(#fff 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0)); }
.main-menu.menu-native-scroll .main-menu-content {
overflow-y: scroll; }
.main-menu .navbar-header {
height: 100%;
width: 260px;
height: 5rem;
position: relative;
padding: 0.35rem 1rem 0.3rem 1.64rem;
transition: 300ms ease all; }
.main-menu .navbar-header .navbar-brand {
display: flex;
align-items: center;
margin-top: 1.35rem; }
.main-menu .navbar-header .navbar-brand .brand-logo {
/* background: url("../../app-assets/images/logo/vuexy-logo.png") no-repeat; */
background-position: -65px -54px;
height: 24px;
width: 35px; }
.main-menu .navbar-header .navbar-brand .brand-text {
color: #7367f0;
padding-left: 1rem;
font-weight: 600;
letter-spacing: 0.01rem;
font-size: 1.57rem;
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
.main-menu .navbar-header .modern-nav-toggle {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
.main-menu .main-menu-content {
height: calc(100% - 6rem) !important;
position: relative; }
.main-menu ul {
list-style: none;
margin: 0;
padding: 0; }
.main-menu ul.navigation-main {
overflow-x: hidden; }
.main-menu ul.navigation-main > li:first-child {
margin-top: .5rem; }
.main-menu a {
outline: none; }
.main-menu a:hover, .main-menu a:focus {
text-decoration: none; }
.navigation {
font-size: 1.1rem;
font-family: "Montserrat", Helvetica, Arial, serif;
font-weight: 400;
overflow-y: hidden;
padding-bottom: 20px; }
.navigation .navigation-header {
font-family: "Montserrat", Helvetica, Arial, serif;
font-weight: 500;
line-height: 1.2;
padding: 12px 22px;
font-size: .9rem;
text-transform: uppercase; }
.navigation li {
position: relative;
white-space: nowrap; }
.navigation li a {
display: block;
text-overflow: ellipsis;
overflow: hidden; }
.navigation li a i {
font-size: 0.8rem;
margin-right: 1.38rem; }
.navigation li.disabled a {
cursor: not-allowed; }
.menu-popout li.disabled a {
cursor: not-allowed; }
.dropdown-notification .nav-link-label {
position: relative; }
.dropdown-notification .notification-text {
margin-bottom: 0.5rem;
font-size: smaller;
color: #626262; }
.dropdown-notification .notification-title {
color: rgba(255, 255, 255, 0.75); }
.dropdown-notification .notification-tag {
position: relative;
top: -4px; }
.dropdown-notification .dropdown-menu.dropdown-menu-right {
right: -2px;
padding: 0; }
.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
background: #7367f0;
border-color: #7367f0; }
.dropdown-notification .dropdown-menu-header {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #7367f0;
color: #fff;
text-align: center; }
.dropdown-notification .dropdown-menu-header .dropdown-header h3 {
margin-bottom: 0.25rem; }
.main-menu-header .user-content {
padding: 20px; }
.main-menu-header .user-content .media {
overflow: inherit; }
.main-menu-header .user-content .media-body {
vertical-align: bottom;
opacity: 1;
width: 150px;
white-space: nowrap;
transition: all .3s ease .15s; }
.main-menu-footer {
position: relative;
overflow: hidden;
bottom: 0;
display: block;
z-index: 1000;
color: white;
background-color: #9aa9b7; }
.main-menu-footer.footer-open {
max-height: 500px;
transition: max-height 0.2s ease-in-out; }
.main-menu-footer a {
color: white; }
.main-menu-footer a:hover, .main-menu-footer a:focus {
color: #fff; }
.main-menu-footer .header {
height: 19px;
border-bottom: 1px solid #a9b5c1; }
.main-menu-footer .toggle {
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
.main-menu-footer .content {
padding: 0; }
.main-menu-footer .content .actions > a {
display: block;
float: left;
width: 33.33333%;
padding: 1rem 0;
color: white;
text-align: center;
border-top: 1px solid #a9b5c1;
border-left: 1px solid #a9b5c1; }
.main-menu-footer .content .actions > a > span {
font-size: 1.35rem; }
.main-menu-footer .content .actions > a:hover, .main-menu-footer .content .actions > a:focus {
color: #fff; }
body.vertical-layout.vertical-menu.menu-expanded .main-menu-footer .content {
margin-left: 0; }
body.menu-collapsed .menu-static {
padding-bottom: calc(100% - 14rem); }
@media (max-width: 767.98px) {
.menu-hide .main-menu,
.menu-open .main-menu {
transition: transform .25s, top .35s, height .35s; }
.main-menu {
transform: translate3d(-240px, 0, 0);
backface-visibility: hidden;
perspective: 1000; }
.menu-open .main-menu {
transform: translate3d(0, 0, 0); } }
@media (min-width: 768px) {
.drag-target {
z-index: 0; } }
body.fixed-footer .main-menu.menu-fixed {
height: 100%; }
@media (max-width: 1200px) {
body .main-menu.menu-static {
padding-bottom: 100%; } }
.display-inline {
display: inline !important; }
.display-block {
display: block !important; }
.display-inline-block {
display: inline-block !important; }
.display-hidden {
display: none !important; }
.display-table-cell {
display: table-cell !important; }
.position-top-0 {
top: 0; }
.position-right-0 {
right: 0; }
.position-bottom-0 {
bottom: 0; }
.position-left-0 {
left: 0; }
.zindex-1 {
z-index: 1 !important; }
.zindex-2 {
z-index: 2 !important; }
.zindex-3 {
z-index: 3 !important; }
.zindex-4 {
z-index: 4 !important; }
.zindex-0 {
z-index: 0 !important; }
.zindex-minus-1 {
z-index: -1 !important; }
.zindex-minus-2 {
z-index: -2 !important; }
.zindex-minus-3 {
z-index: -3 !important; }
.zindex-minus-4 {
z-index: -4 !important; }
.no-edge-top {
top: 0 !important; }
.no-edge-bottom {
bottom: 0 !important; }
.no-edge-left {
left: 0 !important; }
.no-edge-right {
right: 0 !important; }
.cursor-pointer {
cursor: pointer; }
.cursor-move {
cursor: move; }
.cursor-default {
cursor: default; }
.cursor-progress {
cursor: progress; }
.cursor-not-allowed {
cursor: not-allowed; }
.overflow-hidden {
overflow: hidden; }
.overflow-visible {
overflow: visible; }
.overflow-auto {
overflow: auto; }
.overflow-scroll {
overflow: scroll; }
.overflow-x-scroll {
overflow: scroll; }
.overflow-y-scroll {
overflow: scroll; }
.bullets-inside {
list-style: inside; }
.list-style-circle {
list-style: circle; }
.list-style-square {
list-style: square; }
.list-style-icons {
padding-left: 10px;
margin-left: 0;
list-style: none; }
.list-style-icons > li i {
float: left;
width: 1em;
margin: 0 6px 0 0; }
.border {
border: 1px solid; }
.border-top {
border-top: 1px solid; }
.border-bottom {
border-bottom: 1px solid; }
.border-left {
border-left: 1px solid; }
.border-right {
border-right: 1px solid; }
.border-2 {
border-width: 2px !important; }
.border-top-2 {
border-top-width: 2px !important; }
.border-bottom-2 {
border-bottom-width: 2px !important; }
.border-left-2 {
border-left-width: 2px !important; }
.border-right-2 {
border-right-width: 2px !important; }
.border-3 {
border-width: 3px !important; }
.border-top-3 {
border-top-width: 3px !important; }
.border-bottom-3 {
border-bottom-width: 3px !important; }
.border-left-3 {
border-left-width: 3px !important; }
.border-right-3 {
border-right-width: 3px !important; }
.no-border-top-radius {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
.no-border-bottom-radius {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.no-border-top-left-radius {
border-top-left-radius: 0 !important; }
.no-border-top-right-radius {
border-top-right-radius: 0 !important; }
.no-border-bottom-left-radius {
border-bottom-left-radius: 0 !important; }
.no-border-bottom-right-radius {
border-bottom-right-radius: 0 !important; }
.box-shadow-0 {
box-shadow: none !important; }
.box-shadow-1 {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.box-shadow-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.box-shadow-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.box-shadow-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.box-shadow-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.box-shadow-6 {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.fit {
max-width: 100% !important; }
.half-width {
width: 50% !important; }
.full-width {
width: 100% !important; }
.full-height {
height: 100% !important; }
.width-50 {
width: 50px !important; }
.width-100 {
width: 100px !important; }
.width-150 {
width: 150px !important; }
.width-200 {
width: 200px !important; }
.width-250 {
width: 250px !important; }
.width-300 {
width: 300px !important; }
.width-350 {
width: 350px !important; }
.width-400 {
width: 400px !important; }
.width-450 {
width: 450px !important; }
.width-500 {
width: 500px !important; }
.width-550 {
width: 550px !important; }
.width-600 {
width: 600px !important; }
.width-650 {
width: 650px !important; }
.width-700 {
width: 700px !important; }
.width-750 {
width: 750px !important; }
.width-800 {
width: 800px !important; }
.width-5-per {
width: 5% !important; }
.width-10-per {
width: 10% !important; }
.width-15-per {
width: 15% !important; }
.width-20-per {
width: 20% !important; }
.width-25-per {
width: 25% !important; }
.width-30-per {
width: 30% !important; }
.width-35-per {
width: 35% !important; }
.width-40-per {
width: 40% !important; }
.width-45-per {
width: 45% !important; }
.width-50-per {
width: 50% !important; }
.width-55-per {
width: 55% !important; }
.width-60-per {
width: 60% !important; }
.width-65-per {
width: 65% !important; }
.width-70-per {
width: 70% !important; }
.width-75-per {
width: 75% !important; }
.width-80-per {
width: 80% !important; }
.width-90-per {
width: 90% !important; }
.width-95-per {
width: 95% !important; }
.height-50 {
height: 50px !important; }
.height-75 {
height: 75px !important; }
.height-100 {
height: 100px !important; }
.height-150 {
height: 150px !important; }
.height-200 {
height: 200px !important; }
.height-250 {
height: 250px !important; }
.height-300 {
height: 300px !important; }
.height-350 {
height: 350px !important; }
.height-400 {
height: 400px !important; }
.height-450 {
height: 450px !important; }
.height-500 {
height: 500px !important; }
.height-550 {
height: 550px !important; }
.height-600 {
height: 600px !important; }
.height-650 {
height: 650px !important; }
.height-700 {
height: 700px !important; }
.height-750 {
height: 750px !important; }
.height-800 {
height: 800px !important; }
.height-5-per {
height: 5% !important; }
.height-10-per {
height: 10% !important; }
.height-15-per {
height: 15% !important; }
.height-20-per {
height: 20% !important; }
.height-25-per {
height: 25% !important; }
.height-30-per {
height: 30% !important; }
.height-35-per {
height: 35% !important; }
.height-40-per {
height: 40% !important; }
.height-45-per {
height: 45% !important; }
.height-50-per {
height: 50% !important; }
.height-55-per {
height: 55% !important; }
.height-60-per {
height: 60% !important; }
.height-65-per {
height: 65% !important; }
.height-70-per {
height: 70% !important; }
.height-75-per {
height: 75% !important; }
.height-80-per {
height: 80% !important; }
.full-height-vh-with-nav {
height: calc(100vh - 5rem - 4rem);
height: calc(var(--vh, 1vh) * 100 - 5rem - 4rem); }
.full-height-vh {
height: 100vh;
height: calc(var(--vh, 1vh) * 100); }
.line-height-1 {
line-height: 1 !important; }
.line-height-2 {
line-height: 2 !important; }
.rotate-45 {
transform: rotate(45deg); }
.rotate-45-inverse {
transform: rotate(-45deg); }
.rotate-90 {
transform: rotate(45deg); }
.rotate-90-inverse {
transform: rotate(-45deg); }
.rotate-180 {
transform: rotate(45deg); }
.rotate-180-inverse {
transform: rotate(-45deg); }
.pull-up {
transition: all 0.25s ease; }
.pull-up:hover {
transform: translateY(-4px) scale(1.02);
box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
z-index: 30; }
.spinner {
display: inline-block;
animation: spin 1s linear infinite; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.spinner-reverse {
display: inline-block;
animation: spin-reverse 1s linear infinite; }
@keyframes spin-reverse {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(-360deg); } }
.bg-cover {
background-size: cover !important; }
.background-repeat {
background-repeat: repeat !important; }
.background-no-repeat {
background-repeat: no-repeat !important; }
.img-xl {
width: 64px !important;
height: 64px !important; }
.img-lg {
width: 44px !important;
height: 44px !important; }
.img-sm {
width: 36px !important;
height: 36px !important; }
.img-xs {
width: 32px !important;
height: 32px !important; }
.bullet {
width: 1rem;
height: 1rem;
border-radius: 50%;
display: inline-block; }
.bullet.bullet-xs {
width: 0.5rem;
height: 0.5rem; }
.bullet.bullet-sm {
width: 0.714rem;
height: 0.714rem; }
.bullet.bullet-lg {
width: 1.25rem;
height: 1.25rem; }
.avatar {
white-space: nowrap;
background-color: #c3c3c3;
border-radius: 50%;
position: relative;
cursor: pointer;
color: #fff;
display: inline-flex;
font-size: .75rem;
text-align: center;
vertical-align: middle;
margin: 5px; }
.avatar .avatar-content {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center; }
.avatar .avatar-content .avatar-icon {
font-size: 1.2rem; }
.avatar [class*="avatar-status-"] {
border-radius: 50%;
width: 11px;
height: 11px;
position: absolute;
right: 0;
bottom: 0;
border: 1px solid #fff; }
.avatar [class*="avatar-status-"].avatar-status-lg {
width: 17px;
height: 17px;
border-width: 2px; }
.avatar .avatar-status-online {
background-color: #28c76f; }
.avatar .avatar-status-busy {
background-color: #ea5455; }
.avatar .avatar-status-away {
background-color: #ff9f43; }
.avatar .avatar-status-offline {
background-color: #b8c2cc; }
.avatar img {
border-radius: 50%; }
.avatar.avatar-xl {
font-size: 1.5rem; }
.avatar.avatar-xl img {
width: 70px;
height: 70px; }
.avatar.avatar-xl .avatar-content {
height: 70px;
width: 70px; }
.avatar.avatar-xl .avatar-content .avatar-icon {
font-size: 3rem; }
.avatar.avatar-lg {
font-size: 1.2rem; }
.avatar.avatar-lg img {
width: 50px;
height: 50px; }
.avatar.avatar-lg .avatar-content {
width: 50px;
height: 50px; }
.avatar.avatar-lg .avatar-content .avatar-icon {
font-size: 2rem; }
.avatar.avatar-sm .avatar-content {
width: 24px;
height: 24px; }
.avatar.avatar-sm .avatar-content .avatar-icon {
font-size: 1rem; }
.avatar.avatar-sm img {
width: 24px;
height: 24px; }
/*=========================================================================================
File Name: search.scss
Description: Search functionality.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.navbar-container a.nav-link-search {
float: left; }
.navbar-container .search-input {
float: left;
width: 0; }
.navbar-container .search-input input {
width: 0;
border: none;
background: none;
transition: all 0.2s ease-out;
line-height: 16px;
padding: 1.6rem 3.6rem; }
.navbar-container .search-input.open {
position: absolute;
left: 0;
background: #fff;
right: 0;
width: 100%;
z-index: 1000;
border-radius: 0.5rem; }
.navbar-container .search-input.open .search-input-close,
.navbar-container .search-input.open .search-input-icon {
display: block; }
.navbar-container .search-input.open input {
width: 100%;
outline: none;
background: none;
transition: all 0.3s ease-out; }
.navbar-container .search-input .search-list {
max-height: 450px;
height: calc(100vh - 11rem);
position: absolute;
top: 100%;
left: 0;
background: #fff;
width: 100%;
margin-top: .5rem;
padding-left: 0;
border-radius: 0.5rem;
display: none; }
.navbar-container .search-input .search-list.search-list-bookmark {
height: auto !important; }
.navbar-container .search-input .search-list.show {
display: block; }
.navbar-container .search-input .search-list li a {
padding: .9rem 1rem;
color: #626262; }
.navbar-container .search-input .search-list li a span[class*="feather icon-"] {
font-size: 1.25rem; }
.navbar-container .search-input .search-list li:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem; }
.navbar-container .search-input .search-list li:last-child {
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem; }
.navbar-container .search-input .search-list li.auto-suggestion:hover, .navbar-container .search-input .search-list li.auto-suggestion.current_item {
background-color: #f1f1f1; }
.navbar-container .search-input .search-input-icon {
z-index: 2;
display: none;
position: absolute;
left: 1.5rem;
top: 37%;
cursor: pointer; }
.navbar-container .search-input .search-input-icon i {
font-size: 1.25rem; }
.navbar-container .search-input .search-input-close {
z-index: 1;
display: none;
position: absolute;
right: 2rem;
top: 32%;
cursor: pointer; }
.navbar-container .search-input .search-input-close i {
font-size: 1.75rem; }
.navbar-container .bookmark-input {
position: absolute;
top: 102%;
width: 25%;
display: none; }
.navbar-container .bookmark-input.show {
display: block; }
.navbar-container .bookmark-input .bookmark-input-icon {
position: absolute;
z-index: 1;
top: .85rem;
left: 1rem; }
.navbar-container .bookmark-input input {
padding: .7rem .7rem .7rem 2.5rem;
width: 100%;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2); }
.navbar-container .bookmark-input input:focus {
border: 1px solid #7367f0; }
.navbar-container .bookmark-input .search-list {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
.navbar-container .bookmark-icon {
cursor: pointer; }
.navbar-container .dropdown.bookmark-dropdown {
padding: 1.4rem 0.5rem 1.35rem; }
.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
display: none; }
.navbar-container .search-data-title {
line-height: 1.25rem; }
.navbar-dark .search-input .input,
.navbar-semi-light .search-input .input {
color: #F5F7FA;
border-radius: .5rem; }
.navbar-dark .search-input.open .input,
.navbar-semi-light .search-input.open .input {
color: #F5F7FA;
border: 1px solid #F5F7FA; }
body.navbar-static .navbar-container .search-input.open {
border-radius: 0; }
.apexcharts-canvas .apexcharts-tooltip {
color: #626262 !important; }
.apexcharts-canvas .apexcharts-tooltip.dark {
color: #fff !important; }
.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
color: #626262; }
.apexcharts-xaxistooltip {
color: #626262 !important; }
#client-retention-chart .apexcharts-canvas .apexcharts-legend {
left: -14px !important; }
.apexcharts-toolbar {
z-index: 10; }
.btn-social, .btn-social-icon {
position: relative;
padding-left: 4.95rem;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.btn-social > :first-child, .btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 2px;
bottom: 0;
width: 2.95rem;
line-height: 2.7rem;
font-size: 1rem;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.btn-social-icon {
height: 2.95rem;
width: 2.95rem;
padding: 0; }
.btn-social-icon > :first-child {
border: none;
text-align: center;
width: 100% !important; }
.btn-adn {
background-color: #d87a68;
color: #fff;
background-color: #d87a68;
border-color: #fff; }
.btn-adn:hover {
color: #fff;
background-color: #d87a68;
border-color: #d87a68; }
.btn-adn:focus, .btn-adn.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-adn.disabled, .btn-adn:disabled {
color: #fff;
background-color: #d87a68;
border-color: #fff; }
.btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active,
.show > .btn-adn.dropdown-toggle {
color: #fff;
background-color: #ce563f;
border-color: #dfdfdf; }
.btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus,
.show > .btn-adn.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-bitbucket {
background-color: #205081;
color: #fff;
background-color: #205081;
border-color: #fff; }
.btn-bitbucket:hover {
color: #fff;
background-color: #205081;
border-color: #205081; }
.btn-bitbucket:focus, .btn-bitbucket.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-bitbucket.disabled, .btn-bitbucket:disabled {
color: #fff;
background-color: #205081;
border-color: #fff; }
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active,
.show > .btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: #163758;
border-color: #dfdfdf; }
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-dropbox {
background-color: #1087dd;
color: #fff;
background-color: #1087dd;
border-color: #fff; }
.btn-dropbox:hover {
color: #fff;
background-color: #1087dd;
border-color: #1087dd; }
.btn-dropbox:focus, .btn-dropbox.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-dropbox.disabled, .btn-dropbox:disabled {
color: #fff;
background-color: #1087dd;
border-color: #fff; }
.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active,
.show > .btn-dropbox.dropdown-toggle {
color: #fff;
background-color: #0d6aad;
border-color: #dfdfdf; }
.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus,
.show > .btn-dropbox.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-facebook {
background-color: #3b5998;
color: #fff;
background-color: #3b5998;
border-color: #fff; }
.btn-facebook:hover {
color: #fff;
background-color: #3b5998;
border-color: #3b5998; }
.btn-facebook:focus, .btn-facebook.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-facebook.disabled, .btn-facebook:disabled {
color: #fff;
background-color: #3b5998;
border-color: #fff; }
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #dfdfdf; }
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-flickr {
background-color: #ff0084;
color: #fff;
background-color: #ff0084;
border-color: #fff; }
.btn-flickr:hover {
color: #fff;
background-color: #ff0084;
border-color: #ff0084; }
.btn-flickr:focus, .btn-flickr.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-flickr.disabled, .btn-flickr:disabled {
color: #fff;
background-color: #ff0084;
border-color: #fff; }
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {
color: #fff;
background-color: #cc006a;
border-color: #dfdfdf; }
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-foursquare {
background-color: #f94877;
color: #fff;
background-color: #f94877;
border-color: #fff; }
.btn-foursquare:hover {
color: #fff;
background-color: #f94877;
border-color: #f94877; }
.btn-foursquare:focus, .btn-foursquare.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-foursquare.disabled, .btn-foursquare:disabled {
color: #fff;
background-color: #f94877;
border-color: #fff; }
.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active,
.show > .btn-foursquare.dropdown-toggle {
color: #fff;
background-color: #f71752;
border-color: #dfdfdf; }
.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus,
.show > .btn-foursquare.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-github {
background-color: #444444;
color: #fff;
background-color: #444444;
border-color: #fff; }
.btn-github:hover {
color: #fff;
background-color: #444444;
border-color: #444444; }
.btn-github:focus, .btn-github.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-github.disabled, .btn-github:disabled {
color: #fff;
background-color: #444444;
border-color: #fff; }
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle {
color: #fff;
background-color: #2b2b2b;
border-color: #dfdfdf; }
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-google {
background-color: #dd4b39;
color: #fff;
background-color: #dd4b39;
border-color: #fff; }
.btn-google:hover {
color: #fff;
background-color: #dd4b39;
border-color: #dd4b39; }
.btn-google:focus, .btn-google.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-google.disabled, .btn-google:disabled {
color: #fff;
background-color: #dd4b39;
border-color: #fff; }
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
.show > .btn-google.dropdown-toggle {
color: #fff;
background-color: #c23321;
border-color: #dfdfdf; }
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
.show > .btn-google.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-instagram {
background-color: #3f729b;
color: #fff;
background-color: #3f729b;
border-color: #fff; }
.btn-instagram:hover {
color: #fff;
background-color: #3f729b;
border-color: #3f729b; }
.btn-instagram:focus, .btn-instagram.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-instagram.disabled, .btn-instagram:disabled {
color: #fff;
background-color: #3f729b;
border-color: #fff; }
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle {
color: #fff;
background-color: #305777;
border-color: #dfdfdf; }
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-linkedin {
background-color: #007bb6;
color: #fff;
background-color: #007bb6;
border-color: #fff; }
.btn-linkedin:hover {
color: #fff;
background-color: #007bb6;
border-color: #007bb6; }
.btn-linkedin:focus, .btn-linkedin.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-linkedin.disabled, .btn-linkedin:disabled {
color: #fff;
background-color: #007bb6;
border-color: #fff; }
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
.show > .btn-linkedin.dropdown-toggle {
color: #fff;
background-color: #005983;
border-color: #dfdfdf; }
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
.show > .btn-linkedin.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-microsoft {
background-color: #2672ec;
color: #fff;
background-color: #2672ec;
border-color: #fff; }
.btn-microsoft:hover {
color: #fff;
background-color: #2672ec;
border-color: #2672ec; }
.btn-microsoft:focus, .btn-microsoft.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-microsoft.disabled, .btn-microsoft:disabled {
color: #fff;
background-color: #2672ec;
border-color: #fff; }
.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active,
.show > .btn-microsoft.dropdown-toggle {
color: #fff;
background-color: #125acd;
border-color: #dfdfdf; }
.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus,
.show > .btn-microsoft.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-odnoklassniki {
background-color: #f4731c;
color: #fff;
background-color: #f4731c;
border-color: #fff; }
.btn-odnoklassniki:hover {
color: #fff;
background-color: #f4731c;
border-color: #f4731c; }
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
color: #fff;
background-color: #f4731c;
border-color: #fff; }
.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active,
.show > .btn-odnoklassniki.dropdown-toggle {
color: #fff;
background-color: #d35b0a;
border-color: #dfdfdf; }
.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus,
.show > .btn-odnoklassniki.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-openid {
background-color: #f7931e;
color: #2a2e30;
background-color: #f7931e;
border-color: #fff; }
.btn-openid:hover {
color: #2a2e30;
background-color: #f7931e;
border-color: #f7931e; }
.btn-openid:focus, .btn-openid.focus {
box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); }
.btn-openid.disabled, .btn-openid:disabled {
color: #2a2e30;
background-color: #f7931e;
border-color: #fff; }
.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active,
.show > .btn-openid.dropdown-toggle {
color: #fff;
background-color: #da7908;
border-color: #dfdfdf; }
.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus,
.show > .btn-openid.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); }
.btn-pinterest {
background-color: #cb2027;
color: #fff;
background-color: #cb2027;
border-color: #fff; }
.btn-pinterest:hover {
color: #fff;
background-color: #cb2027;
border-color: #cb2027; }
.btn-pinterest:focus, .btn-pinterest.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-pinterest.disabled, .btn-pinterest:disabled {
color: #fff;
background-color: #cb2027;
border-color: #fff; }
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle {
color: #fff;
background-color: #9f191f;
border-color: #dfdfdf; }
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-reddit {
background-color: #eff7ff;
color: #2a2e30;
background-color: #eff7ff;
border-color: #000; }
.btn-reddit:hover {
color: #fff;
background-color: #000;
border-color: #000; }
.btn-reddit:focus, .btn-reddit.focus {
box-shadow: 0 0 0 0.2rem rgba(6, 7, 7, 0.5); }
.btn-reddit.disabled, .btn-reddit:disabled {
color: #2a2e30;
background-color: #eff7ff;
border-color: #000; }
.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active,
.show > .btn-reddit.dropdown-toggle {
color: #2a2e30;
background-color: #bcdeff;
border-color: black; }
.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus,
.show > .btn-reddit.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(6, 7, 7, 0.5); }
.btn-soundcloud {
background-color: #ff5500;
color: #fff;
background-color: #ff5500;
border-color: #fff; }
.btn-soundcloud:hover {
color: #fff;
background-color: #ff5500;
border-color: #ff5500; }
.btn-soundcloud:focus, .btn-soundcloud.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-soundcloud.disabled, .btn-soundcloud:disabled {
color: #fff;
background-color: #ff5500;
border-color: #fff; }
.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active,
.show > .btn-soundcloud.dropdown-toggle {
color: #fff;
background-color: #cc4400;
border-color: #dfdfdf; }
.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus,
.show > .btn-soundcloud.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-tumblr {
background-color: #2c4762;
color: #fff;
background-color: #2c4762;
border-color: #fff; }
.btn-tumblr:hover {
color: #fff;
background-color: #2c4762;
border-color: #2c4762; }
.btn-tumblr:focus, .btn-tumblr.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-tumblr.disabled, .btn-tumblr:disabled {
color: #fff;
background-color: #2c4762;
border-color: #fff; }
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
.show > .btn-tumblr.dropdown-toggle {
color: #fff;
background-color: #1c2e3f;
border-color: #dfdfdf; }
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
.show > .btn-tumblr.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-twitter {
background-color: #55acee;
color: #2a2e30;
background-color: #55acee;
border-color: #fff; }
.btn-twitter:hover {
color: #2a2e30;
background-color: #55acee;
border-color: #55acee; }
.btn-twitter:focus, .btn-twitter.focus {
box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); }
.btn-twitter.disabled, .btn-twitter:disabled {
color: #2a2e30;
background-color: #55acee;
border-color: #fff; }
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: #2795e9;
border-color: #dfdfdf; }
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); }
.btn-vimeo {
background-color: #1ab7ea;
color: #fff;
background-color: #1ab7ea;
border-color: #fff; }
.btn-vimeo:hover {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea; }
.btn-vimeo:focus, .btn-vimeo.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-vimeo.disabled, .btn-vimeo:disabled {
color: #fff;
background-color: #1ab7ea;
border-color: #fff; }
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle {
color: #fff;
background-color: #1295bf;
border-color: #dfdfdf; }
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-vk {
background-color: #587ea3;
color: #fff;
background-color: #587ea3;
border-color: #fff; }
.btn-vk:hover {
color: #fff;
background-color: #587ea3;
border-color: #587ea3; }
.btn-vk:focus, .btn-vk.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-vk.disabled, .btn-vk:disabled {
color: #fff;
background-color: #587ea3;
border-color: #fff; }
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active,
.show > .btn-vk.dropdown-toggle {
color: #fff;
background-color: #466482;
border-color: #dfdfdf; }
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus,
.show > .btn-vk.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-yahoo {
background-color: #720e9e;
color: #fff;
background-color: #720e9e;
border-color: #fff; }
.btn-yahoo:hover {
color: #fff;
background-color: #720e9e;
border-color: #720e9e; }
.btn-yahoo:focus, .btn-yahoo.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-yahoo.disabled, .btn-yahoo:disabled {
color: #fff;
background-color: #720e9e;
border-color: #fff; }
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active,
.show > .btn-yahoo.dropdown-toggle {
color: #fff;
background-color: #500a6f;
border-color: #dfdfdf; }
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus,
.show > .btn-yahoo.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-outline-adn {
border: 1px solid #d87a68 !important;
color: #d87a68; }
.btn-outline-bitbucket {
border: 1px solid #205081 !important;
color: #205081; }
.btn-outline-dropbox {
border: 1px solid #1087dd !important;
color: #1087dd; }
.btn-outline-facebook {
border: 1px solid #3b5998 !important;
color: #3b5998; }
.btn-outline-flickr {
border: 1px solid #ff0084 !important;
color: #ff0084; }
.btn-outline-foursquare {
border: 1px solid #f94877 !important;
color: #f94877; }
.btn-outline-github {
border: 1px solid #444444 !important;
color: #444444; }
.btn-outline-google {
border: 1px solid #dd4b39 !important;
color: #dd4b39; }
.btn-outline-instagram {
border: 1px solid #3f729b !important;
color: #3f729b; }
.btn-outline-linkedin {
border: 1px solid #007bb6 !important;
color: #007bb6; }
.btn-outline-microsoft {
border: 1px solid #2672ec !important;
color: #2672ec; }
.btn-outline-odnoklassniki {
border: 1px solid #f4731c !important;
color: #f4731c; }
.btn-outline-openid {
border: 1px solid #f7931e !important;
color: #f7931e; }
.btn-outline-pinterest {
border: 1px solid #cb2027 !important;
color: #cb2027; }
.btn-outline-reddit {
border: 1px solid #ff4500 !important;
color: #ff4500; }
.btn-outline-soundcloud {
border: 1px solid #ff5500 !important;
color: #ff5500; }
.btn-outline-tumblr {
border: 1px solid #2c4762 !important;
color: #2c4762; }
.btn-outline-twitter {
border: 1px solid #55acee !important;
color: #55acee; }
.btn-outline-vimeo {
border: 1px solid #1ab7ea !important;
color: #1ab7ea; }
.btn-outline-vk {
border: 1px solid #587ea3 !important;
color: #587ea3; }
.btn-outline-yahoo {
border: 1px solid #720e9e !important;
color: #720e9e; }
.btn-outline-adn:hover {
color: #ad412d;
border: 1px solid #ad412d !important; }
.btn-outline-bitbucket:hover {
color: #0c1d2f;
border: 1px solid #0c1d2f !important; }
.btn-outline-dropbox:hover {
color: #094d7e;
border: 1px solid #094d7e !important; }
.btn-outline-facebook:hover {
color: #1e2e4f;
border: 1px solid #1e2e4f !important; }
.btn-outline-flickr:hover {
color: #99004f;
border: 1px solid #99004f !important; }
.btn-outline-foursquare:hover {
color: #d4073d;
border: 1px solid #d4073d !important; }
.btn-outline-github:hover {
color: #111111;
border: 1px solid #111111 !important; }
.btn-outline-google:hover {
color: #96271a;
border: 1px solid #96271a !important; }
.btn-outline-instagram:hover {
color: #223d52;
border: 1px solid #223d52 !important; }
.btn-outline-linkedin:hover {
color: #003650;
border: 1px solid #003650 !important; }
.btn-outline-microsoft:hover {
color: #0e459e;
border: 1px solid #0e459e !important; }
.btn-outline-odnoklassniki:hover {
color: #a24608;
border: 1px solid #a24608 !important; }
.btn-outline-openid:hover {
color: #a95e06;
border: 1px solid #a95e06 !important; }
.btn-outline-pinterest:hover {
color: #731216;
border: 1px solid #731216 !important; }
.btn-outline-reddit:hover {
color: #992900;
border: 1px solid #992900 !important; }
.btn-outline-soundcloud:hover {
color: #993300;
border: 1px solid #993300 !important; }
.btn-outline-tumblr:hover {
color: #0c141c;
border: 1px solid #0c141c !important; }
.btn-outline-twitter:hover {
color: #147bc9;
border: 1px solid #147bc9 !important; }
.btn-outline-vimeo:hover {
color: #0d7091;
border: 1px solid #0d7091 !important; }
.btn-outline-vk:hover {
color: #344b61;
border: 1px solid #344b61 !important; }
.btn-outline-yahoo:hover {
color: #2e0640;
border: 1px solid #2e0640 !important; }
.bg-adn {
background-color: #d87a68; }
.bg-bitbucket {
background-color: #205081; }
.bg-dropbox {
background-color: #1087dd; }
.bg-facebook {
background-color: #3b5998; }
.bg-flickr {
background-color: #ff0084; }
.bg-foursquare {
background-color: #f94877; }
.bg-github {
background-color: #444444; }
.bg-google {
background-color: #dd4b39; }
.bg-instagram {
background-color: #3f729b; }
.bg-linkedin {
background-color: #007bb6; }
.bg-microsoft {
background-color: #2672ec; }
.bg-odnoklassniki {
background-color: #f4731c; }
.bg-openid {
background-color: #f7931e; }
.bg-pinterest {
background-color: #cb2027; }
.bg-reddit {
background-color: #ff4500; }
.bg-soundcloud {
background-color: #ff5500; }
.bg-tumblr {
background-color: #2c4762; }
.bg-twitter {
background-color: #55acee; }
.bg-vimeo {
background-color: #1ab7ea; }
.bg-vk {
background-color: #587ea3; }
.bg-yahoo {
background-color: #720e9e; }
/*=========================================================================================
File Name: demo.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.fonticon-container > .fonticon-wrap {
float: left;
width: 60px;
height: 60px;
line-height: 4.8rem;
text-align: center;
border-radius: 0.1875rem;
margin-right: 1rem;
margin-bottom: 1.5rem; }
.fonticon-container > .fonticon-wrap > i {
font-size: 2.28rem;
transition: all .2s ease-in-out; }
.fonticon-container > .fonticon-wrap.youtube {
width: 100px; }
.fonticon-container:hover i {
color: #7367f0;
font-size: 2.9rem;
transform: scale(1.3); }
.fonticon-container > .fonticon-classname, .fonticon-container > .fonticon-unit {
display: block;
font-size: 1.5rem;
line-height: 1.2; }
.fonticon-container > .fonticon-unit {
font-size: 1rem;
font-style: italic; }
.scroll-example {
padding: 0.5rem;
position: relative;
border: 2px solid #dfdfdf;
overflow: auto; }
.scroll-example .horz-scroll-content {
width: 1200px; }
.browser {
background: #e0e0e0;
border: 4px solid #e0e0e0;
width: 100%;
height: 12rem;
padding-top: 20px;
margin: 0 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.browser iframe {
border: 0;
background: #fff;
height: 100%;
width: 100%; }
.loader-wrapper {
height: 8em; }
.maintenance-icon {
font-size: 4rem; }
.animationIcon {
right: 30px;
bottom: 10px; }
/*=========================================================================================
File Name: customizer.scss
Description: CSS used for demo purpose only. Remove this css from your project.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.customizer {
width: 400px;
right: -400px;
padding: 0;
background-color: #fff;
z-index: 1051;
position: fixed;
top: 0;
bottom: 0;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
backface-visibility: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
.customizer.open {
right: 0; }
.customizer .customizer-content {
position: relative;
height: 100%; }
.customizer .customizer-close {
position: absolute;
right: 30px;
top: 20px;
padding: 7px;
width: auto;
z-index: 10;
color: #626262; }
.customizer .customizer-close i {
font-size: 1.71rem; }
.customizer .customizer-toggle {
background: #7367f0;
color: #fff;
display: block;
box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: absolute;
top: 50%;
width: 38px;
height: 38px;
left: -39px;
text-align: center;
line-height: 40px;
cursor: pointer; }
.customizer .color-box {
height: 35px;
width: 35px;
margin: .5rem;
border-radius: .5rem;
cursor: pointer; }
.customizer .color-box.selected {
box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5); }
body.dark-layout .hide-scroll-top-switch .custom-switch .custom-control-label:before,
body.dark-layout .collapse-sidebar .custom-switch .custom-control-label:before {
background-color: #10163a; }
.buy-now {
position: fixed;
bottom: 5%;
right: 79px;
z-index: 1031; }
.buy-now .btn {
box-shadow: 0 1px 20px 1px #ea5455 !important; }
.buy-now .btn:hover {
box-shadow: none !important; }
.chip {
background-color: #f0f0f0;
font-size: 0.8rem;
border-radius: 1.428rem;
display: inline-flex;
padding: 0 10px;
margin-bottom: 5px;
vertical-align: middle;
justify-content: center; }
.chip .chip-body {
color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: space-between;
min-height: 1.857rem;
min-width: 1.857rem; }
.chip .chip-body .avatar {
background-color: #c3c3c3;
display: flex;
width: 24px;
height: 24px;
margin: 2px 0;
border-radius: 50%;
justify-content: center;
align-items: center;
color: #fff;
transform: translate(-8px); }
.chip .chip-body .avatar .avatar-content {
top: 0; }
.chip .chip-body .avatar img {
border-radius: 50%;
height: 24px;
width: 24px; }
.chip .chip-body .chip-text {
vertical-align: middle;
align-self: center; }
.chip .chip-body .chip-closeable {
min-height: 1.428rem;
min-width: 1.428rem;
margin: 0 4px;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
border-radius: 50%;
background: rgba(0, 0, 0, 0.15);
color: #fff;
transform: translate(10px);
cursor: pointer; }
.chip .chip-body .chip-closeable i {
margin-left: 1px;
margin-top: 1px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.chip .chip-closeable i {
position: relative;
top: 3px; } }
.divider {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
margin: 1rem 0; }
.divider .divider-text {
position: relative;
display: inline-block;
font-size: .9375rem;
padding: 0 1rem;
background-color: #fff; }
.divider .divider-text i {
font-size: 1rem; }
.divider .divider-text:before, .divider .divider-text:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.divider .divider-text:before {
right: 100%; }
.divider .divider-text:after {
left: 100%; }
.divider.divider-left .divider-text {
float: left;
padding-left: 0; }
.divider.divider-left .divider-text:before {
display: none; }
.divider.divider-left-center .divider-text {
left: -25%; }
.divider.divider-right .divider-text {
float: right;
padding-right: 0; }
.divider.divider-right .divider-text:after {
display: none; }
.divider.divider-right-center .divider-text {
right: -25%; }
.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
border-style: dotted;
border-width: 1px;
border-top-width: 0;
border-color: black; }
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
border-style: dashed;
border-width: 1px;
border-top-width: 0;
border-color: black; }
@media screen and (min-width: 0px) {
head {
font-family: "xs 0px"; }
body:after {
content: "xs - min-width: 0px"; } }
@media screen and (min-width: 544px) {
head {
font-family: "sm 544px"; }
body:after {
content: "sm - min-width: 544px"; } }
@media screen and (min-width: 768px) {
head {
font-family: "md 768px"; }
body:after {
content: "md - min-width: 768px"; } }
@media screen and (min-width: 992px) {
head {
font-family: "lg 992px"; }
body:after {
content: "lg - min-width: 992px"; } }
@media screen and (min-width: 1200px) {
head {
font-family: "xl 1200px"; }
body:after {
content: "xl - min-width: 1200px"; } }
head {
clear: both; }
head title {
font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px"; }
body:after {
display: none; }
*[data-usn-if] {
display: none; }
.group-area {
margin-bottom: 3rem; }
.block {
display: block;
width: 100%; }
/* Input with icon */
.form-control-position {
position: absolute;
top: 2px;
right: 0;
z-index: 2;
display: block;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center; }
/*---------------------------------
Input Icon
---------------------------------*/
.position-relative .form-control {
padding-right: calc( 1.25em + 1.4rem + 1px); }
.position-relative .form-control.form-control-lg ~ .form-control-position {
top: 10px; }
.position-relative .form-control.form-control-sm ~ .form-control-position {
top: -3px; }
/* Input Icon left */
.has-icon-left .form-control {
padding-right: 2rem;
padding-left: 3rem; }
.has-icon-left .form-control-position {
right: auto;
left: inherit; }
.has-icon-left .form-control-position i {
position: relative;
left: 5px;
color: rgba(34, 41, 47, 0.4); }
input[type="color"] {
height: calc( 1.25em + 1.4rem + 1px); }
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 1.45; }
.font-size-large {
font-size: 2rem; }
.font-size-base {
font-size: 1rem; }
.font-size-small {
font-size: 1rem; }
.font-size-xsmall {
font-size: 0.75rem; }
.input-group-xs .form-control,
.input-group-xs .input-group-addon,
.input-group-xs .input-group-btn > button {
padding: 0.175rem 0.5rem;
font-size: 0.725rem;
line-height: 1.677777;
border-bottom-left-radius: 0.175rem;
border-top-left-radius: 0.175rem; }
.input-group-xs .input-group-btn > button {
border-radius: 0.175rem; }
.input-group-addon {
padding-top: 0.2rem;
padding-bottom: 0.2rem; }
.floating-label-form-group-with-focus label,
.floating-label-form-group-with-value label {
color: #7367f0 !important;
text-transform: uppercase;
font-weight: 400; }
.select2-container--classic .select2-selection--single {
min-height: 40px !important; }
.select2-container--classic:focus,
.select2-container--default:focus {
outline: none; }
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
min-height: 38px;
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.2); }
.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
outline: 0;
border-color: #7367f0 !important;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important; }
.select2-container--classic .select2-selection--single .select2-selection__rendered i,
.select2-container--default .select2-selection--single .select2-selection__rendered i {
margin-right: 0.5rem; }
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
min-height: 38px !important; }
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #7367f0 !important;
outline: 0; }
.select2-container--classic.select2-container--focus,
.select2-container--default.select2-container--focus {
outline: 0; }
.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #7367f0 !important;
outline: 0; }
.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
min-height: 38px !important;
border: 1px solid rgba(0, 0, 0, 0.2); }
.select2-container--classic .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus {
outline: 0;
border-color: #7367f0 !important;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #7367f0 !important;
border-color: #4839eb !important;
color: #fff;
padding: 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-top: 10px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff !important;
float: right;
margin-left: 0.5rem; }
.select2-container--classic .select2-selection--multiple i,
.select2-container--default .select2-selection--multiple i {
position: relative;
top: 1px;
margin-right: 0.5rem;
padding-left: 1px; }
.select2-container--classic .select2-selection--multiple[class*=bg-] .select2-selection__choice,
.select2-container--default .select2-selection--multiple[class*=bg-] .select2-selection__choice {
background-color: rgba(0, 0, 0, 0.15) !important;
border-color: rgba(0, 0, 0, 0.2) !important; }
.select2-container--classic .select2-results__options .select2-results__option i,
.select2-container--default .select2-results__options .select2-results__option i {
margin-right: 0.5rem; }
.select2-container--classic .select2-result-repository__avatar img,
.select2-container--default .select2-result-repository__avatar img {
width: 50px; }
.select2-container--classic [class*="icon-"],
.select2-container--default [class*="icon-"] {
font-family: 'feather'; }
.select2-container--classic .select-lg,
.select2-container--default .select-lg {
min-height: calc( 1.25em + 1.4rem + 1px) !important;
font-size: 1.2rem;
margin-bottom: 0 !important;
padding: 0.3rem 0.7rem; }
.select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {
padding-top: 0.1rem; }
.select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
top: 0.2rem !important; }
.select2-container--classic .select-lg.select2-selection--multiple,
.select2-container--default .select-lg.select2-selection--multiple {
padding: 0 0.2rem; }
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
padding-top: 0 !important; }
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {
font-size: 1.2rem; }
.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding: 5px; }
.select2-container--classic .select-sm,
.select2-container--default .select-sm {
min-height: calc(1em + 1rem + 2px) !important;
padding: 0 0.2rem;
font-size: 0.75rem;
margin-bottom: 0 !important;
line-height: 1.5; }
.select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow,
.select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
top: -0.3rem !important; }
.select2-container--classic .select-sm.select2-selection--multiple,
.select2-container--default .select-sm.select2-selection--multiple {
line-height: 1.3; }
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
padding: 3px; }
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
font-size: 0.75rem;
margin-top: 2px; }
.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice,
.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
padding: 0 0.2rem; }
.select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
margin-top: 0; }
.select2 .form-control::focus {
border-color: #7367f0 !important; }
table.dataTable {
border: 2px solid #f8f8f8; }
table.dataTable th, table.dataTable td {
border-bottom: 1px solid #f8f8f8;
border-top: 0; }
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
font-size: 0.85rem;
border: 0; }
table.dataTable thead tr {
background-color: #f8f8f8; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
padding-right: inherit; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
font-family: 'feather';
content: "\e845";
padding-right: 0.3rem;
font-size: .7rem;
left: 0;
top: .9rem; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
font-family: 'feather';
content: "\e842";
font-size: .7rem;
left: 0;
top: 1.3rem; }
table.dataTable.table-striped tbody tr:nth-of-type(even) {
background-color: #f8f8f8; }
table.dataTable.table-striped tbody tr:nth-of-type(odd) {
background-color: #fff; }
table.dataTable.complex-headers {
border: 1px solid #dae1e7; }
table.dataTable.complex-headers thead th, table.dataTable.complex-headers thead td, table.dataTable.complex-headers tfoot th, table.dataTable.complex-headers tfoot td {
border-bottom: 1px solid #dae1e7;
border-right: 1px solid #dae1e7; }
table.dataTable tbody tr.selected {
background-color: rgba(115, 103, 240, 0.05) !important;
color: #7367f0 !important;
box-shadow: 0 0 1px 0 #7367f0 !important;
border-radius: 5px; }
table.dataTable tbody tr.selected td, table.dataTable tbody tr.selected th {
border-bottom: 0; }
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
margin-top: 1rem; }
div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
background-position: calc(100% - 3px) 5px, calc(100% - 20px) 13px, 100% 0;
padding: 0 0.8rem; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin-top: 1rem;
padding-bottom: 7px; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
font-size: 0.8rem; }
tr.group {
background-color: #ededed; }
@media only screen and (max-width: 768px) {
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center; } }
================================================
FILE: public/backend/css/core/colors/palette-gradient.css
================================================
.bg-gradient-white {
color: #fff;
background-image: linear-gradient(30deg, #FFFFFF, rgba(255, 255, 255, 0.5));
background-repeat: repeat-x; }
.bg-gradient-white:hover, .bg-gradient-white:active {
color: #fff; }
.gradient-light-white {
background: linear-gradient(30deg, #FFFFFF 0%, 100%);
color: #fff; }
.gradient-light-white:hover, .gradient-light-white:active {
color: #fff; }
.bg-gradient-black {
color: #fff;
background-image: linear-gradient(30deg, #000000, rgba(0, 0, 0, 0.5));
background-repeat: repeat-x; }
.bg-gradient-black:hover, .bg-gradient-black:active {
color: #fff; }
.gradient-light-black {
background: linear-gradient(30deg, #000000 0%, 100%);
color: #fff; }
.gradient-light-black:hover, .gradient-light-black:active {
color: #fff; }
.bg-gradient-dark {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #1e1e1e, rgba(30, 30, 30, 0.5));
background-repeat: repeat-x; }
.bg-gradient-dark:hover, .bg-gradient-dark:active {
color: #fff; }
.gradient-light-dark {
background: linear-gradient(30deg, #1e1e1e 0%, 100%);
color: #fff; }
.gradient-light-dark:hover, .gradient-light-dark:active {
color: #fff; }
.bg-gradient-light {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #babfc7, rgba(186, 191, 199, 0.5));
background-repeat: repeat-x; }
.bg-gradient-light:hover, .bg-gradient-light:active {
color: #fff; }
.gradient-light-light {
background: linear-gradient(30deg, #babfc7 0%, 100%);
color: #fff; }
.gradient-light-light:hover, .gradient-light-light:active {
color: #fff; }
.bg-gradient-primary {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #7367f0, rgba(115, 103, 240, 0.5));
background-repeat: repeat-x; }
.bg-gradient-primary:hover, .bg-gradient-primary:active {
color: #fff; }
.gradient-light-primary {
background: linear-gradient(30deg, #7367f0 0%, #ce9ffc 100%);
color: #fff; }
.gradient-light-primary:hover, .gradient-light-primary:active {
color: #fff; }
.bg-gradient-secondary {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, 0.5));
background-repeat: repeat-x; }
.bg-gradient-secondary:hover, .bg-gradient-secondary:active {
color: #fff; }
.gradient-light-secondary {
background: linear-gradient(30deg, #b8c2cc 0%, #dcdeec 100%);
color: #fff; }
.gradient-light-secondary:hover, .gradient-light-secondary:active {
color: #fff; }
.bg-gradient-success {
background: #0064fa;
color: #fff;
background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, 0.5));
background-repeat: repeat-x; }
.bg-gradient-success:hover, .bg-gradient-success:active {
color: #fff; }
.gradient-light-success {
background: linear-gradient(30deg, #28c76f 0%, #4ae9d3 100%);
color: #fff; }
.gradient-light-success:hover, .gradient-light-success:active {
color: #fff; }
.bg-gradient-info {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #00cfe8, rgba(0, 207, 232, 0.5));
background-repeat: repeat-x; }
.bg-gradient-info:hover, .bg-gradient-info:active {
color: #fff; }
.gradient-light-info {
background: linear-gradient(30deg, #00cfe8 0%, #2d91ff 100%);
color: #fff; }
.gradient-light-info:hover, .gradient-light-info:active {
color: #fff; }
.bg-gradient-warning {
background: #fafafa;
color: #fff;
background-image: linear-gradient(30deg, #ff9f43, rgba(255, 159, 67, 0.5));
background-repeat: repeat-x; }
.bg-gradient-warning:hover, .bg-gradient-warning:active {
color: #fff; }
.gradient-light-warning {
background: linear-gradient(30deg, #ff9f43 0%, #fff487 100%);
color: #fff; }
.gradient-light-warning:hover, .gradient-light-warning:active {
color: #fff; }
.bg-gradient-danger {
background: #640064;
color: #fff;
background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, 0.5));
background-repeat: repeat-x; }
.bg-gradient-danger:hover, .bg-gradient-danger:active {
color: #fff; }
.gradient-light-danger {
background: linear-gradient(30deg, #ea5455 0%, #f9b789 100%);
color: #fff; }
.gradient-light-danger:hover, .gradient-light-danger:active {
color: #fff; }
================================================
FILE: public/backend/css/core/colors/palette-noui.css
================================================
.slider-white .noUi-connect {
background: #FFFFFF !important; }
.slider-white.noUi-connect {
background: #FFFFFF !important; }
.slider-white .noUi-handle {
border-color: #FFFFFF !important; }
.slider-white.circle-filled .noUi-handle, .slider-white.square .noUi-handle {
background: #FFFFFF !important; }
.slider-black .noUi-connect {
background: #000000 !important; }
.slider-black.noUi-connect {
background: #000000 !important; }
.slider-black .noUi-handle {
border-color: #000000 !important; }
.slider-black.circle-filled .noUi-handle, .slider-black.square .noUi-handle {
background: #000000 !important; }
.slider-dark .noUi-connect {
background: #1e1e1e !important; }
.slider-dark.noUi-connect {
background: #1e1e1e !important; }
.slider-dark .noUi-handle {
border-color: #1e1e1e !important; }
.slider-dark.circle-filled .noUi-handle, .slider-dark.square .noUi-handle {
background: #1e1e1e !important; }
.slider-light .noUi-connect {
background: #babfc7 !important; }
.slider-light.noUi-connect {
background: #babfc7 !important; }
.slider-light .noUi-handle {
border-color: #babfc7 !important; }
.slider-light.circle-filled .noUi-handle, .slider-light.square .noUi-handle {
background: #babfc7 !important; }
.slider-primary .noUi-connect {
background: #7367f0 !important; }
.slider-primary.noUi-connect {
background: #7367f0 !important; }
.slider-primary .noUi-handle {
border-color: #7367f0 !important; }
.slider-primary.circle-filled .noUi-handle, .slider-primary.square .noUi-handle {
background: #7367f0 !important; }
.slider-secondary .noUi-connect {
background: #b8c2cc !important; }
.slider-secondary.noUi-connect {
background: #b8c2cc !important; }
.slider-secondary .noUi-handle {
border-color: #b8c2cc !important; }
.slider-secondary.circle-filled .noUi-handle, .slider-secondary.square .noUi-handle {
background: #b8c2cc !important; }
.slider-success .noUi-connect {
background: #28c76f !important; }
.slider-success.noUi-connect {
background: #28c76f !important; }
.slider-success .noUi-handle {
border-color: #28c76f !important; }
.slider-success.circle-filled .noUi-handle, .slider-success.square .noUi-handle {
background: #28c76f !important; }
.slider-info .noUi-connect {
background: #00cfe8 !important; }
.slider-info.noUi-connect {
background: #00cfe8 !important; }
.slider-info .noUi-handle {
border-color: #00cfe8 !important; }
.slider-info.circle-filled .noUi-handle, .slider-info.square .noUi-handle {
background: #00cfe8 !important; }
.slider-warning .noUi-connect {
background: #ff9f43 !important; }
.slider-warning.noUi-connect {
background: #ff9f43 !important; }
.slider-warning .noUi-handle {
border-color: #ff9f43 !important; }
.slider-warning.circle-filled .noUi-handle, .slider-warning.square .noUi-handle {
background: #ff9f43 !important; }
.slider-danger .noUi-connect {
background: #ea5455 !important; }
.slider-danger.noUi-connect {
background: #ea5455 !important; }
.slider-danger .noUi-handle {
border-color: #ea5455 !important; }
.slider-danger.circle-filled .noUi-handle, .slider-danger.square .noUi-handle {
background: #ea5455 !important; }
================================================
FILE: public/backend/css/core/colors/palette-variables.css
================================================
================================================
FILE: public/backend/css/core/menu/menu-types/horizontal-menu.css
================================================
/*=========================================================================================
File Name: horizontal-menu.scss
Description: A classic horizontal menu for easy navingation & support all devices.
It support light & dark version, filpped layout, right side icons, borders menu for
item seperation.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard TemplateTheme
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
.horizontal-menu .content {
margin-left: 0; }
.horizontal-menu .content .content-wrapper {
margin-top: 0 !important; }
.horizontal-menu footer {
position: static; }
.horizontal-menu.navbar-floating:not(.blank-page) .app-content {
padding-top: 9.75rem; }
.horizontal-menu.navbar-floating .horizontal-menu-wrapper {
background: linear-gradient(to bottom, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
background-repeat: repeat-x; }
.horizontal-menu.navbar-floating .horizontal-menu-wrapper .navbar-horizontal.floating-nav {
margin: 1.3rem 2.2rem 0; }
.horizontal-menu.dark-layout .header-navbar {
background: inherit !important; }
.horizontal-menu.dark-layout .horizontal-menu-wrapper {
background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%); }
.horizontal-menu.dark-layout .horizontal-menu-wrapper .header-navbar {
background: #10163a !important; }
.horizontal-menu.dark-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
background: #262c49; }
.horizontal-menu.semi-dark-layout .header-navbar {
background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%); }
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar {
background: #10163a !important; }
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
background: #262c49; }
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar i, .horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar span, .horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .header-navbar .nav-link {
color: #c2c6dc; }
.horizontal-menu.semi-dark-layout .horizontal-menu-wrapper .dropdown-menu {
background-color: #262c49; }
.horizontal-menu.navbar-sticky .app-content {
padding-top: 8.5rem; }
.horizontal-menu.navbar-sticky .header-navbar {
background-color: #f8f8f8; }
.horizontal-menu.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
left: 0;
top: 62px;
background-color: #fff; }
.horizontal-menu.navbar-static .app-content {
padding-top: 2.5rem; }
.horizontal-menu.navbar-static .header-navbar {
background-color: #f8f8f8; }
.horizontal-menu.navbar-static .header-navbar .navbar-wrapper {
width: 100%; }
.horizontal-menu.navbar-static .horizontal-menu-wrapper {
position: relative; }
.horizontal-menu.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar {
background: #fff; }
.horizontal-menu.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar.navbar-static-top {
position: static;
background: #fff;
left: 0; }
.horizontal-menu .horizontal-menu-wrapper {
position: fixed;
top: 62px;
z-index: 990;
width: 100%;
height: 99px; }
.horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-container {
padding-left: 1rem;
padding-right: 1rem;
width: 100%; }
.horizontal-menu .horizontal-menu-wrapper .header-navbar .navbar-header {
display: none; }
.horizontal-menu .header-navbar {
background: #fff;
z-index: 999 !important;
line-height: 1;
min-height: auto; }
.horizontal-menu .header-navbar.navbar-horizontal.floating-nav {
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2));
background: #fff; }
.horizontal-menu .header-navbar .navbar-container {
padding-left: 2.2rem;
padding-right: calc(2.2rem - 1rem);
border-radius: 0.5rem; }
.horizontal-menu .header-navbar.navbar-fixed {
position: fixed;
width: 100%; }
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
position: absolute;
left: 50%;
margin-left: -65px;
padding: 0;
z-index: 1000; }
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand {
display: flex;
align-items: center;
margin-right: 0; }
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
background: url("../../../../../app-assets/images/logo/vuexy-logo.png") no-repeat;
background-position: -65px -54px;
height: 24px;
width: 35px; }
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
color: #fff;
padding-left: 1rem;
letter-spacing: 0.01rem;
font-size: 1.57rem; }
.horizontal-menu .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
left: 0.4rem; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu::before {
display: none; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu {
min-width: 215px;
border: none;
margin-top: 0;
min-height: 52px; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled {
pointer-events: none !important; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .disabled a {
color: #b8c2cc; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
left: auto;
position: absolute;
top: 50%;
margin-top: -7px;
right: 1rem;
content: "\e844" !important; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-item {
font-size: 1rem;
padding: 0.965rem 1.428rem;
display: flex;
align-items: center; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu {
position: relative; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.openLeft .dropdown-menu {
left: auto;
right: 100%; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.show {
background: #f8f8f8; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu {
position: absolute;
top: 0 !important;
left: 100% !important; }
.horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu i {
font-size: 0.75rem !important; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li {
padding-top: 0.965rem;
padding-bottom: 0.965rem; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu {
margin-top: 0.75rem; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a {
transition: padding 0.35s ease 0s !important; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu a:hover {
padding-left: 25px;
transition: padding 0.35s ease 0s !important;
background-color: transparent;
color: #626262; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a {
background: #f8f8f8;
color: #7367f0;
font-weight: 500; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .open.active > a {
color: #626262;
font-weight: normal; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li i {
font-size: 1.11rem;
margin-right: 0.75rem; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > a {
padding: 0.75rem 1.25rem 0.75rem 1.25rem;
display: flex;
margin-right: 0.5rem; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
background: #f8f8f8;
border-radius: 4px; }
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0px 0px 6px 1px rgba(115, 103, 240, 0.6);
color: #fff;
border-radius: 4px; }
.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item > a span {
display: none; }
.horizontal-menu .navigation-header {
font-family: inherit;
color: #929292;
padding: 8px 20px;
font-size: 1rem;
text-transform: uppercase; }
.horizontal-menu .navbar-dark .nav-item.active > a {
border-bottom: 2px solid #7367f0;
background-color: #313c50; }
.horizontal-menu .content.app-content .content-area-wrapper {
margin-top: 2.2rem; }
.horizontal-menu .content.app-content .content-area-wrapper .content-wrapper {
height: calc(100vh - 16rem);
height: calc(var(--vh, 1vh) * 100 - 16rem); }
.horizontal-menu.chat-application .sidebar-content,
.horizontal-menu.email-application .content-area-wrapper .sidebar .email-app-sidebar,
.horizontal-menu.todo-application .content-area-wrapper .sidebar .todo-sidebar {
height: calc(100vh - 16rem);
height: calc(var(--vh, 1vh) * 100 - 16rem); }
.horizontal-menu.todo-application .content-area-wrapper .content-right .todo-task-list {
height: calc(100vh - 19.5rem);
height: calc(var(--vh, 1vh) * 100 - 19.5rem); }
.horizontal-menu.email-application .app-content .content-area-wrapper .email-user-list {
height: calc(100vh - 23.3rem);
height: calc(var(--vh, 1vh) * 100 - 23.3rem); }
.horizontal-menu.chat-application .user-profile-sidebar {
height: calc(100vh - 16.1rem);
height: calc(var(--vh, 1vh) * 100 - 16.1rem);
bottom: 4.1rem; }
.horizontal-menu.chat-application .chat-profile-sidebar {
height: calc(100vh - 16rem);
height: calc(var(--vh, 1vh) * 100 - 16rem); }
.horizontal-menu.chat-application .chat-app-window .user-chats {
height: calc(100vh - 26.5rem);
height: calc(var(--vh, 1vh) * 100 - 26.5rem); }
@media (max-width: 1199.98px) {
body.horizontal-layout.horizontal-menu .horizontal-menu-wrapper .header-navbar {
display: none; }
body.horizontal-layout .header-navbar {
background: #fff; }
body.horizontal-layout .content .content-wrapper {
margin-top: 5rem; } }
/*=========================================================================================
File Name: vertical-overlay-menu.scss
Description: A overlay style vertical menu with show and hide support. It support
light & dark version, filpped layout, right side icons, native scroll and borders menu
item seperation.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
.vertical-overlay-menu .content {
margin-left: 0; }
.vertical-overlay-menu .navbar .navbar-header {
float: left;
width: 260px; }
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2)); }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
opacity: 0;
transform: translate3d(0, 0, 0);
transition: width .25s,opacity .25s,transform .25s;
width: 260px;
left: -260px; }
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
display: none; }
.vertical-overlay-menu .main-menu .navigation > li > a > i {
margin-right: 14px;
float: left; }
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
transition: 200ms ease all;
font-size: 1.429rem; }
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1rem;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
transform: rotate(90deg); }
.vertical-overlay-menu .main-menu .navigation li a i {
font-size: 1.1rem; }
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 55px; }
.vertical-overlay-menu .main-menu .main-menu-footer {
width: 260px; }
.vertical-overlay-menu.menu-open .main-menu {
opacity: 1;
transform: translate3d(260px, 0, 0);
transition: width .25s,opacity .25s,transform .25s; }
.vertical-overlay-menu.menu-flipped .main-menu {
right: -260px;
left: inherit; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
margin: 0;
margin-right: 260px; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
float: right; }
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
transform: translate3d(-260px, 0, 0); }
@media (max-width: 991.98px) {
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 0px; } }
================================================
FILE: public/backend/css/core/menu/menu-types/vertical-menu.css
================================================
/*=========================================================================================
File Name: vertical-menu.scss
Description: A calssic vertical modern style menu with expand and collops support. It support
light & dark version, filpped layout, right side icons, native scroll and borders menu
item seperation.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i {
font-size: 1.2rem;
margin-right: 1rem;
float: left; }
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
margin-right: 1.38rem;
font-size: 0.8rem; }
body.vertical-layout.vertical-menu-modern .toggle-icon {
margin-right: 0.425rem; }
body.vertical-layout.vertical-menu-modern .toggle-icon:focus {
outline: none; }
@media (min-width: 576px) {
body.vertical-layout.vertical-menu-modern.menu-flipped .main-menu {
right: 0; } }
body.vertical-layout.vertical-menu-modern .navbar .navbar-brand {
white-space: nowrap; }
body.vertical-layout.vertical-menu-modern .navbar .navbar-header .nav-toggle {
position: absolute;
right: 0; }
body.vertical-layout.vertical-menu-modern .main-menu {
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transform: translate3d(0, 0, 0);
backface-visibility: hidden; }
body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-header {
float: left;
width: 260px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-brand .brand-text {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
width: 260px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .icon-minus {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i {
margin-right: 1rem;
float: left; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
font-size: 1.429rem; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge {
position: absolute;
right: 20px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1.1rem;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after {
transform: rotate(90deg); }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .main-menu-footer {
width: 260px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
margin-left: 260px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
float: left;
width: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded {
width: 260px;
z-index: 1000; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle {
display: block; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .navbar-brand .brand-text {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .navbar-brand .brand-text {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-brand {
padding: 15px 0px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top {
left: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
width: 80px;
transition: 300ms ease all;
backface-visibility: hidden;
transform: translate3d(0, 0, 0); }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer {
width: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .media-heading,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .text-muted,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-right {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body {
opacity: 0; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .user-content {
padding: 20px 10px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
margin: 0; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a {
line-height: 1; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
margin-bottom: 1.25rem !important; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
background: whitesmoke;
box-shadow: none;
color: #565656; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
overflow: visible; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header .icon-minus {
display: block;
font-size: 1.2rem; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a {
text-overflow: inherit; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span.badge {
float: none !important; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i {
margin-right: 1rem;
float: left; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i:before {
font-size: 1.429rem; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .mTSWrapper {
overflow: visible; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
width: 260px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header .icon-minus {
display: none; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
display: block; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span {
animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span.badge {
position: absolute;
right: 20px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1rem;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after {
transform: rotate(90deg); }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
display: inline; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
display: block; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
body.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
margin-left: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 4.4rem - 80px); }
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
width: calc(100vw - (100vw - 100%) - 80px);
left: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .content {
margin: 0;
margin-right: 80px; }
@media (min-width: 576px) {
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu {
right: 0; }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu span.menu-title {
right: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu ul.menu-content {
right: 80px;
left: inherit; } }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-header {
float: right; }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-container {
margin: 0;
margin-right: 80px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .footer {
margin: 0;
margin-right: 80px; }
@media (min-width: 992px) {
body.vertical-layout.vertical-menu-modern .main-menu {
width: 260px; }
body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header .icon-minus {
display: none; }
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
width: 260px; }
body.vertical-layout.vertical-menu-modern .footer {
margin-left: 260px; }
body.vertical-layout.vertical-menu-modern.menu-flipped .content {
margin: 0;
margin-right: 260px; }
body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-header {
float: right; }
body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-container {
margin: 0;
margin-right: 260px; }
body.vertical-layout.vertical-menu-modern.menu-flipped .footer {
margin: 0;
margin-right: 260px; } }
@media (max-width: 1199.98px) {
body.vertical-layout.vertical-menu-modern .main-menu {
width: 0;
opacity: 0;
left: -260px; }
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > span {
animation: 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout; }
body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header span {
display: none; }
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
width: 0; }
body.vertical-layout.vertical-menu-modern .content,
body.vertical-layout.vertical-menu-modern .footer {
margin-left: 0; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
body.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
margin-left: 0; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
width: 0; } }
@media (max-width: 767.98px) {
body.vertical-layout.vertical-menu-modern .main-menu {
width: 0; }
body.vertical-layout.vertical-menu-modern .navbar .navbar-header {
width: 0; }
body.vertical-layout.vertical-menu-modern .content,
body.vertical-layout.vertical-menu-modern .footer {
margin-left: 0; } }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body.vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span {
animation: none; } }
/*=========================================================================================
File Name: vertical-overlay-menu.scss
Description: A overlay style vertical menu with show and hide support. It support
light & dark version, filpped layout, right side icons, native scroll and borders menu
item seperation.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
.vertical-overlay-menu .content {
margin-left: 0; }
.vertical-overlay-menu .navbar .navbar-header {
float: left;
width: 260px; }
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2)); }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
opacity: 0;
transform: translate3d(0, 0, 0);
transition: width .25s,opacity .25s,transform .25s;
width: 260px;
left: -260px; }
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
display: none; }
.vertical-overlay-menu .main-menu .navigation > li > a > i {
margin-right: 14px;
float: left; }
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
transition: 200ms ease all;
font-size: 1.429rem; }
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1rem;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
transform: rotate(90deg); }
.vertical-overlay-menu .main-menu .navigation li a i {
font-size: 1.1rem; }
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 55px; }
.vertical-overlay-menu .main-menu .main-menu-footer {
width: 260px; }
.vertical-overlay-menu.menu-open .main-menu {
opacity: 1;
transform: translate3d(260px, 0, 0);
transition: width .25s,opacity .25s,transform .25s; }
.vertical-overlay-menu.menu-flipped .main-menu {
right: -260px;
left: inherit; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
margin: 0;
margin-right: 260px; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
float: right; }
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
transform: translate3d(-260px, 0, 0); }
@media (max-width: 991.98px) {
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 0px; } }
================================================
FILE: public/backend/css/core/menu/menu-types/vertical-overlay-menu.css
================================================
/*=========================================================================================
File Name: vertical-overlay-menu.scss
Description: A overlay style vertical menu with show and hide support. It support
light & dark version, filpped layout, right side icons, native scroll and borders menu
item seperation.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
.vertical-overlay-menu .content {
margin-left: 0; }
.vertical-overlay-menu .navbar .navbar-header {
float: left;
width: 260px; }
.vertical-overlay-menu .navbar.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2)); }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
opacity: 0;
transform: translate3d(0, 0, 0);
transition: width .25s,opacity .25s,transform .25s;
width: 260px;
left: -260px; }
.vertical-overlay-menu .main-menu .navigation .navigation-header .icon-minus {
display: none; }
.vertical-overlay-menu .main-menu .navigation > li > a > i {
margin-right: 14px;
float: left; }
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
transition: 200ms ease all;
font-size: 1.429rem; }
.vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1rem;
display: inline-block;
position: absolute;
right: 25px;
top: 10px;
transform: rotate(0deg);
transition: -webkit-transform 0.2s ease-in-out; }
.vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
transform: rotate(90deg); }
.vertical-overlay-menu .main-menu .navigation li a i {
font-size: 1.1rem; }
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 55px; }
.vertical-overlay-menu .main-menu .main-menu-footer {
width: 260px; }
.vertical-overlay-menu.menu-open .main-menu {
opacity: 1;
transform: translate3d(260px, 0, 0);
transition: width .25s,opacity .25s,transform .25s; }
.vertical-overlay-menu.menu-flipped .main-menu {
right: -260px;
left: inherit; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-container {
margin: 0;
margin-right: 260px; }
.vertical-overlay-menu.menu-flipped .navbar .navbar-header {
float: right; }
.vertical-overlay-menu.menu-flipped.menu-open .main-menu {
transform: translate3d(-260px, 0, 0); }
@media (max-width: 991.98px) {
.vertical-overlay-menu .main-menu .main-menu-footer {
bottom: 0px; } }
================================================
FILE: public/backend/css/core/mixins/alert.css
================================================
================================================
FILE: public/backend/css/core/mixins/hex2rgb.css
================================================
================================================
FILE: public/backend/css/core/mixins/main-menu-mixin.css
================================================
================================================
FILE: public/backend/css/core/mixins/transitions.css
================================================
================================================
FILE: public/backend/css/pages/aggrid.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.aggrid {
height: 600px;
font-size: 1rem;
color: #626262;
/*** TABLE BODY HEIGHT - FOOTER HEIGHT ***/
/*** HEADER TEXT ***/
/*** PAGINATION STYLING ***/
/*** TABLE SCROLLBAR ***/ }
.aggrid .ag-icon-checkbox-checked,
.aggrid .ag-icon-checkbox-indeterminate {
color: #7367f0 !important; }
.aggrid .ag-root-wrapper-body {
min-height: calc(100% - 56px); }
.aggrid .ag-header-cell-text {
font-size: 1rem;
font-family: "Montserrat", Helvetica, Arial, serif; }
.aggrid .ag-paging-panel {
display: block !important;
align-items: center;
height: 98px; }
.aggrid .ag-paging-panel .ag-paging-row-summary-panel {
display: none; }
.aggrid .ag-paging-panel .ag-paging-page-summary-panel {
justify-content: center;
margin-left: 0;
margin-top: 18px; }
.aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref="lbCurrent"],
.aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref="lbTotal"] {
color: #fff;
padding: 0.7rem 0.95rem;
border-radius: 0.5rem; }
.aggrid .ag-paging-panel .ag-paging-button {
background-color: #dae1e7;
border-radius: 50%;
padding: 0.5rem 0rem;
margin: 0 0.5rem;
color: #626262 !important; }
.aggrid .ag-paging-panel .ag-paging-button .ag-icon {
color: #626262 !important;
opacity: 1 !important; }
.aggrid .ag-paging-panel .ag-paging-button.ag-disabled {
opacity: 0.5 !important; }
.aggrid .ag-paging-panel span[ref="lbCurrent"] {
background-color: #7367f0; }
.aggrid .ag-paging-panel span[ref="lbTotal"] {
background-color: #dae1e7;
color: #626262 !important; }
.aggrid ::-webkit-scrollbar {
width: 10px;
height: 10px; }
.aggrid ::-webkit-scrollbar-thumb {
background: #dae1e7;
border-radius: 20px; }
.aggrid ::-webkit-scrollbar-track {
background: #f8f8f8;
border-radius: 20px; }
/*** PAGE FILTER DROPDOWN ***/
.filter-btn {
padding: 1.2rem !important;
border-radius: 5rem;
font-size: 0.95rem; }
.filter-btn:after {
left: 5px; }
/*** SORTING DROPDOWN WIDTH ***/
.sort-dropdown .dropdown-menu {
min-width: 4rem; }
================================================
FILE: public/backend/css/pages/app-chat.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.chat-application .content-area-wrapper .content-right .content-wrapper {
padding: 0; }
.chat-application .content-area-wrapper {
border: 1px solid #dae1e7;
border-radius: 0.25rem; }
.chat-application .chat-profile-sidebar {
border-right: 1px solid #E4E7ED;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
width: 400px;
border-radius: .25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
background-color: #fff;
position: fixed;
transform: translateX(-110%);
transition: all .3s ease;
z-index: 6; }
.chat-application .chat-profile-sidebar.show {
transform: translateX(0);
transition: all .3s ease; }
.chat-application .chat-profile-sidebar .chat-profile-header {
display: flex;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.chat-application .chat-profile-sidebar .chat-profile-header .header-profile-sidebar {
margin: 2rem auto .5rem; }
.chat-application .chat-profile-sidebar .chat-profile-header .avatar {
margin-bottom: 1.25rem; }
.chat-application .chat-profile-sidebar .chat-profile-header .close-icon {
position: absolute;
top: 14px;
right: 13px;
font-size: 1.75rem;
cursor: pointer; }
.chat-application .chat-profile-sidebar .profile-sidebar-area .scroll-area {
padding: 2rem;
height: calc(100vh - 24.25rem);
height: calc(var(--vh, 1vh) * 100 - 24.25rem);
position: relative; }
.chat-application .sidebar-content {
border-right: 1px solid #E4E7ED;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
width: 400px;
border-radius: .25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
box-shadow: none; }
.chat-application .sidebar-content .sidebar-close-icon {
position: absolute;
right: .25rem;
top: .25rem;
font-size: 1.25rem;
z-index: 1;
cursor: pointer;
visibility: hidden; }
.chat-application .sidebar-content .chat-fixed-search {
position: fixed;
width: 400px;
border-bottom: 1px solid #E4E7ED;
padding: .65rem; }
.chat-application .sidebar-content .chat-fixed-search .sidebar-profile-toggle .avatar {
display: inline-table;
width: calc(32px + 8px); }
.chat-application .sidebar-content .chat-fixed-search input.form-control {
padding: .9rem 1rem .9rem 3rem;
height: calc(1.25em + 1.4rem + 4px); }
.chat-application .sidebar-content .chat-fixed-search .form-control-position {
top: 5px; }
.chat-application .sidebar-content .chat-fixed-search .form-control-position i {
left: 9px; }
.chat-application .sidebar-content .chat-user-list {
height: calc(100% - 5rem);
margin-top: 5rem;
width: 400px; }
.chat-application .sidebar-content .chat-user-list ul {
padding-left: 0;
margin-bottom: 0; }
.chat-application .sidebar-content .chat-user-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.322rem .85rem;
margin-right: 1px; }
.chat-application .sidebar-content .chat-user-list li:not(:first-child) {
border-top: 1px solid #E4E7ED; }
.chat-application .sidebar-content .chat-user-list li .user-chat-info {
width: 100%;
display: flex;
justify-content: space-between;
overflow: hidden; }
.chat-application .sidebar-content .chat-user-list li .contact-info {
width: calc(100vw - (100vw - 100%) - 1rem - 50px);
margin-top: .3rem; }
.chat-application .sidebar-content .chat-user-list li .contact-info .truncate {
margin: 0; }
.chat-application .sidebar-content .chat-user-list li:hover {
cursor: pointer;
background: #eee; }
.chat-application .sidebar-content .chat-user-list li.active {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
color: #fff; }
.chat-application .sidebar-content .chat-user-list li.active h1, .chat-application .sidebar-content .chat-user-list li.active h2, .chat-application .sidebar-content .chat-user-list li.active h3, .chat-application .sidebar-content .chat-user-list li.active h4, .chat-application .sidebar-content .chat-user-list li.active h5, .chat-application .sidebar-content .chat-user-list li.active h6 {
color: #fff; }
.chat-application .sidebar-content .chat-user-list li img {
border: 2px solid #fff; }
.chat-application .sidebar-content .card {
margin-bottom: 0; }
.chat-application .chat-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block;
z-index: 2;
visibility: hidden;
border-radius: 0.25rem; }
.chat-application .chat-overlay.show {
visibility: visible;
background-color: rgba(0, 0, 0, 0.2); }
.chat-application .chat-app-window .favorite, .chat-application .chat-app-window .sidebar-toggle {
cursor: pointer; }
.chat-application .chat-app-window .user-chats {
padding: 20px 30px;
position: relative;
text-align: center;
height: calc(100vh - 23.5rem);
height: calc(var(--vh, 1vh) * 100 - 23.5rem); }
.chat-application .chat-app-window .start-chat-area, .chat-application .chat-app-window .user-chats {
background-image: url("../../images/backgrounds/chat-bg.svg");
background-color: #dfdbe5; }
.chat-application .chat-app-window .start-chat-area {
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.chat-application .chat-app-window .start-chat-area .start-chat-icon, .chat-application .chat-app-window .start-chat-area .start-chat-text {
background: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important; }
.chat-application .chat-app-window .start-chat-area .start-chat-text {
border-radius: calc(0.5rem * 4);
cursor: pointer; }
.chat-application .chat-app-window .start-chat-area .start-chat-icon {
border-radius: 50%;
font-size: 4rem;
padding: 2rem; }
.chat-application .chat-app-form {
padding: 20px 10px;
background-color: white; }
.chat-application .chats {
padding: 0; }
.chat-application .chats .chat-body {
display: block;
margin: 10px 30px 0 0;
overflow: hidden; }
.chat-application .chats .chat-body .chat-content {
text-align: right;
display: block;
float: right;
padding: .75rem 1rem;
margin: 0 20px 10px 0;
clear: both;
color: #fff;
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
border-radius: .5rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.chat-application .chats .chat-body .chat-content p {
margin: 0; }
.chat-application .chats .chat-avatar {
float: right; }
.chat-application .chats .chat-left .chat-avatar {
float: left; }
.chat-application .chats .chat-left .chat-body {
margin-right: 0;
margin-left: 30px; }
.chat-application .chats .chat-left .chat-content {
text-align: left;
float: left;
margin: 0 0 10px 20px;
color: #626262;
background: none;
background-color: white; }
.chat-application .user-profile-sidebar {
border-right: 1px solid #E4E7ED;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
width: 400px;
border-radius: .25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin: 0;
background-color: #fff;
position: fixed;
transform: translateX(110%);
transition: all .3s ease;
z-index: 6;
right: 4.2rem;
bottom: 5.25rem;
opacity: 0; }
.chat-application .user-profile-sidebar.show {
opacity: 1;
transform: translateX(7%);
transition: all .3s ease; }
.chat-application .user-profile-sidebar .user-profile-header {
display: flex;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.chat-application .user-profile-sidebar .user-profile-header .header-profile-sidebar {
margin: 2rem auto .5rem; }
.chat-application .user-profile-sidebar .user-profile-header .avatar {
margin-bottom: 1.25rem; }
.chat-application .user-profile-sidebar .user-profile-header .close-icon {
position: absolute;
top: 14px;
right: 13px;
font-size: 1.75rem;
cursor: pointer; }
.chat-application .user-profile-sidebar .user-profile-sidebar-area {
height: calc(100vh - 24.25rem);
height: calc(var(--vh, 1vh) * 100 - 24.25rem);
position: relative; }
@media (max-width: 767.98px) {
.chat-application .chat-app-window {
height: calc(100% - 132px); }
.chat-application .sidebar-content .sidebar-close-icon {
visibility: visible; } }
@media (max-width: 575.98px) {
.chat-application .sidebar-content {
width: 260px;
left: -4px !important; }
.chat-application .sidebar-content .chat-fixed-search, .chat-application .sidebar-content .chat-user-list {
width: 260px; }
.chat-application .chat-profile-sidebar {
width: 260px; }
.chat-application .user-profile-sidebar {
width: 260px;
right: 2.35rem; } }
@media (max-width: 991.98px) {
.content-right {
width: 100%; }
.chat-application .sidebar-content {
transform: translateX(-110%);
transition: all .3s ease-in-out;
left: 0;
position: fixed;
z-index: 5;
left: -2px; }
.chat-application .sidebar-content.show {
transform: translateX(8.5%);
transition: all .3s ease;
display: block; } }
@media (max-width: 349.98px) {
.chat-application .sidebar-content {
width: 230px;
left: -2px !important; }
.chat-application .sidebar-content .chat-fixed-search, .chat-application .sidebar-content .chat-user-list {
width: 230px; }
.chat-application .chat-profile-sidebar {
width: 230px; }
.chat-application .user-profile-sidebar {
width: 230px; } }
================================================
FILE: public/backend/css/pages/app-ecommerce-details.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
/* app ecommerce details css */
/*---------------*/
.app-ecommerce-details .item-features {
background-color: #f7f7f7; }
/* swiper slide shadow */
.swiper-container .swiper-shadow {
box-shadow: 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important; }
.swiper-responsive-breakpoints.swiper-container .swiper-slide {
text-align: center;
font-weight: 500;
background-color: #f7f7f7;
padding: 1.5rem;
cursor: pointer; }
.swiper-button-prev,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: none;
width: 35px;
font-size: 2rem; }
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-container-rtl .swiper-button-prev:focus,
.swiper-container-rtl .swiper-button-next:focus {
outline: none; }
.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
font-family: 'feather'; }
.swiper-button-prev {
left: 0; }
.swiper-button-prev:after {
content: "\e843"; }
.swiper-button-next {
right: 0; }
.swiper-button-next:after {
content: "\e844"; }
.swiper-container-rtl .swiper-button-prev:after {
content: "\e844"; }
.swiper-container-rtl .swiper-button-next:after {
content: "\e843"; }
.product-color-options .color-option {
border: 2px solid transparent;
border-radius: 50%;
position: relative;
cursor: pointer;
padding: .3rem; }
.product-color-options .color-option .filloption {
height: 21px;
width: 21px;
border-radius: 50%; }
.product-color-options .selected .b-primary {
border-color: #7367f0; }
.product-color-options .selected .b-success {
border-color: #28c76f; }
.product-color-options .selected .b-danger {
border-color: #ea5455; }
.product-color-options .selected .b-warning {
border-color: #ff9f43; }
.product-color-options .selected .b-black {
border-color: #22292f; }
================================================
FILE: public/backend/css/pages/app-ecommerce-shop.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.ecommerce-application .content-body {
position: relative; }
.ecommerce-application .shop-content-overlay {
position: absolute;
top: 4.2rem;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
opacity: 0; }
.ecommerce-application .shop-content-overlay.show {
opacity: 1;
z-index: 1; }
.ecommerce-application .sidebar-shop .sidebar-close-icon {
position: absolute;
top: 0.25rem;
right: 0.25rem;
font-size: 1.25rem;
z-index: 5;
cursor: pointer; }
.ecommerce-application .sidebar-shop .filter-heading {
font-weight: 700;
color: #626262;
position: relative;
top: -7px; }
.ecommerce-application .sidebar-shop .vs-radio-con input:checked ~ span {
color: #7367f0; }
.ecommerce-application .sidebar-shop .filter-title {
font-weight: 700; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal {
height: .285rem; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-base {
height: .285rem; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle {
right: -1.071rem !important;
top: -.428rem;
width: 16px;
height: 16px;
border-width: .142rem;
line-height: 1.15;
cursor: pointer; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip {
opacity: 0;
font-size: .75rem;
background-color: #7367f0;
color: #fff;
border-radius: .357rem;
border: none;
padding: .142rem .357rem;
transform: translate(-50%, -50%); }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip:before {
content: "$ "; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:hover {
transform: scale(1.2); }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:active {
transform: scale(1);
border-width: .5rem;
transition: .25s ease; }
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:active .noUi-tooltip {
opacity: 1; }
.ecommerce-application .sidebar-shop .ratings-list .ratings-list-item {
font-size: 1.5rem;
cursor: pointer; }
.ecommerce-application .sidebar-shop .ratings-list ~ .stars-received {
margin-top: .35rem; }
.ecommerce-application .sidebar-shop {
margin-top: 2rem;
width: 260px;
z-index: 4; }
.ecommerce-application .ecommerce-header-items {
display: flex;
justify-content: space-between; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option {
display: inline-block; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn {
margin-right: 10px;
background-color: #fff;
padding: .5rem;
color: #626262;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14) !important; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn i {
font-size: 1.7rem; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active {
color: #7367f0 !important; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:hover, .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:active {
color: #7367f0 !important; }
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn:hover, .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn:active {
color: #626262; }
.ecommerce-application .ecommerce-header-items .view-options .select2 {
margin-right: 10px;
width: auto !important; }
.ecommerce-application .ecommerce-header-items .view-options .select2 .select2-selection--single {
border: none !important;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
border-radius: 5px; }
.ecommerce-application .ecommerce-header-items .result-toggler {
display: flex;
align-items: flex-end; }
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
font-size: 1.7rem;
padding-left: 0;
margin-left: -6px; }
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler:active, .ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler:focus {
outline: 0; }
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler .navbar-toggler-icon i {
color: #626262;
vertical-align: middle; }
.ecommerce-application .ecommerce-header-items .result-toggler .search-results {
font-weight: 700;
color: #626262;
display: inline-block; }
.ecommerce-application .search-product {
height: 48px;
border: none;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
font-size: 1.2rem;
padding-left: 1rem; }
.ecommerce-application .search-product ~ .form-control-position {
top: 10px;
right: 10px; }
.ecommerce-application .search-product ~ .form-control-position i {
font-size: 1.5rem; }
.ecommerce-application .search-product::placeholder {
font-size: .95rem; }
.ecommerce-application .ecommerce-card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25); }
.ecommerce-application .ecommerce-card .item-price {
font-weight: 700; }
.ecommerce-application .ecommerce-card .item-rating i {
margin-left: .25rem;
vertical-align: top; }
.ecommerce-application .ecommerce-card .item-name {
font-weight: 600;
color: #2c2c2c; }
.ecommerce-application .ecommerce-card .item-name a {
color: #626262; }
.ecommerce-application .ecommerce-card .item-name a:hover {
color: #7367f0; }
.ecommerce-application .ecommerce-card .item-description {
font-size: .875rem; }
.ecommerce-application .ecommerce-card .wishlist,
.ecommerce-application .ecommerce-card .cart {
padding: .8rem 1rem;
cursor: pointer;
font-weight: 600;
font-size: .875rem;
text-transform: uppercase; }
.ecommerce-application .ecommerce-card .wishlist i,
.ecommerce-application .ecommerce-card .cart i {
font-size: 1rem;
margin-right: .25rem; }
.ecommerce-application .ecommerce-card .wishlist {
background-color: #f6f6f6;
color: #2c2c2c;
user-select: none; }
.ecommerce-application .ecommerce-card .wishlist.added i {
color: #ea5455; }
.ecommerce-application .ecommerce-card .cart {
background-color: #7367f0;
color: #fff; }
.ecommerce-application .ecommerce-card .cart .view-in-cart {
color: #fff; }
.ecommerce-application .grid-view,
.ecommerce-application .list-view {
margin-top: .7rem; }
.ecommerce-application .grid-view {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 28px; }
.ecommerce-application .grid-view .ecommerce-card {
overflow: hidden; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-img {
padding-top: .5rem;
min-height: 15.85rem; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper {
display: flex;
justify-content: space-between; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper .item-price {
position: relative;
top: 5px; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper .shipping {
display: none; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-company {
display: none; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options {
display: flex;
flex-wrap: wrap; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .cart,
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .wishlist {
flex-grow: 1; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .wishlist {
padding: .8rem 2rem; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .item-wrapper .item-rating {
display: none; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .item-wrapper .item-price {
display: none; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-name {
margin-top: 1rem; }
.ecommerce-application .grid-view .ecommerce-card .card-content .item-name,
.ecommerce-application .grid-view .ecommerce-card .card-content .item-description {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ecommerce-application .grid-view .ecommerce-card .card-body {
padding: 1rem;
padding-bottom: 0; }
.ecommerce-application .list-view {
display: grid;
grid-template-columns: 1fr; }
.ecommerce-application .list-view .ecommerce-card {
overflow: hidden; }
.ecommerce-application .list-view .ecommerce-card .card-content {
display: grid;
grid-template-columns: 1fr 2fr 1fr; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-img {
align-self: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
justify-content: center;
align-items: center;
height: 100%; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body {
padding: 1rem;
padding-bottom: .5rem;
border-right: 1px solid #dae1e7; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-rating {
display: none; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-price {
display: none; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-name {
margin-bottom: .25rem;
font-size: .95rem; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-company {
display: block;
cursor: pointer;
font-size: .875rem; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-company .company-name {
color: #7367f0; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options {
padding: 1rem; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper {
position: relative; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper .item-rating {
position: absolute;
right: 0; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper .item-cost .item-price {
position: relative;
top: 55px;
font-size: 16px; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .shipping {
position: relative;
top: 50px;
color: #b8c2cc; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist {
margin-top: 84px;
margin-bottom: 10px; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist,
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .cart {
border-radius: 6px; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-company {
margin-bottom: 0; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .stock-status-in {
color: #28c76f;
font-weight: 400;
font-size: .875rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .stock-status-out {
color: #ea5455;
font-weight: 400;
font-size: .875rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity {
font-weight: 700;
font-size: .875rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity .quantity-title {
margin-bottom: 0.5rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity .quantity-counter-wrapper {
margin-left: -10px; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .delivery-date,
.ecommerce-application .checkout-items .ecommerce-card .card-content .offers {
font-weight: 500;
margin-bottom: 0;
font-size: 1rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .delivery-date {
color: #b8c2cc;
margin-top: 1.8rem; }
.ecommerce-application .checkout-items .ecommerce-card .card-content .offers {
color: #28c76f; }
.ecommerce-application .checkout-options .options-title {
color: #b8c2cc; }
.ecommerce-application .checkout-options .coupons {
display: flex;
justify-content: space-between; }
.ecommerce-application .checkout-options .coupons .coupons-title {
font-weight: 600; }
.ecommerce-application .checkout-options .coupons .coupons-title p {
margin-bottom: .5rem; }
.ecommerce-application .checkout-options .coupons .apply-coupon {
color: #7367f0;
font-weight: 500;
cursor: pointer; }
.ecommerce-application .checkout-options .coupons .apply-coupon p {
margin-bottom: .5rem; }
.ecommerce-application .checkout-options .price-details {
font-weight: 600;
margin-bottom: .75rem; }
.ecommerce-application .checkout-options .detail {
display: flex;
justify-content: space-between;
margin-bottom: .75rem; }
.ecommerce-application .checkout-options .detail .detail-title {
color: #b8c2cc; }
.ecommerce-application .checkout-options .detail .detail-title.detail-total {
color: #626262;
font-weight: 600; }
.ecommerce-application .checkout-options .detail .detail-amt.discount-amt {
color: #28c76f; }
.ecommerce-application .checkout-options .detail .detail-amt.emi-details {
color: #7367f0;
cursor: pointer; }
.ecommerce-application .checkout-options .detail .detail-amt.total-amt {
font-weight: 600; }
.ecommerce-application .payment-type .gift-card {
cursor: pointer; }
.ecommerce-application .payment-type .gift-card i {
position: relative;
top: 3px; }
.ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a {
color: #7367f0; }
.ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a .step {
border-color: #7367f0;
background-color: #7367f0; }
.ecommerce-application .wizard.checkout-tab-steps #checkout-address .form-group .error {
color: #ea5455; }
@media (max-width: 1200px) {
.ecommerce-application .app-content {
overflow: scroll; } }
@media (max-width: 991.98px) {
.ecommerce-application .sidebar-left .sidebar {
position: absolute;
top: 14rem; }
.ecommerce-application .sidebar-left .sidebar .card {
border-radius: 0;
padding-bottom: 100vh;
padding-bottom: calc(var(--vh, 1vh) * 100); }
.ecommerce-application .sidebar-left .sidebar .card .card-body {
padding-bottom: 100%; }
.ecommerce-application .sidebar-left .sidebar .sidebar-shop {
transform: translateX(-112%);
transition: all .25s ease;
position: absolute; }
.ecommerce-application .sidebar-left .sidebar .sidebar-shop.show {
transition: all .25s ease;
transform: translateX(0); }
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
position: relative;
top: 1.2rem; }
.ecommerce-application .grid-view {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 991.98px) {
.ecommerce-application .ecommerce-header-items .result-toggler .search-results {
display: none; }
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
top: .5rem; }
.ecommerce-application .ecommerce-header-items .sidebar-shop {
transform: translateX(-123%);
transition: all .2s ease;
z-index: 5; }
.ecommerce-application .ecommerce-header-items .sidebar-shop.show {
position: absolute;
transform: translateX(0);
transition: all .2s ease; }
.ecommerce-application .list-view .ecommerce-card .card-content {
grid-template-columns: 1fr; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-img {
padding-top: 2rem;
padding-bottom: 2rem; }
.ecommerce-application .list-view .ecommerce-card .card-content .card-body {
border: none; } }
@media (max-width: 576px) {
.ecommerce-application .sidebar-shop {
top: 0; }
.ecommerce-application .grid-view {
grid-template-columns: 1fr; } }
@media (min-width: 992px) {
.ecommerce-application .ecommerce-header-items .shop-sidebar-toggler {
display: none; }
.ecommerce-application .wishlist-items.grid-view {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.ecommerce-application .product-checkout.list-view {
grid-template-columns: 2fr 1fr;
column-gap: 20px; } }
@media (max-width: 360px) {
.ecommerce-application .sidebar-shop {
top: 1.5rem; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ecommerce-application .grid-view {
display: block; }
.ecommerce-application .grid-view .ecommerce-card {
float: left;
width: 31%;
margin-left: 1%;
margin-right: 1%; }
.ecommerce-application .list-view {
display: block; }
.ecommerce-application .list-view .ecommerce-card .card-content {
display: flex; }
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist,
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .cart {
padding: .8rem 3rem;
display: flex;
justify-content: center; }
.ecommerce-application #ecommerce-pagination .row {
clear: both; } }
================================================
FILE: public/backend/css/pages/app-email.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.email-application .content-area-wrapper {
border: 1px solid #dae1e7;
border-radius: 0.25rem; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar {
width: 260px;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
background-color: #fff;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
transition: all .3s ease; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .sidebar-close-icon {
position: absolute;
right: .25rem;
top: .25rem;
cursor: pointer;
font-size: 1.25rem;
z-index: 5;
visibility: hidden; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu {
width: 100%;
padding-bottom: .5rem;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
z-index: 3; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .compose-btn {
padding: 1px 1.5rem;
margin-bottom: 0.25rem; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .badge {
padding: 0.5rem 0.68rem; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .sidebar-menu-list {
padding: 0 1.5rem;
position: relative;
height: calc(100% - 6.4rem); }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item i {
top: 3px; }
.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu hr {
margin-left: -1.5rem;
margin-right: -1.5rem; }
.email-application .content-area-wrapper .sidebar .list-group .list-group-item {
padding-left: 0;
padding-right: 0; }
.email-application .content-area-wrapper .sidebar .list-group .list-group-item:hover, .email-application .content-area-wrapper .sidebar .list-group .list-group-item:focus {
background-color: transparent;
color: #626262; }
.email-application .content-area-wrapper .sidebar .list-group .list-group-item.active {
background: transparent;
color: #7367f0; }
.email-application .content-area-wrapper .content-right {
width: calc(100% - 260px); }
.email-application .content-area-wrapper .content-right .content-wrapper {
padding: 0; }
.email-application .content-area-wrapper .content-right .email-app-list-wrapper {
border-left: 1px solid #dae1e7; }
.email-application .content-area-wrapper .content-right .app-fixed-search {
padding: .35rem .1rem;
border-bottom: 1px solid #dae1e7;
background-color: #fff;
border-top-right-radius: 0.5rem; }
.email-application .content-area-wrapper .content-right .app-fixed-search .form-control-position {
font-size: calc(1rem * 1.1); }
.email-application .content-area-wrapper .content-right .app-fixed-search input {
border: 0;
background-color: transparent; }
.email-application .content-area-wrapper .content-right .app-fixed-search input:focus {
border-color: transparent;
box-shadow: none; }
.email-application .content-area-wrapper .content-right .action-icon {
cursor: pointer; }
.email-application .app-content .content-area-wrapper {
position: relative; }
.email-application .app-content .content-area-wrapper .sidebar-toggle {
cursor: pointer;
margin: 0.5rem 0.99rem;
float: left;
line-height: 1; }
.email-application .app-content .content-area-wrapper .sidebar-toggle i {
font-size: 1.75rem; }
.email-application .app-content .content-area-wrapper .go-back {
cursor: pointer; }
.email-application .app-content .content-area-wrapper .app-content-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: all .3s ease; }
.email-application .app-content .content-area-wrapper .app-content-overlay.show {
visibility: visible;
transition: all .3s ease;
opacity: 1;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 0.5rem; }
.email-application .app-content .content-area-wrapper .email-user-list {
position: relative;
height: calc(100vh - 20.3rem);
height: calc(var(--vh, 1vh) * 100 - 20.3rem); }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper {
padding: 0;
margin: 0; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1) {
animation-delay: 0.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2) {
animation-delay: 0.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3) {
animation-delay: 0.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4) {
animation-delay: 0.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(5) {
animation-delay: 0.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(6) {
animation-delay: 0.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(7) {
animation-delay: 0.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(8) {
animation-delay: 0.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(9) {
animation-delay: 0.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(10) {
animation-delay: 1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(11) {
animation-delay: 1.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(12) {
animation-delay: 1.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(13) {
animation-delay: 1.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(14) {
animation-delay: 1.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(15) {
animation-delay: 1.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(16) {
animation-delay: 1.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(17) {
animation-delay: 1.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(18) {
animation-delay: 1.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(19) {
animation-delay: 1.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(20) {
animation-delay: 2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(21) {
animation-delay: 2.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(22) {
animation-delay: 2.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(23) {
animation-delay: 2.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(24) {
animation-delay: 2.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(25) {
animation-delay: 2.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(26) {
animation-delay: 2.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(27) {
animation-delay: 2.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(28) {
animation-delay: 2.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(29) {
animation-delay: 2.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(30) {
animation-delay: 3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(31) {
animation-delay: 3.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(32) {
animation-delay: 3.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(33) {
animation-delay: 3.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(34) {
animation-delay: 3.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(35) {
animation-delay: 3.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(36) {
animation-delay: 3.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(37) {
animation-delay: 3.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(38) {
animation-delay: 3.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(39) {
animation-delay: 3.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(40) {
animation-delay: 4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(41) {
animation-delay: 4.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(42) {
animation-delay: 4.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(43) {
animation-delay: 4.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(44) {
animation-delay: 4.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(45) {
animation-delay: 4.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(46) {
animation-delay: 4.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(47) {
animation-delay: 4.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(48) {
animation-delay: 4.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(49) {
animation-delay: 4.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(50) {
animation-delay: 5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(51) {
animation-delay: 5.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(52) {
animation-delay: 5.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(53) {
animation-delay: 5.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(54) {
animation-delay: 5.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(55) {
animation-delay: 5.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(56) {
animation-delay: 5.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(57) {
animation-delay: 5.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(58) {
animation-delay: 5.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(59) {
animation-delay: 5.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(60) {
animation-delay: 6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(61) {
animation-delay: 6.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(62) {
animation-delay: 6.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(63) {
animation-delay: 6.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(64) {
animation-delay: 6.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(65) {
animation-delay: 6.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(66) {
animation-delay: 6.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(67) {
animation-delay: 6.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(68) {
animation-delay: 6.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(69) {
animation-delay: 6.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(70) {
animation-delay: 7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(71) {
animation-delay: 7.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(72) {
animation-delay: 7.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(73) {
animation-delay: 7.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(74) {
animation-delay: 7.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(75) {
animation-delay: 7.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(76) {
animation-delay: 7.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(77) {
animation-delay: 7.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(78) {
animation-delay: 7.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(79) {
animation-delay: 7.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(80) {
animation-delay: 8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(81) {
animation-delay: 8.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(82) {
animation-delay: 8.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(83) {
animation-delay: 8.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(84) {
animation-delay: 8.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(85) {
animation-delay: 8.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(86) {
animation-delay: 8.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(87) {
animation-delay: 8.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(88) {
animation-delay: 8.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(89) {
animation-delay: 8.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(90) {
animation-delay: 9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(91) {
animation-delay: 9.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(92) {
animation-delay: 9.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(93) {
animation-delay: 9.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(94) {
animation-delay: 9.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(95) {
animation-delay: 9.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(96) {
animation-delay: 9.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(97) {
animation-delay: 9.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(98) {
animation-delay: 9.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(99) {
animation-delay: 9.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(100) {
animation-delay: 10s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(101) {
animation-delay: 10.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(102) {
animation-delay: 10.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(103) {
animation-delay: 10.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(104) {
animation-delay: 10.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(105) {
animation-delay: 10.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(106) {
animation-delay: 10.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(107) {
animation-delay: 10.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(108) {
animation-delay: 10.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(109) {
animation-delay: 10.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(110) {
animation-delay: 11s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(111) {
animation-delay: 11.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(112) {
animation-delay: 11.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(113) {
animation-delay: 11.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(114) {
animation-delay: 11.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(115) {
animation-delay: 11.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(116) {
animation-delay: 11.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(117) {
animation-delay: 11.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(118) {
animation-delay: 11.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(119) {
animation-delay: 11.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(120) {
animation-delay: 12s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(121) {
animation-delay: 12.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(122) {
animation-delay: 12.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(123) {
animation-delay: 12.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(124) {
animation-delay: 12.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(125) {
animation-delay: 12.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(126) {
animation-delay: 12.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(127) {
animation-delay: 12.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(128) {
animation-delay: 12.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(129) {
animation-delay: 12.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(130) {
animation-delay: 13s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(131) {
animation-delay: 13.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(132) {
animation-delay: 13.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(133) {
animation-delay: 13.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(134) {
animation-delay: 13.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(135) {
animation-delay: 13.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(136) {
animation-delay: 13.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(137) {
animation-delay: 13.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(138) {
animation-delay: 13.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(139) {
animation-delay: 13.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(140) {
animation-delay: 14s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(141) {
animation-delay: 14.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(142) {
animation-delay: 14.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(143) {
animation-delay: 14.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(144) {
animation-delay: 14.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(145) {
animation-delay: 14.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(146) {
animation-delay: 14.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(147) {
animation-delay: 14.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(148) {
animation-delay: 14.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(149) {
animation-delay: 14.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(150) {
animation-delay: 15s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(151) {
animation-delay: 15.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(152) {
animation-delay: 15.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(153) {
animation-delay: 15.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(154) {
animation-delay: 15.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(155) {
animation-delay: 15.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(156) {
animation-delay: 15.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(157) {
animation-delay: 15.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(158) {
animation-delay: 15.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(159) {
animation-delay: 15.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(160) {
animation-delay: 16s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(161) {
animation-delay: 16.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(162) {
animation-delay: 16.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(163) {
animation-delay: 16.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(164) {
animation-delay: 16.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(165) {
animation-delay: 16.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(166) {
animation-delay: 16.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(167) {
animation-delay: 16.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(168) {
animation-delay: 16.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(169) {
animation-delay: 16.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(170) {
animation-delay: 17s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(171) {
animation-delay: 17.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(172) {
animation-delay: 17.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(173) {
animation-delay: 17.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(174) {
animation-delay: 17.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(175) {
animation-delay: 17.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(176) {
animation-delay: 17.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(177) {
animation-delay: 17.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(178) {
animation-delay: 17.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(179) {
animation-delay: 17.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(180) {
animation-delay: 18s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(181) {
animation-delay: 18.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(182) {
animation-delay: 18.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(183) {
animation-delay: 18.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(184) {
animation-delay: 18.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(185) {
animation-delay: 18.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(186) {
animation-delay: 18.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(187) {
animation-delay: 18.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(188) {
animation-delay: 18.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(189) {
animation-delay: 18.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(190) {
animation-delay: 19s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(191) {
animation-delay: 19.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(192) {
animation-delay: 19.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(193) {
animation-delay: 19.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(194) {
animation-delay: 19.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(195) {
animation-delay: 19.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(196) {
animation-delay: 19.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(197) {
animation-delay: 19.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(198) {
animation-delay: 19.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(199) {
animation-delay: 19.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(200) {
animation-delay: 20s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(201) {
animation-delay: 20.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(202) {
animation-delay: 20.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(203) {
animation-delay: 20.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(204) {
animation-delay: 20.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(205) {
animation-delay: 20.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(206) {
animation-delay: 20.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(207) {
animation-delay: 20.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(208) {
animation-delay: 20.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(209) {
animation-delay: 20.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(210) {
animation-delay: 21s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(211) {
animation-delay: 21.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(212) {
animation-delay: 21.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(213) {
animation-delay: 21.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(214) {
animation-delay: 21.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(215) {
animation-delay: 21.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(216) {
animation-delay: 21.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(217) {
animation-delay: 21.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(218) {
animation-delay: 21.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(219) {
animation-delay: 21.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(220) {
animation-delay: 22s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(221) {
animation-delay: 22.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(222) {
animation-delay: 22.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(223) {
animation-delay: 22.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(224) {
animation-delay: 22.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(225) {
animation-delay: 22.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(226) {
animation-delay: 22.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(227) {
animation-delay: 22.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(228) {
animation-delay: 22.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(229) {
animation-delay: 22.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(230) {
animation-delay: 23s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(231) {
animation-delay: 23.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(232) {
animation-delay: 23.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(233) {
animation-delay: 23.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(234) {
animation-delay: 23.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(235) {
animation-delay: 23.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(236) {
animation-delay: 23.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(237) {
animation-delay: 23.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(238) {
animation-delay: 23.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(239) {
animation-delay: 23.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(240) {
animation-delay: 24s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(241) {
animation-delay: 24.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(242) {
animation-delay: 24.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(243) {
animation-delay: 24.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(244) {
animation-delay: 24.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(245) {
animation-delay: 24.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(246) {
animation-delay: 24.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(247) {
animation-delay: 24.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(248) {
animation-delay: 24.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(249) {
animation-delay: 24.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(250) {
animation-delay: 25s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(251) {
animation-delay: 25.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(252) {
animation-delay: 25.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(253) {
animation-delay: 25.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(254) {
animation-delay: 25.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(255) {
animation-delay: 25.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(256) {
animation-delay: 25.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(257) {
animation-delay: 25.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(258) {
animation-delay: 25.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(259) {
animation-delay: 25.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(260) {
animation-delay: 26s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(261) {
animation-delay: 26.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(262) {
animation-delay: 26.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(263) {
animation-delay: 26.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(264) {
animation-delay: 26.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(265) {
animation-delay: 26.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(266) {
animation-delay: 26.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(267) {
animation-delay: 26.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(268) {
animation-delay: 26.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(269) {
animation-delay: 26.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(270) {
animation-delay: 27s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(271) {
animation-delay: 27.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(272) {
animation-delay: 27.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(273) {
animation-delay: 27.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(274) {
animation-delay: 27.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(275) {
animation-delay: 27.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(276) {
animation-delay: 27.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(277) {
animation-delay: 27.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(278) {
animation-delay: 27.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(279) {
animation-delay: 27.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(280) {
animation-delay: 28s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(281) {
animation-delay: 28.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(282) {
animation-delay: 28.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(283) {
animation-delay: 28.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(284) {
animation-delay: 28.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(285) {
animation-delay: 28.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(286) {
animation-delay: 28.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(287) {
animation-delay: 28.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(288) {
animation-delay: 28.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(289) {
animation-delay: 28.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(290) {
animation-delay: 29s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(291) {
animation-delay: 29.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(292) {
animation-delay: 29.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(293) {
animation-delay: 29.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(294) {
animation-delay: 29.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(295) {
animation-delay: 29.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(296) {
animation-delay: 29.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(297) {
animation-delay: 29.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(298) {
animation-delay: 29.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(299) {
animation-delay: 29.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(300) {
animation-delay: 30s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(301) {
animation-delay: 30.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(302) {
animation-delay: 30.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(303) {
animation-delay: 30.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(304) {
animation-delay: 30.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(305) {
animation-delay: 30.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(306) {
animation-delay: 30.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(307) {
animation-delay: 30.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(308) {
animation-delay: 30.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(309) {
animation-delay: 30.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(310) {
animation-delay: 31s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(311) {
animation-delay: 31.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(312) {
animation-delay: 31.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(313) {
animation-delay: 31.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(314) {
animation-delay: 31.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(315) {
animation-delay: 31.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(316) {
animation-delay: 31.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(317) {
animation-delay: 31.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(318) {
animation-delay: 31.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(319) {
animation-delay: 31.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(320) {
animation-delay: 32s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(321) {
animation-delay: 32.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(322) {
animation-delay: 32.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(323) {
animation-delay: 32.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(324) {
animation-delay: 32.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(325) {
animation-delay: 32.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(326) {
animation-delay: 32.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(327) {
animation-delay: 32.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(328) {
animation-delay: 32.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(329) {
animation-delay: 32.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(330) {
animation-delay: 33s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(331) {
animation-delay: 33.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(332) {
animation-delay: 33.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(333) {
animation-delay: 33.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(334) {
animation-delay: 33.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(335) {
animation-delay: 33.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(336) {
animation-delay: 33.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(337) {
animation-delay: 33.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(338) {
animation-delay: 33.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(339) {
animation-delay: 33.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(340) {
animation-delay: 34s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(341) {
animation-delay: 34.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(342) {
animation-delay: 34.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(343) {
animation-delay: 34.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(344) {
animation-delay: 34.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(345) {
animation-delay: 34.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(346) {
animation-delay: 34.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(347) {
animation-delay: 34.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(348) {
animation-delay: 34.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(349) {
animation-delay: 34.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(350) {
animation-delay: 35s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(351) {
animation-delay: 35.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(352) {
animation-delay: 35.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(353) {
animation-delay: 35.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(354) {
animation-delay: 35.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(355) {
animation-delay: 35.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(356) {
animation-delay: 35.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(357) {
animation-delay: 35.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(358) {
animation-delay: 35.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(359) {
animation-delay: 35.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(360) {
animation-delay: 36s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(361) {
animation-delay: 36.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(362) {
animation-delay: 36.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(363) {
animation-delay: 36.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(364) {
animation-delay: 36.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(365) {
animation-delay: 36.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(366) {
animation-delay: 36.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(367) {
animation-delay: 36.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(368) {
animation-delay: 36.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(369) {
animation-delay: 36.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(370) {
animation-delay: 37s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(371) {
animation-delay: 37.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(372) {
animation-delay: 37.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(373) {
animation-delay: 37.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(374) {
animation-delay: 37.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(375) {
animation-delay: 37.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(376) {
animation-delay: 37.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(377) {
animation-delay: 37.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(378) {
animation-delay: 37.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(379) {
animation-delay: 37.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(380) {
animation-delay: 38s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(381) {
animation-delay: 38.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(382) {
animation-delay: 38.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(383) {
animation-delay: 38.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(384) {
animation-delay: 38.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(385) {
animation-delay: 38.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(386) {
animation-delay: 38.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(387) {
animation-delay: 38.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(388) {
animation-delay: 38.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(389) {
animation-delay: 38.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(390) {
animation-delay: 39s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(391) {
animation-delay: 39.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(392) {
animation-delay: 39.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(393) {
animation-delay: 39.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(394) {
animation-delay: 39.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(395) {
animation-delay: 39.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(396) {
animation-delay: 39.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(397) {
animation-delay: 39.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(398) {
animation-delay: 39.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(399) {
animation-delay: 39.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(400) {
animation-delay: 40s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(401) {
animation-delay: 40.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(402) {
animation-delay: 40.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(403) {
animation-delay: 40.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(404) {
animation-delay: 40.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(405) {
animation-delay: 40.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(406) {
animation-delay: 40.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(407) {
animation-delay: 40.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(408) {
animation-delay: 40.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(409) {
animation-delay: 40.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(410) {
animation-delay: 41s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(411) {
animation-delay: 41.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(412) {
animation-delay: 41.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(413) {
animation-delay: 41.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(414) {
animation-delay: 41.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(415) {
animation-delay: 41.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(416) {
animation-delay: 41.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(417) {
animation-delay: 41.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(418) {
animation-delay: 41.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(419) {
animation-delay: 41.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(420) {
animation-delay: 42s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(421) {
animation-delay: 42.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(422) {
animation-delay: 42.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(423) {
animation-delay: 42.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(424) {
animation-delay: 42.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(425) {
animation-delay: 42.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(426) {
animation-delay: 42.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(427) {
animation-delay: 42.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(428) {
animation-delay: 42.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(429) {
animation-delay: 42.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(430) {
animation-delay: 43s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(431) {
animation-delay: 43.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(432) {
animation-delay: 43.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(433) {
animation-delay: 43.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(434) {
animation-delay: 43.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(435) {
animation-delay: 43.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(436) {
animation-delay: 43.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(437) {
animation-delay: 43.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(438) {
animation-delay: 43.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(439) {
animation-delay: 43.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(440) {
animation-delay: 44s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(441) {
animation-delay: 44.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(442) {
animation-delay: 44.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(443) {
animation-delay: 44.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(444) {
animation-delay: 44.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(445) {
animation-delay: 44.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(446) {
animation-delay: 44.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(447) {
animation-delay: 44.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(448) {
animation-delay: 44.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(449) {
animation-delay: 44.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(450) {
animation-delay: 45s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(451) {
animation-delay: 45.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(452) {
animation-delay: 45.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(453) {
animation-delay: 45.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(454) {
animation-delay: 45.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(455) {
animation-delay: 45.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(456) {
animation-delay: 45.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(457) {
animation-delay: 45.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(458) {
animation-delay: 45.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(459) {
animation-delay: 45.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(460) {
animation-delay: 46s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(461) {
animation-delay: 46.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(462) {
animation-delay: 46.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(463) {
animation-delay: 46.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(464) {
animation-delay: 46.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(465) {
animation-delay: 46.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(466) {
animation-delay: 46.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(467) {
animation-delay: 46.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(468) {
animation-delay: 46.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(469) {
animation-delay: 46.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(470) {
animation-delay: 47s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(471) {
animation-delay: 47.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(472) {
animation-delay: 47.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(473) {
animation-delay: 47.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(474) {
animation-delay: 47.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(475) {
animation-delay: 47.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(476) {
animation-delay: 47.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(477) {
animation-delay: 47.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(478) {
animation-delay: 47.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(479) {
animation-delay: 47.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(480) {
animation-delay: 48s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(481) {
animation-delay: 48.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(482) {
animation-delay: 48.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(483) {
animation-delay: 48.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(484) {
animation-delay: 48.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(485) {
animation-delay: 48.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(486) {
animation-delay: 48.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(487) {
animation-delay: 48.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(488) {
animation-delay: 48.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(489) {
animation-delay: 48.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(490) {
animation-delay: 49s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(491) {
animation-delay: 49.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(492) {
animation-delay: 49.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(493) {
animation-delay: 49.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(494) {
animation-delay: 49.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(495) {
animation-delay: 49.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(496) {
animation-delay: 49.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(497) {
animation-delay: 49.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(498) {
animation-delay: 49.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(499) {
animation-delay: 49.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(500) {
animation-delay: 50s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(501) {
animation-delay: 50.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(502) {
animation-delay: 50.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(503) {
animation-delay: 50.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(504) {
animation-delay: 50.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(505) {
animation-delay: 50.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(506) {
animation-delay: 50.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(507) {
animation-delay: 50.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(508) {
animation-delay: 50.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(509) {
animation-delay: 50.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(510) {
animation-delay: 51s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(511) {
animation-delay: 51.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(512) {
animation-delay: 51.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(513) {
animation-delay: 51.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(514) {
animation-delay: 51.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(515) {
animation-delay: 51.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(516) {
animation-delay: 51.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(517) {
animation-delay: 51.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(518) {
animation-delay: 51.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(519) {
animation-delay: 51.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(520) {
animation-delay: 52s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(521) {
animation-delay: 52.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(522) {
animation-delay: 52.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(523) {
animation-delay: 52.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(524) {
animation-delay: 52.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(525) {
animation-delay: 52.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(526) {
animation-delay: 52.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(527) {
animation-delay: 52.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(528) {
animation-delay: 52.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(529) {
animation-delay: 52.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(530) {
animation-delay: 53s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(531) {
animation-delay: 53.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(532) {
animation-delay: 53.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(533) {
animation-delay: 53.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(534) {
animation-delay: 53.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(535) {
animation-delay: 53.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(536) {
animation-delay: 53.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(537) {
animation-delay: 53.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(538) {
animation-delay: 53.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(539) {
animation-delay: 53.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(540) {
animation-delay: 54s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(541) {
animation-delay: 54.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(542) {
animation-delay: 54.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(543) {
animation-delay: 54.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(544) {
animation-delay: 54.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(545) {
animation-delay: 54.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(546) {
animation-delay: 54.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(547) {
animation-delay: 54.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(548) {
animation-delay: 54.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(549) {
animation-delay: 54.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(550) {
animation-delay: 55s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(551) {
animation-delay: 55.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(552) {
animation-delay: 55.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(553) {
animation-delay: 55.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(554) {
animation-delay: 55.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(555) {
animation-delay: 55.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(556) {
animation-delay: 55.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(557) {
animation-delay: 55.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(558) {
animation-delay: 55.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(559) {
animation-delay: 55.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(560) {
animation-delay: 56s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(561) {
animation-delay: 56.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(562) {
animation-delay: 56.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(563) {
animation-delay: 56.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(564) {
animation-delay: 56.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(565) {
animation-delay: 56.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(566) {
animation-delay: 56.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(567) {
animation-delay: 56.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(568) {
animation-delay: 56.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(569) {
animation-delay: 56.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(570) {
animation-delay: 57s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(571) {
animation-delay: 57.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(572) {
animation-delay: 57.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(573) {
animation-delay: 57.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(574) {
animation-delay: 57.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(575) {
animation-delay: 57.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(576) {
animation-delay: 57.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(577) {
animation-delay: 57.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(578) {
animation-delay: 57.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(579) {
animation-delay: 57.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(580) {
animation-delay: 58s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(581) {
animation-delay: 58.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(582) {
animation-delay: 58.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(583) {
animation-delay: 58.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(584) {
animation-delay: 58.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(585) {
animation-delay: 58.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(586) {
animation-delay: 58.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(587) {
animation-delay: 58.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(588) {
animation-delay: 58.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(589) {
animation-delay: 58.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(590) {
animation-delay: 59s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(591) {
animation-delay: 59.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(592) {
animation-delay: 59.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(593) {
animation-delay: 59.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(594) {
animation-delay: 59.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(595) {
animation-delay: 59.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(596) {
animation-delay: 59.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(597) {
animation-delay: 59.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(598) {
animation-delay: 59.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(599) {
animation-delay: 59.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(600) {
animation-delay: 60s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(601) {
animation-delay: 60.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(602) {
animation-delay: 60.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(603) {
animation-delay: 60.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(604) {
animation-delay: 60.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(605) {
animation-delay: 60.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(606) {
animation-delay: 60.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(607) {
animation-delay: 60.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(608) {
animation-delay: 60.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(609) {
animation-delay: 60.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(610) {
animation-delay: 61s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(611) {
animation-delay: 61.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(612) {
animation-delay: 61.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(613) {
animation-delay: 61.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(614) {
animation-delay: 61.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(615) {
animation-delay: 61.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(616) {
animation-delay: 61.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(617) {
animation-delay: 61.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(618) {
animation-delay: 61.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(619) {
animation-delay: 61.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(620) {
animation-delay: 62s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(621) {
animation-delay: 62.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(622) {
animation-delay: 62.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(623) {
animation-delay: 62.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(624) {
animation-delay: 62.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(625) {
animation-delay: 62.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(626) {
animation-delay: 62.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(627) {
animation-delay: 62.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(628) {
animation-delay: 62.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(629) {
animation-delay: 62.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(630) {
animation-delay: 63s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(631) {
animation-delay: 63.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(632) {
animation-delay: 63.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(633) {
animation-delay: 63.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(634) {
animation-delay: 63.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(635) {
animation-delay: 63.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(636) {
animation-delay: 63.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(637) {
animation-delay: 63.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(638) {
animation-delay: 63.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(639) {
animation-delay: 63.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(640) {
animation-delay: 64s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(641) {
animation-delay: 64.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(642) {
animation-delay: 64.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(643) {
animation-delay: 64.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(644) {
animation-delay: 64.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(645) {
animation-delay: 64.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(646) {
animation-delay: 64.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(647) {
animation-delay: 64.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(648) {
animation-delay: 64.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(649) {
animation-delay: 64.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(650) {
animation-delay: 65s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(651) {
animation-delay: 65.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(652) {
animation-delay: 65.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(653) {
animation-delay: 65.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(654) {
animation-delay: 65.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(655) {
animation-delay: 65.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(656) {
animation-delay: 65.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(657) {
animation-delay: 65.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(658) {
animation-delay: 65.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(659) {
animation-delay: 65.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(660) {
animation-delay: 66s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(661) {
animation-delay: 66.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(662) {
animation-delay: 66.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(663) {
animation-delay: 66.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(664) {
animation-delay: 66.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(665) {
animation-delay: 66.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(666) {
animation-delay: 66.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(667) {
animation-delay: 66.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(668) {
animation-delay: 66.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(669) {
animation-delay: 66.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(670) {
animation-delay: 67s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(671) {
animation-delay: 67.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(672) {
animation-delay: 67.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(673) {
animation-delay: 67.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(674) {
animation-delay: 67.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(675) {
animation-delay: 67.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(676) {
animation-delay: 67.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(677) {
animation-delay: 67.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(678) {
animation-delay: 67.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(679) {
animation-delay: 67.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(680) {
animation-delay: 68s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(681) {
animation-delay: 68.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(682) {
animation-delay: 68.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(683) {
animation-delay: 68.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(684) {
animation-delay: 68.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(685) {
animation-delay: 68.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(686) {
animation-delay: 68.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(687) {
animation-delay: 68.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(688) {
animation-delay: 68.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(689) {
animation-delay: 68.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(690) {
animation-delay: 69s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(691) {
animation-delay: 69.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(692) {
animation-delay: 69.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(693) {
animation-delay: 69.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(694) {
animation-delay: 69.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(695) {
animation-delay: 69.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(696) {
animation-delay: 69.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(697) {
animation-delay: 69.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(698) {
animation-delay: 69.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(699) {
animation-delay: 69.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(700) {
animation-delay: 70s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(701) {
animation-delay: 70.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(702) {
animation-delay: 70.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(703) {
animation-delay: 70.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(704) {
animation-delay: 70.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(705) {
animation-delay: 70.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(706) {
animation-delay: 70.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(707) {
animation-delay: 70.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(708) {
animation-delay: 70.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(709) {
animation-delay: 70.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(710) {
animation-delay: 71s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(711) {
animation-delay: 71.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(712) {
animation-delay: 71.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(713) {
animation-delay: 71.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(714) {
animation-delay: 71.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(715) {
animation-delay: 71.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(716) {
animation-delay: 71.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(717) {
animation-delay: 71.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(718) {
animation-delay: 71.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(719) {
animation-delay: 71.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(720) {
animation-delay: 72s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(721) {
animation-delay: 72.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(722) {
animation-delay: 72.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(723) {
animation-delay: 72.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(724) {
animation-delay: 72.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(725) {
animation-delay: 72.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(726) {
animation-delay: 72.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(727) {
animation-delay: 72.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(728) {
animation-delay: 72.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(729) {
animation-delay: 72.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(730) {
animation-delay: 73s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(731) {
animation-delay: 73.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(732) {
animation-delay: 73.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(733) {
animation-delay: 73.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(734) {
animation-delay: 73.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(735) {
animation-delay: 73.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(736) {
animation-delay: 73.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(737) {
animation-delay: 73.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(738) {
animation-delay: 73.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(739) {
animation-delay: 73.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(740) {
animation-delay: 74s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(741) {
animation-delay: 74.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(742) {
animation-delay: 74.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(743) {
animation-delay: 74.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(744) {
animation-delay: 74.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(745) {
animation-delay: 74.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(746) {
animation-delay: 74.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(747) {
animation-delay: 74.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(748) {
animation-delay: 74.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(749) {
animation-delay: 74.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(750) {
animation-delay: 75s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(751) {
animation-delay: 75.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(752) {
animation-delay: 75.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(753) {
animation-delay: 75.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(754) {
animation-delay: 75.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(755) {
animation-delay: 75.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(756) {
animation-delay: 75.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(757) {
animation-delay: 75.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(758) {
animation-delay: 75.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(759) {
animation-delay: 75.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(760) {
animation-delay: 76s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(761) {
animation-delay: 76.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(762) {
animation-delay: 76.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(763) {
animation-delay: 76.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(764) {
animation-delay: 76.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(765) {
animation-delay: 76.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(766) {
animation-delay: 76.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(767) {
animation-delay: 76.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(768) {
animation-delay: 76.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(769) {
animation-delay: 76.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(770) {
animation-delay: 77s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(771) {
animation-delay: 77.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(772) {
animation-delay: 77.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(773) {
animation-delay: 77.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(774) {
animation-delay: 77.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(775) {
animation-delay: 77.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(776) {
animation-delay: 77.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(777) {
animation-delay: 77.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(778) {
animation-delay: 77.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(779) {
animation-delay: 77.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(780) {
animation-delay: 78s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(781) {
animation-delay: 78.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(782) {
animation-delay: 78.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(783) {
animation-delay: 78.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(784) {
animation-delay: 78.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(785) {
animation-delay: 78.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(786) {
animation-delay: 78.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(787) {
animation-delay: 78.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(788) {
animation-delay: 78.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(789) {
animation-delay: 78.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(790) {
animation-delay: 79s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(791) {
animation-delay: 79.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(792) {
animation-delay: 79.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(793) {
animation-delay: 79.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(794) {
animation-delay: 79.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(795) {
animation-delay: 79.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(796) {
animation-delay: 79.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(797) {
animation-delay: 79.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(798) {
animation-delay: 79.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(799) {
animation-delay: 79.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(800) {
animation-delay: 80s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(801) {
animation-delay: 80.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(802) {
animation-delay: 80.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(803) {
animation-delay: 80.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(804) {
animation-delay: 80.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(805) {
animation-delay: 80.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(806) {
animation-delay: 80.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(807) {
animation-delay: 80.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(808) {
animation-delay: 80.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(809) {
animation-delay: 80.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(810) {
animation-delay: 81s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(811) {
animation-delay: 81.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(812) {
animation-delay: 81.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(813) {
animation-delay: 81.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(814) {
animation-delay: 81.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(815) {
animation-delay: 81.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(816) {
animation-delay: 81.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(817) {
animation-delay: 81.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(818) {
animation-delay: 81.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(819) {
animation-delay: 81.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(820) {
animation-delay: 82s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(821) {
animation-delay: 82.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(822) {
animation-delay: 82.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(823) {
animation-delay: 82.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(824) {
animation-delay: 82.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(825) {
animation-delay: 82.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(826) {
animation-delay: 82.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(827) {
animation-delay: 82.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(828) {
animation-delay: 82.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(829) {
animation-delay: 82.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(830) {
animation-delay: 83s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(831) {
animation-delay: 83.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(832) {
animation-delay: 83.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(833) {
animation-delay: 83.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(834) {
animation-delay: 83.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(835) {
animation-delay: 83.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(836) {
animation-delay: 83.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(837) {
animation-delay: 83.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(838) {
animation-delay: 83.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(839) {
animation-delay: 83.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(840) {
animation-delay: 84s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(841) {
animation-delay: 84.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(842) {
animation-delay: 84.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(843) {
animation-delay: 84.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(844) {
animation-delay: 84.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(845) {
animation-delay: 84.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(846) {
animation-delay: 84.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(847) {
animation-delay: 84.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(848) {
animation-delay: 84.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(849) {
animation-delay: 84.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(850) {
animation-delay: 85s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(851) {
animation-delay: 85.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(852) {
animation-delay: 85.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(853) {
animation-delay: 85.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(854) {
animation-delay: 85.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(855) {
animation-delay: 85.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(856) {
animation-delay: 85.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(857) {
animation-delay: 85.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(858) {
animation-delay: 85.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(859) {
animation-delay: 85.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(860) {
animation-delay: 86s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(861) {
animation-delay: 86.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(862) {
animation-delay: 86.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(863) {
animation-delay: 86.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(864) {
animation-delay: 86.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(865) {
animation-delay: 86.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(866) {
animation-delay: 86.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(867) {
animation-delay: 86.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(868) {
animation-delay: 86.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(869) {
animation-delay: 86.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(870) {
animation-delay: 87s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(871) {
animation-delay: 87.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(872) {
animation-delay: 87.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(873) {
animation-delay: 87.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(874) {
animation-delay: 87.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(875) {
animation-delay: 87.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(876) {
animation-delay: 87.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(877) {
animation-delay: 87.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(878) {
animation-delay: 87.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(879) {
animation-delay: 87.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(880) {
animation-delay: 88s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(881) {
animation-delay: 88.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(882) {
animation-delay: 88.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(883) {
animation-delay: 88.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(884) {
animation-delay: 88.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(885) {
animation-delay: 88.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(886) {
animation-delay: 88.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(887) {
animation-delay: 88.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(888) {
animation-delay: 88.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(889) {
animation-delay: 88.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(890) {
animation-delay: 89s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(891) {
animation-delay: 89.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(892) {
animation-delay: 89.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(893) {
animation-delay: 89.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(894) {
animation-delay: 89.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(895) {
animation-delay: 89.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(896) {
animation-delay: 89.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(897) {
animation-delay: 89.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(898) {
animation-delay: 89.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(899) {
animation-delay: 89.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(900) {
animation-delay: 90s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(901) {
animation-delay: 90.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(902) {
animation-delay: 90.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(903) {
animation-delay: 90.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(904) {
animation-delay: 90.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(905) {
animation-delay: 90.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(906) {
animation-delay: 90.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(907) {
animation-delay: 90.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(908) {
animation-delay: 90.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(909) {
animation-delay: 90.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(910) {
animation-delay: 91s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(911) {
animation-delay: 91.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(912) {
animation-delay: 91.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(913) {
animation-delay: 91.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(914) {
animation-delay: 91.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(915) {
animation-delay: 91.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(916) {
animation-delay: 91.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(917) {
animation-delay: 91.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(918) {
animation-delay: 91.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(919) {
animation-delay: 91.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(920) {
animation-delay: 92s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(921) {
animation-delay: 92.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(922) {
animation-delay: 92.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(923) {
animation-delay: 92.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(924) {
animation-delay: 92.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(925) {
animation-delay: 92.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(926) {
animation-delay: 92.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(927) {
animation-delay: 92.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(928) {
animation-delay: 92.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(929) {
animation-delay: 92.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(930) {
animation-delay: 93s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(931) {
animation-delay: 93.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(932) {
animation-delay: 93.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(933) {
animation-delay: 93.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(934) {
animation-delay: 93.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(935) {
animation-delay: 93.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(936) {
animation-delay: 93.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(937) {
animation-delay: 93.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(938) {
animation-delay: 93.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(939) {
animation-delay: 93.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(940) {
animation-delay: 94s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(941) {
animation-delay: 94.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(942) {
animation-delay: 94.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(943) {
animation-delay: 94.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(944) {
animation-delay: 94.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(945) {
animation-delay: 94.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(946) {
animation-delay: 94.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(947) {
animation-delay: 94.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(948) {
animation-delay: 94.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(949) {
animation-delay: 94.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(950) {
animation-delay: 95s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(951) {
animation-delay: 95.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(952) {
animation-delay: 95.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(953) {
animation-delay: 95.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(954) {
animation-delay: 95.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(955) {
animation-delay: 95.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(956) {
animation-delay: 95.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(957) {
animation-delay: 95.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(958) {
animation-delay: 95.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(959) {
animation-delay: 95.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(960) {
animation-delay: 96s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(961) {
animation-delay: 96.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(962) {
animation-delay: 96.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(963) {
animation-delay: 96.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(964) {
animation-delay: 96.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(965) {
animation-delay: 96.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(966) {
animation-delay: 96.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(967) {
animation-delay: 96.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(968) {
animation-delay: 96.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(969) {
animation-delay: 96.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(970) {
animation-delay: 97s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(971) {
animation-delay: 97.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(972) {
animation-delay: 97.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(973) {
animation-delay: 97.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(974) {
animation-delay: 97.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(975) {
animation-delay: 97.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(976) {
animation-delay: 97.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(977) {
animation-delay: 97.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(978) {
animation-delay: 97.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(979) {
animation-delay: 97.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(980) {
animation-delay: 98s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(981) {
animation-delay: 98.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(982) {
animation-delay: 98.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(983) {
animation-delay: 98.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(984) {
animation-delay: 98.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(985) {
animation-delay: 98.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(986) {
animation-delay: 98.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(987) {
animation-delay: 98.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(988) {
animation-delay: 98.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(989) {
animation-delay: 98.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(990) {
animation-delay: 99s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(991) {
animation-delay: 99.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(992) {
animation-delay: 99.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(993) {
animation-delay: 99.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(994) {
animation-delay: 99.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(995) {
animation-delay: 99.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(996) {
animation-delay: 99.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(997) {
animation-delay: 99.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(998) {
animation-delay: 99.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(999) {
animation-delay: 99.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1000) {
animation-delay: 100s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1001) {
animation-delay: 100.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1002) {
animation-delay: 100.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1003) {
animation-delay: 100.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1004) {
animation-delay: 100.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1005) {
animation-delay: 100.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1006) {
animation-delay: 100.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1007) {
animation-delay: 100.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1008) {
animation-delay: 100.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1009) {
animation-delay: 100.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1010) {
animation-delay: 101s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1011) {
animation-delay: 101.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1012) {
animation-delay: 101.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1013) {
animation-delay: 101.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1014) {
animation-delay: 101.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1015) {
animation-delay: 101.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1016) {
animation-delay: 101.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1017) {
animation-delay: 101.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1018) {
animation-delay: 101.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1019) {
animation-delay: 101.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1020) {
animation-delay: 102s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1021) {
animation-delay: 102.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1022) {
animation-delay: 102.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1023) {
animation-delay: 102.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1024) {
animation-delay: 102.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1025) {
animation-delay: 102.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1026) {
animation-delay: 102.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1027) {
animation-delay: 102.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1028) {
animation-delay: 102.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1029) {
animation-delay: 102.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1030) {
animation-delay: 103s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1031) {
animation-delay: 103.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1032) {
animation-delay: 103.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1033) {
animation-delay: 103.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1034) {
animation-delay: 103.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1035) {
animation-delay: 103.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1036) {
animation-delay: 103.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1037) {
animation-delay: 103.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1038) {
animation-delay: 103.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1039) {
animation-delay: 103.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1040) {
animation-delay: 104s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1041) {
animation-delay: 104.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1042) {
animation-delay: 104.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1043) {
animation-delay: 104.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1044) {
animation-delay: 104.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1045) {
animation-delay: 104.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1046) {
animation-delay: 104.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1047) {
animation-delay: 104.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1048) {
animation-delay: 104.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1049) {
animation-delay: 104.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1050) {
animation-delay: 105s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1051) {
animation-delay: 105.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1052) {
animation-delay: 105.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1053) {
animation-delay: 105.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1054) {
animation-delay: 105.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1055) {
animation-delay: 105.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1056) {
animation-delay: 105.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1057) {
animation-delay: 105.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1058) {
animation-delay: 105.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1059) {
animation-delay: 105.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1060) {
animation-delay: 106s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1061) {
animation-delay: 106.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1062) {
animation-delay: 106.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1063) {
animation-delay: 106.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1064) {
animation-delay: 106.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1065) {
animation-delay: 106.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1066) {
animation-delay: 106.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1067) {
animation-delay: 106.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1068) {
animation-delay: 106.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1069) {
animation-delay: 106.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1070) {
animation-delay: 107s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1071) {
animation-delay: 107.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1072) {
animation-delay: 107.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1073) {
animation-delay: 107.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1074) {
animation-delay: 107.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1075) {
animation-delay: 107.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1076) {
animation-delay: 107.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1077) {
animation-delay: 107.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1078) {
animation-delay: 107.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1079) {
animation-delay: 107.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1080) {
animation-delay: 108s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1081) {
animation-delay: 108.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1082) {
animation-delay: 108.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1083) {
animation-delay: 108.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1084) {
animation-delay: 108.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1085) {
animation-delay: 108.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1086) {
animation-delay: 108.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1087) {
animation-delay: 108.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1088) {
animation-delay: 108.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1089) {
animation-delay: 108.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1090) {
animation-delay: 109s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1091) {
animation-delay: 109.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1092) {
animation-delay: 109.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1093) {
animation-delay: 109.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1094) {
animation-delay: 109.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1095) {
animation-delay: 109.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1096) {
animation-delay: 109.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1097) {
animation-delay: 109.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1098) {
animation-delay: 109.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1099) {
animation-delay: 109.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1100) {
animation-delay: 110s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1101) {
animation-delay: 110.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1102) {
animation-delay: 110.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1103) {
animation-delay: 110.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1104) {
animation-delay: 110.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1105) {
animation-delay: 110.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1106) {
animation-delay: 110.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1107) {
animation-delay: 110.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1108) {
animation-delay: 110.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1109) {
animation-delay: 110.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1110) {
animation-delay: 111s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1111) {
animation-delay: 111.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1112) {
animation-delay: 111.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1113) {
animation-delay: 111.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1114) {
animation-delay: 111.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1115) {
animation-delay: 111.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1116) {
animation-delay: 111.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1117) {
animation-delay: 111.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1118) {
animation-delay: 111.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1119) {
animation-delay: 111.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1120) {
animation-delay: 112s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1121) {
animation-delay: 112.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1122) {
animation-delay: 112.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1123) {
animation-delay: 112.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1124) {
animation-delay: 112.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1125) {
animation-delay: 112.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1126) {
animation-delay: 112.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1127) {
animation-delay: 112.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1128) {
animation-delay: 112.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1129) {
animation-delay: 112.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1130) {
animation-delay: 113s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1131) {
animation-delay: 113.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1132) {
animation-delay: 113.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1133) {
animation-delay: 113.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1134) {
animation-delay: 113.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1135) {
animation-delay: 113.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1136) {
animation-delay: 113.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1137) {
animation-delay: 113.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1138) {
animation-delay: 113.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1139) {
animation-delay: 113.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1140) {
animation-delay: 114s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1141) {
animation-delay: 114.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1142) {
animation-delay: 114.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1143) {
animation-delay: 114.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1144) {
animation-delay: 114.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1145) {
animation-delay: 114.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1146) {
animation-delay: 114.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1147) {
animation-delay: 114.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1148) {
animation-delay: 114.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1149) {
animation-delay: 114.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1150) {
animation-delay: 115s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1151) {
animation-delay: 115.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1152) {
animation-delay: 115.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1153) {
animation-delay: 115.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1154) {
animation-delay: 115.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1155) {
animation-delay: 115.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1156) {
animation-delay: 115.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1157) {
animation-delay: 115.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1158) {
animation-delay: 115.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1159) {
animation-delay: 115.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1160) {
animation-delay: 116s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1161) {
animation-delay: 116.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1162) {
animation-delay: 116.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1163) {
animation-delay: 116.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1164) {
animation-delay: 116.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1165) {
animation-delay: 116.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1166) {
animation-delay: 116.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1167) {
animation-delay: 116.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1168) {
animation-delay: 116.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1169) {
animation-delay: 116.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1170) {
animation-delay: 117s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1171) {
animation-delay: 117.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1172) {
animation-delay: 117.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1173) {
animation-delay: 117.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1174) {
animation-delay: 117.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1175) {
animation-delay: 117.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1176) {
animation-delay: 117.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1177) {
animation-delay: 117.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1178) {
animation-delay: 117.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1179) {
animation-delay: 117.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1180) {
animation-delay: 118s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1181) {
animation-delay: 118.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1182) {
animation-delay: 118.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1183) {
animation-delay: 118.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1184) {
animation-delay: 118.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1185) {
animation-delay: 118.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1186) {
animation-delay: 118.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1187) {
animation-delay: 118.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1188) {
animation-delay: 118.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1189) {
animation-delay: 118.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1190) {
animation-delay: 119s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1191) {
animation-delay: 119.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1192) {
animation-delay: 119.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1193) {
animation-delay: 119.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1194) {
animation-delay: 119.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1195) {
animation-delay: 119.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1196) {
animation-delay: 119.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1197) {
animation-delay: 119.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1198) {
animation-delay: 119.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1199) {
animation-delay: 119.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1200) {
animation-delay: 120s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1201) {
animation-delay: 120.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1202) {
animation-delay: 120.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1203) {
animation-delay: 120.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1204) {
animation-delay: 120.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1205) {
animation-delay: 120.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1206) {
animation-delay: 120.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1207) {
animation-delay: 120.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1208) {
animation-delay: 120.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1209) {
animation-delay: 120.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1210) {
animation-delay: 121s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1211) {
animation-delay: 121.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1212) {
animation-delay: 121.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1213) {
animation-delay: 121.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1214) {
animation-delay: 121.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1215) {
animation-delay: 121.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1216) {
animation-delay: 121.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1217) {
animation-delay: 121.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1218) {
animation-delay: 121.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1219) {
animation-delay: 121.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1220) {
animation-delay: 122s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1221) {
animation-delay: 122.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1222) {
animation-delay: 122.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1223) {
animation-delay: 122.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1224) {
animation-delay: 122.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1225) {
animation-delay: 122.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1226) {
animation-delay: 122.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1227) {
animation-delay: 122.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1228) {
animation-delay: 122.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1229) {
animation-delay: 122.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1230) {
animation-delay: 123s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1231) {
animation-delay: 123.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1232) {
animation-delay: 123.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1233) {
animation-delay: 123.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1234) {
animation-delay: 123.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1235) {
animation-delay: 123.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1236) {
animation-delay: 123.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1237) {
animation-delay: 123.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1238) {
animation-delay: 123.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1239) {
animation-delay: 123.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1240) {
animation-delay: 124s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1241) {
animation-delay: 124.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1242) {
animation-delay: 124.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1243) {
animation-delay: 124.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1244) {
animation-delay: 124.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1245) {
animation-delay: 124.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1246) {
animation-delay: 124.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1247) {
animation-delay: 124.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1248) {
animation-delay: 124.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1249) {
animation-delay: 124.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1250) {
animation-delay: 125s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1251) {
animation-delay: 125.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1252) {
animation-delay: 125.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1253) {
animation-delay: 125.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1254) {
animation-delay: 125.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1255) {
animation-delay: 125.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1256) {
animation-delay: 125.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1257) {
animation-delay: 125.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1258) {
animation-delay: 125.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1259) {
animation-delay: 125.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1260) {
animation-delay: 126s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1261) {
animation-delay: 126.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1262) {
animation-delay: 126.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1263) {
animation-delay: 126.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1264) {
animation-delay: 126.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1265) {
animation-delay: 126.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1266) {
animation-delay: 126.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1267) {
animation-delay: 126.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1268) {
animation-delay: 126.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1269) {
animation-delay: 126.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1270) {
animation-delay: 127s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1271) {
animation-delay: 127.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1272) {
animation-delay: 127.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1273) {
animation-delay: 127.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1274) {
animation-delay: 127.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1275) {
animation-delay: 127.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1276) {
animation-delay: 127.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1277) {
animation-delay: 127.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1278) {
animation-delay: 127.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1279) {
animation-delay: 127.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1280) {
animation-delay: 128s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1281) {
animation-delay: 128.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1282) {
animation-delay: 128.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1283) {
animation-delay: 128.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1284) {
animation-delay: 128.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1285) {
animation-delay: 128.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1286) {
animation-delay: 128.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1287) {
animation-delay: 128.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1288) {
animation-delay: 128.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1289) {
animation-delay: 128.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1290) {
animation-delay: 129s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1291) {
animation-delay: 129.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1292) {
animation-delay: 129.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1293) {
animation-delay: 129.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1294) {
animation-delay: 129.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1295) {
animation-delay: 129.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1296) {
animation-delay: 129.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1297) {
animation-delay: 129.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1298) {
animation-delay: 129.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1299) {
animation-delay: 129.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1300) {
animation-delay: 130s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1301) {
animation-delay: 130.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1302) {
animation-delay: 130.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1303) {
animation-delay: 130.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1304) {
animation-delay: 130.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1305) {
animation-delay: 130.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1306) {
animation-delay: 130.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1307) {
animation-delay: 130.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1308) {
animation-delay: 130.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1309) {
animation-delay: 130.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1310) {
animation-delay: 131s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1311) {
animation-delay: 131.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1312) {
animation-delay: 131.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1313) {
animation-delay: 131.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1314) {
animation-delay: 131.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1315) {
animation-delay: 131.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1316) {
animation-delay: 131.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1317) {
animation-delay: 131.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1318) {
animation-delay: 131.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1319) {
animation-delay: 131.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1320) {
animation-delay: 132s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1321) {
animation-delay: 132.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1322) {
animation-delay: 132.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1323) {
animation-delay: 132.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1324) {
animation-delay: 132.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1325) {
animation-delay: 132.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1326) {
animation-delay: 132.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1327) {
animation-delay: 132.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1328) {
animation-delay: 132.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1329) {
animation-delay: 132.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1330) {
animation-delay: 133s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1331) {
animation-delay: 133.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1332) {
animation-delay: 133.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1333) {
animation-delay: 133.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1334) {
animation-delay: 133.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1335) {
animation-delay: 133.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1336) {
animation-delay: 133.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1337) {
animation-delay: 133.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1338) {
animation-delay: 133.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1339) {
animation-delay: 133.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1340) {
animation-delay: 134s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1341) {
animation-delay: 134.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1342) {
animation-delay: 134.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1343) {
animation-delay: 134.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1344) {
animation-delay: 134.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1345) {
animation-delay: 134.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1346) {
animation-delay: 134.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1347) {
animation-delay: 134.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1348) {
animation-delay: 134.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1349) {
animation-delay: 134.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1350) {
animation-delay: 135s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1351) {
animation-delay: 135.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1352) {
animation-delay: 135.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1353) {
animation-delay: 135.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1354) {
animation-delay: 135.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1355) {
animation-delay: 135.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1356) {
animation-delay: 135.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1357) {
animation-delay: 135.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1358) {
animation-delay: 135.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1359) {
animation-delay: 135.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1360) {
animation-delay: 136s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1361) {
animation-delay: 136.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1362) {
animation-delay: 136.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1363) {
animation-delay: 136.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1364) {
animation-delay: 136.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1365) {
animation-delay: 136.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1366) {
animation-delay: 136.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1367) {
animation-delay: 136.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1368) {
animation-delay: 136.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1369) {
animation-delay: 136.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1370) {
animation-delay: 137s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1371) {
animation-delay: 137.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1372) {
animation-delay: 137.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1373) {
animation-delay: 137.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1374) {
animation-delay: 137.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1375) {
animation-delay: 137.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1376) {
animation-delay: 137.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1377) {
animation-delay: 137.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1378) {
animation-delay: 137.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1379) {
animation-delay: 137.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1380) {
animation-delay: 138s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1381) {
animation-delay: 138.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1382) {
animation-delay: 138.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1383) {
animation-delay: 138.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1384) {
animation-delay: 138.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1385) {
animation-delay: 138.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1386) {
animation-delay: 138.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1387) {
animation-delay: 138.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1388) {
animation-delay: 138.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1389) {
animation-delay: 138.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1390) {
animation-delay: 139s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1391) {
animation-delay: 139.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1392) {
animation-delay: 139.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1393) {
animation-delay: 139.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1394) {
animation-delay: 139.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1395) {
animation-delay: 139.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1396) {
animation-delay: 139.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1397) {
animation-delay: 139.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1398) {
animation-delay: 139.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1399) {
animation-delay: 139.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1400) {
animation-delay: 140s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1401) {
animation-delay: 140.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1402) {
animation-delay: 140.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1403) {
animation-delay: 140.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1404) {
animation-delay: 140.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1405) {
animation-delay: 140.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1406) {
animation-delay: 140.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1407) {
animation-delay: 140.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1408) {
animation-delay: 140.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1409) {
animation-delay: 140.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1410) {
animation-delay: 141s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1411) {
animation-delay: 141.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1412) {
animation-delay: 141.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1413) {
animation-delay: 141.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1414) {
animation-delay: 141.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1415) {
animation-delay: 141.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1416) {
animation-delay: 141.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1417) {
animation-delay: 141.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1418) {
animation-delay: 141.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1419) {
animation-delay: 141.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1420) {
animation-delay: 142s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1421) {
animation-delay: 142.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1422) {
animation-delay: 142.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1423) {
animation-delay: 142.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1424) {
animation-delay: 142.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1425) {
animation-delay: 142.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1426) {
animation-delay: 142.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1427) {
animation-delay: 142.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1428) {
animation-delay: 142.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1429) {
animation-delay: 142.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1430) {
animation-delay: 143s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1431) {
animation-delay: 143.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1432) {
animation-delay: 143.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1433) {
animation-delay: 143.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1434) {
animation-delay: 143.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1435) {
animation-delay: 143.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1436) {
animation-delay: 143.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1437) {
animation-delay: 143.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1438) {
animation-delay: 143.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1439) {
animation-delay: 143.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1440) {
animation-delay: 144s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1441) {
animation-delay: 144.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1442) {
animation-delay: 144.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1443) {
animation-delay: 144.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1444) {
animation-delay: 144.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1445) {
animation-delay: 144.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1446) {
animation-delay: 144.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1447) {
animation-delay: 144.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1448) {
animation-delay: 144.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1449) {
animation-delay: 144.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1450) {
animation-delay: 145s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1451) {
animation-delay: 145.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1452) {
animation-delay: 145.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1453) {
animation-delay: 145.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1454) {
animation-delay: 145.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1455) {
animation-delay: 145.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1456) {
animation-delay: 145.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1457) {
animation-delay: 145.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1458) {
animation-delay: 145.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1459) {
animation-delay: 145.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1460) {
animation-delay: 146s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1461) {
animation-delay: 146.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1462) {
animation-delay: 146.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1463) {
animation-delay: 146.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1464) {
animation-delay: 146.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1465) {
animation-delay: 146.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1466) {
animation-delay: 146.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1467) {
animation-delay: 146.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1468) {
animation-delay: 146.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1469) {
animation-delay: 146.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1470) {
animation-delay: 147s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1471) {
animation-delay: 147.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1472) {
animation-delay: 147.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1473) {
animation-delay: 147.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1474) {
animation-delay: 147.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1475) {
animation-delay: 147.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1476) {
animation-delay: 147.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1477) {
animation-delay: 147.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1478) {
animation-delay: 147.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1479) {
animation-delay: 147.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1480) {
animation-delay: 148s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1481) {
animation-delay: 148.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1482) {
animation-delay: 148.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1483) {
animation-delay: 148.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1484) {
animation-delay: 148.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1485) {
animation-delay: 148.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1486) {
animation-delay: 148.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1487) {
animation-delay: 148.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1488) {
animation-delay: 148.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1489) {
animation-delay: 148.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1490) {
animation-delay: 149s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1491) {
animation-delay: 149.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1492) {
animation-delay: 149.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1493) {
animation-delay: 149.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1494) {
animation-delay: 149.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1495) {
animation-delay: 149.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1496) {
animation-delay: 149.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1497) {
animation-delay: 149.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1498) {
animation-delay: 149.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1499) {
animation-delay: 149.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1500) {
animation-delay: 150s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1501) {
animation-delay: 150.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1502) {
animation-delay: 150.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1503) {
animation-delay: 150.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1504) {
animation-delay: 150.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1505) {
animation-delay: 150.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1506) {
animation-delay: 150.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1507) {
animation-delay: 150.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1508) {
animation-delay: 150.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1509) {
animation-delay: 150.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1510) {
animation-delay: 151s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1511) {
animation-delay: 151.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1512) {
animation-delay: 151.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1513) {
animation-delay: 151.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1514) {
animation-delay: 151.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1515) {
animation-delay: 151.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1516) {
animation-delay: 151.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1517) {
animation-delay: 151.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1518) {
animation-delay: 151.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1519) {
animation-delay: 151.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1520) {
animation-delay: 152s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1521) {
animation-delay: 152.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1522) {
animation-delay: 152.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1523) {
animation-delay: 152.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1524) {
animation-delay: 152.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1525) {
animation-delay: 152.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1526) {
animation-delay: 152.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1527) {
animation-delay: 152.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1528) {
animation-delay: 152.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1529) {
animation-delay: 152.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1530) {
animation-delay: 153s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1531) {
animation-delay: 153.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1532) {
animation-delay: 153.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1533) {
animation-delay: 153.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1534) {
animation-delay: 153.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1535) {
animation-delay: 153.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1536) {
animation-delay: 153.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1537) {
animation-delay: 153.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1538) {
animation-delay: 153.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1539) {
animation-delay: 153.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1540) {
animation-delay: 154s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1541) {
animation-delay: 154.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1542) {
animation-delay: 154.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1543) {
animation-delay: 154.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1544) {
animation-delay: 154.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1545) {
animation-delay: 154.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1546) {
animation-delay: 154.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1547) {
animation-delay: 154.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1548) {
animation-delay: 154.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1549) {
animation-delay: 154.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1550) {
animation-delay: 155s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1551) {
animation-delay: 155.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1552) {
animation-delay: 155.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1553) {
animation-delay: 155.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1554) {
animation-delay: 155.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1555) {
animation-delay: 155.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1556) {
animation-delay: 155.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1557) {
animation-delay: 155.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1558) {
animation-delay: 155.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1559) {
animation-delay: 155.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1560) {
animation-delay: 156s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1561) {
animation-delay: 156.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1562) {
animation-delay: 156.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1563) {
animation-delay: 156.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1564) {
animation-delay: 156.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1565) {
animation-delay: 156.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1566) {
animation-delay: 156.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1567) {
animation-delay: 156.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1568) {
animation-delay: 156.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1569) {
animation-delay: 156.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1570) {
animation-delay: 157s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1571) {
animation-delay: 157.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1572) {
animation-delay: 157.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1573) {
animation-delay: 157.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1574) {
animation-delay: 157.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1575) {
animation-delay: 157.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1576) {
animation-delay: 157.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1577) {
animation-delay: 157.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1578) {
animation-delay: 157.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1579) {
animation-delay: 157.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1580) {
animation-delay: 158s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1581) {
animation-delay: 158.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1582) {
animation-delay: 158.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1583) {
animation-delay: 158.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1584) {
animation-delay: 158.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1585) {
animation-delay: 158.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1586) {
animation-delay: 158.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1587) {
animation-delay: 158.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1588) {
animation-delay: 158.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1589) {
animation-delay: 158.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1590) {
animation-delay: 159s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1591) {
animation-delay: 159.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1592) {
animation-delay: 159.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1593) {
animation-delay: 159.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1594) {
animation-delay: 159.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1595) {
animation-delay: 159.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1596) {
animation-delay: 159.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1597) {
animation-delay: 159.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1598) {
animation-delay: 159.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1599) {
animation-delay: 159.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1600) {
animation-delay: 160s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1601) {
animation-delay: 160.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1602) {
animation-delay: 160.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1603) {
animation-delay: 160.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1604) {
animation-delay: 160.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1605) {
animation-delay: 160.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1606) {
animation-delay: 160.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1607) {
animation-delay: 160.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1608) {
animation-delay: 160.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1609) {
animation-delay: 160.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1610) {
animation-delay: 161s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1611) {
animation-delay: 161.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1612) {
animation-delay: 161.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1613) {
animation-delay: 161.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1614) {
animation-delay: 161.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1615) {
animation-delay: 161.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1616) {
animation-delay: 161.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1617) {
animation-delay: 161.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1618) {
animation-delay: 161.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1619) {
animation-delay: 161.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1620) {
animation-delay: 162s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1621) {
animation-delay: 162.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1622) {
animation-delay: 162.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1623) {
animation-delay: 162.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1624) {
animation-delay: 162.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1625) {
animation-delay: 162.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1626) {
animation-delay: 162.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1627) {
animation-delay: 162.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1628) {
animation-delay: 162.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1629) {
animation-delay: 162.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1630) {
animation-delay: 163s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1631) {
animation-delay: 163.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1632) {
animation-delay: 163.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1633) {
animation-delay: 163.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1634) {
animation-delay: 163.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1635) {
animation-delay: 163.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1636) {
animation-delay: 163.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1637) {
animation-delay: 163.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1638) {
animation-delay: 163.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1639) {
animation-delay: 163.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1640) {
animation-delay: 164s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1641) {
animation-delay: 164.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1642) {
animation-delay: 164.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1643) {
animation-delay: 164.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1644) {
animation-delay: 164.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1645) {
animation-delay: 164.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1646) {
animation-delay: 164.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1647) {
animation-delay: 164.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1648) {
animation-delay: 164.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1649) {
animation-delay: 164.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1650) {
animation-delay: 165s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1651) {
animation-delay: 165.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1652) {
animation-delay: 165.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1653) {
animation-delay: 165.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1654) {
animation-delay: 165.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1655) {
animation-delay: 165.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1656) {
animation-delay: 165.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1657) {
animation-delay: 165.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1658) {
animation-delay: 165.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1659) {
animation-delay: 165.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1660) {
animation-delay: 166s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1661) {
animation-delay: 166.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1662) {
animation-delay: 166.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1663) {
animation-delay: 166.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1664) {
animation-delay: 166.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1665) {
animation-delay: 166.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1666) {
animation-delay: 166.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1667) {
animation-delay: 166.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1668) {
animation-delay: 166.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1669) {
animation-delay: 166.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1670) {
animation-delay: 167s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1671) {
animation-delay: 167.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1672) {
animation-delay: 167.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1673) {
animation-delay: 167.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1674) {
animation-delay: 167.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1675) {
animation-delay: 167.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1676) {
animation-delay: 167.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1677) {
animation-delay: 167.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1678) {
animation-delay: 167.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1679) {
animation-delay: 167.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1680) {
animation-delay: 168s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1681) {
animation-delay: 168.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1682) {
animation-delay: 168.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1683) {
animation-delay: 168.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1684) {
animation-delay: 168.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1685) {
animation-delay: 168.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1686) {
animation-delay: 168.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1687) {
animation-delay: 168.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1688) {
animation-delay: 168.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1689) {
animation-delay: 168.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1690) {
animation-delay: 169s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1691) {
animation-delay: 169.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1692) {
animation-delay: 169.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1693) {
animation-delay: 169.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1694) {
animation-delay: 169.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1695) {
animation-delay: 169.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1696) {
animation-delay: 169.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1697) {
animation-delay: 169.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1698) {
animation-delay: 169.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1699) {
animation-delay: 169.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1700) {
animation-delay: 170s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1701) {
animation-delay: 170.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1702) {
animation-delay: 170.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1703) {
animation-delay: 170.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1704) {
animation-delay: 170.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1705) {
animation-delay: 170.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1706) {
animation-delay: 170.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1707) {
animation-delay: 170.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1708) {
animation-delay: 170.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1709) {
animation-delay: 170.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1710) {
animation-delay: 171s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1711) {
animation-delay: 171.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1712) {
animation-delay: 171.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1713) {
animation-delay: 171.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1714) {
animation-delay: 171.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1715) {
animation-delay: 171.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1716) {
animation-delay: 171.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1717) {
animation-delay: 171.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1718) {
animation-delay: 171.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1719) {
animation-delay: 171.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1720) {
animation-delay: 172s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1721) {
animation-delay: 172.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1722) {
animation-delay: 172.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1723) {
animation-delay: 172.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1724) {
animation-delay: 172.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1725) {
animation-delay: 172.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1726) {
animation-delay: 172.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1727) {
animation-delay: 172.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1728) {
animation-delay: 172.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1729) {
animation-delay: 172.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1730) {
animation-delay: 173s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1731) {
animation-delay: 173.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1732) {
animation-delay: 173.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1733) {
animation-delay: 173.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1734) {
animation-delay: 173.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1735) {
animation-delay: 173.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1736) {
animation-delay: 173.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1737) {
animation-delay: 173.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1738) {
animation-delay: 173.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1739) {
animation-delay: 173.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1740) {
animation-delay: 174s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1741) {
animation-delay: 174.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1742) {
animation-delay: 174.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1743) {
animation-delay: 174.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1744) {
animation-delay: 174.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1745) {
animation-delay: 174.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1746) {
animation-delay: 174.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1747) {
animation-delay: 174.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1748) {
animation-delay: 174.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1749) {
animation-delay: 174.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1750) {
animation-delay: 175s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1751) {
animation-delay: 175.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1752) {
animation-delay: 175.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1753) {
animation-delay: 175.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1754) {
animation-delay: 175.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1755) {
animation-delay: 175.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1756) {
animation-delay: 175.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1757) {
animation-delay: 175.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1758) {
animation-delay: 175.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1759) {
animation-delay: 175.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1760) {
animation-delay: 176s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1761) {
animation-delay: 176.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1762) {
animation-delay: 176.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1763) {
animation-delay: 176.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1764) {
animation-delay: 176.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1765) {
animation-delay: 176.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1766) {
animation-delay: 176.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1767) {
animation-delay: 176.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1768) {
animation-delay: 176.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1769) {
animation-delay: 176.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1770) {
animation-delay: 177s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1771) {
animation-delay: 177.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1772) {
animation-delay: 177.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1773) {
animation-delay: 177.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1774) {
animation-delay: 177.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1775) {
animation-delay: 177.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1776) {
animation-delay: 177.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1777) {
animation-delay: 177.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1778) {
animation-delay: 177.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1779) {
animation-delay: 177.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1780) {
animation-delay: 178s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1781) {
animation-delay: 178.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1782) {
animation-delay: 178.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1783) {
animation-delay: 178.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1784) {
animation-delay: 178.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1785) {
animation-delay: 178.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1786) {
animation-delay: 178.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1787) {
animation-delay: 178.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1788) {
animation-delay: 178.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1789) {
animation-delay: 178.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1790) {
animation-delay: 179s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1791) {
animation-delay: 179.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1792) {
animation-delay: 179.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1793) {
animation-delay: 179.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1794) {
animation-delay: 179.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1795) {
animation-delay: 179.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1796) {
animation-delay: 179.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1797) {
animation-delay: 179.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1798) {
animation-delay: 179.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1799) {
animation-delay: 179.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1800) {
animation-delay: 180s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1801) {
animation-delay: 180.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1802) {
animation-delay: 180.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1803) {
animation-delay: 180.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1804) {
animation-delay: 180.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1805) {
animation-delay: 180.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1806) {
animation-delay: 180.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1807) {
animation-delay: 180.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1808) {
animation-delay: 180.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1809) {
animation-delay: 180.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1810) {
animation-delay: 181s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1811) {
animation-delay: 181.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1812) {
animation-delay: 181.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1813) {
animation-delay: 181.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1814) {
animation-delay: 181.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1815) {
animation-delay: 181.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1816) {
animation-delay: 181.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1817) {
animation-delay: 181.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1818) {
animation-delay: 181.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1819) {
animation-delay: 181.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1820) {
animation-delay: 182s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1821) {
animation-delay: 182.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1822) {
animation-delay: 182.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1823) {
animation-delay: 182.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1824) {
animation-delay: 182.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1825) {
animation-delay: 182.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1826) {
animation-delay: 182.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1827) {
animation-delay: 182.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1828) {
animation-delay: 182.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1829) {
animation-delay: 182.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1830) {
animation-delay: 183s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1831) {
animation-delay: 183.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1832) {
animation-delay: 183.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1833) {
animation-delay: 183.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1834) {
animation-delay: 183.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1835) {
animation-delay: 183.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1836) {
animation-delay: 183.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1837) {
animation-delay: 183.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1838) {
animation-delay: 183.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1839) {
animation-delay: 183.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1840) {
animation-delay: 184s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1841) {
animation-delay: 184.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1842) {
animation-delay: 184.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1843) {
animation-delay: 184.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1844) {
animation-delay: 184.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1845) {
animation-delay: 184.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1846) {
animation-delay: 184.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1847) {
animation-delay: 184.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1848) {
animation-delay: 184.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1849) {
animation-delay: 184.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1850) {
animation-delay: 185s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1851) {
animation-delay: 185.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1852) {
animation-delay: 185.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1853) {
animation-delay: 185.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1854) {
animation-delay: 185.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1855) {
animation-delay: 185.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1856) {
animation-delay: 185.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1857) {
animation-delay: 185.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1858) {
animation-delay: 185.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1859) {
animation-delay: 185.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1860) {
animation-delay: 186s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1861) {
animation-delay: 186.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1862) {
animation-delay: 186.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1863) {
animation-delay: 186.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1864) {
animation-delay: 186.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1865) {
animation-delay: 186.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1866) {
animation-delay: 186.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1867) {
animation-delay: 186.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1868) {
animation-delay: 186.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1869) {
animation-delay: 186.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1870) {
animation-delay: 187s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1871) {
animation-delay: 187.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1872) {
animation-delay: 187.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1873) {
animation-delay: 187.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1874) {
animation-delay: 187.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1875) {
animation-delay: 187.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1876) {
animation-delay: 187.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1877) {
animation-delay: 187.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1878) {
animation-delay: 187.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1879) {
animation-delay: 187.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1880) {
animation-delay: 188s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1881) {
animation-delay: 188.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1882) {
animation-delay: 188.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1883) {
animation-delay: 188.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1884) {
animation-delay: 188.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1885) {
animation-delay: 188.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1886) {
animation-delay: 188.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1887) {
animation-delay: 188.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1888) {
animation-delay: 188.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1889) {
animation-delay: 188.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1890) {
animation-delay: 189s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1891) {
animation-delay: 189.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1892) {
animation-delay: 189.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1893) {
animation-delay: 189.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1894) {
animation-delay: 189.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1895) {
animation-delay: 189.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1896) {
animation-delay: 189.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1897) {
animation-delay: 189.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1898) {
animation-delay: 189.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1899) {
animation-delay: 189.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1900) {
animation-delay: 190s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1901) {
animation-delay: 190.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1902) {
animation-delay: 190.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1903) {
animation-delay: 190.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1904) {
animation-delay: 190.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1905) {
animation-delay: 190.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1906) {
animation-delay: 190.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1907) {
animation-delay: 190.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1908) {
animation-delay: 190.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1909) {
animation-delay: 190.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1910) {
animation-delay: 191s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1911) {
animation-delay: 191.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1912) {
animation-delay: 191.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1913) {
animation-delay: 191.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1914) {
animation-delay: 191.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1915) {
animation-delay: 191.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1916) {
animation-delay: 191.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1917) {
animation-delay: 191.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1918) {
animation-delay: 191.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1919) {
animation-delay: 191.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1920) {
animation-delay: 192s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1921) {
animation-delay: 192.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1922) {
animation-delay: 192.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1923) {
animation-delay: 192.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1924) {
animation-delay: 192.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1925) {
animation-delay: 192.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1926) {
animation-delay: 192.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1927) {
animation-delay: 192.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1928) {
animation-delay: 192.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1929) {
animation-delay: 192.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1930) {
animation-delay: 193s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1931) {
animation-delay: 193.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1932) {
animation-delay: 193.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1933) {
animation-delay: 193.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1934) {
animation-delay: 193.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1935) {
animation-delay: 193.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1936) {
animation-delay: 193.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1937) {
animation-delay: 193.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1938) {
animation-delay: 193.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1939) {
animation-delay: 193.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1940) {
animation-delay: 194s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1941) {
animation-delay: 194.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1942) {
animation-delay: 194.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1943) {
animation-delay: 194.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1944) {
animation-delay: 194.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1945) {
animation-delay: 194.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1946) {
animation-delay: 194.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1947) {
animation-delay: 194.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1948) {
animation-delay: 194.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1949) {
animation-delay: 194.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1950) {
animation-delay: 195s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1951) {
animation-delay: 195.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1952) {
animation-delay: 195.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1953) {
animation-delay: 195.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1954) {
animation-delay: 195.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1955) {
animation-delay: 195.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1956) {
animation-delay: 195.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1957) {
animation-delay: 195.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1958) {
animation-delay: 195.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1959) {
animation-delay: 195.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1960) {
animation-delay: 196s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1961) {
animation-delay: 196.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1962) {
animation-delay: 196.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1963) {
animation-delay: 196.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1964) {
animation-delay: 196.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1965) {
animation-delay: 196.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1966) {
animation-delay: 196.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1967) {
animation-delay: 196.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1968) {
animation-delay: 196.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1969) {
animation-delay: 196.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1970) {
animation-delay: 197s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1971) {
animation-delay: 197.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1972) {
animation-delay: 197.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1973) {
animation-delay: 197.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1974) {
animation-delay: 197.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1975) {
animation-delay: 197.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1976) {
animation-delay: 197.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1977) {
animation-delay: 197.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1978) {
animation-delay: 197.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1979) {
animation-delay: 197.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1980) {
animation-delay: 198s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1981) {
animation-delay: 198.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1982) {
animation-delay: 198.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1983) {
animation-delay: 198.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1984) {
animation-delay: 198.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1985) {
animation-delay: 198.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1986) {
animation-delay: 198.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1987) {
animation-delay: 198.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1988) {
animation-delay: 198.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1989) {
animation-delay: 198.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1990) {
animation-delay: 199s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1991) {
animation-delay: 199.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1992) {
animation-delay: 199.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1993) {
animation-delay: 199.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1994) {
animation-delay: 199.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1995) {
animation-delay: 199.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1996) {
animation-delay: 199.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1997) {
animation-delay: 199.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1998) {
animation-delay: 199.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(1999) {
animation-delay: 199.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2000) {
animation-delay: 200s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2001) {
animation-delay: 200.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2002) {
animation-delay: 200.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2003) {
animation-delay: 200.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2004) {
animation-delay: 200.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2005) {
animation-delay: 200.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2006) {
animation-delay: 200.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2007) {
animation-delay: 200.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2008) {
animation-delay: 200.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2009) {
animation-delay: 200.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2010) {
animation-delay: 201s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2011) {
animation-delay: 201.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2012) {
animation-delay: 201.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2013) {
animation-delay: 201.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2014) {
animation-delay: 201.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2015) {
animation-delay: 201.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2016) {
animation-delay: 201.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2017) {
animation-delay: 201.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2018) {
animation-delay: 201.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2019) {
animation-delay: 201.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2020) {
animation-delay: 202s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2021) {
animation-delay: 202.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2022) {
animation-delay: 202.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2023) {
animation-delay: 202.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2024) {
animation-delay: 202.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2025) {
animation-delay: 202.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2026) {
animation-delay: 202.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2027) {
animation-delay: 202.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2028) {
animation-delay: 202.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2029) {
animation-delay: 202.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2030) {
animation-delay: 203s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2031) {
animation-delay: 203.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2032) {
animation-delay: 203.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2033) {
animation-delay: 203.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2034) {
animation-delay: 203.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2035) {
animation-delay: 203.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2036) {
animation-delay: 203.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2037) {
animation-delay: 203.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2038) {
animation-delay: 203.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2039) {
animation-delay: 203.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2040) {
animation-delay: 204s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2041) {
animation-delay: 204.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2042) {
animation-delay: 204.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2043) {
animation-delay: 204.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2044) {
animation-delay: 204.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2045) {
animation-delay: 204.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2046) {
animation-delay: 204.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2047) {
animation-delay: 204.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2048) {
animation-delay: 204.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2049) {
animation-delay: 204.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2050) {
animation-delay: 205s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2051) {
animation-delay: 205.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2052) {
animation-delay: 205.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2053) {
animation-delay: 205.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2054) {
animation-delay: 205.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2055) {
animation-delay: 205.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2056) {
animation-delay: 205.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2057) {
animation-delay: 205.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2058) {
animation-delay: 205.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2059) {
animation-delay: 205.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2060) {
animation-delay: 206s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2061) {
animation-delay: 206.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2062) {
animation-delay: 206.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2063) {
animation-delay: 206.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2064) {
animation-delay: 206.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2065) {
animation-delay: 206.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2066) {
animation-delay: 206.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2067) {
animation-delay: 206.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2068) {
animation-delay: 206.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2069) {
animation-delay: 206.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2070) {
animation-delay: 207s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2071) {
animation-delay: 207.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2072) {
animation-delay: 207.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2073) {
animation-delay: 207.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2074) {
animation-delay: 207.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2075) {
animation-delay: 207.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2076) {
animation-delay: 207.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2077) {
animation-delay: 207.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2078) {
animation-delay: 207.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2079) {
animation-delay: 207.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2080) {
animation-delay: 208s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2081) {
animation-delay: 208.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2082) {
animation-delay: 208.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2083) {
animation-delay: 208.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2084) {
animation-delay: 208.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2085) {
animation-delay: 208.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2086) {
animation-delay: 208.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2087) {
animation-delay: 208.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2088) {
animation-delay: 208.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2089) {
animation-delay: 208.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2090) {
animation-delay: 209s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2091) {
animation-delay: 209.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2092) {
animation-delay: 209.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2093) {
animation-delay: 209.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2094) {
animation-delay: 209.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2095) {
animation-delay: 209.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2096) {
animation-delay: 209.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2097) {
animation-delay: 209.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2098) {
animation-delay: 209.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2099) {
animation-delay: 209.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2100) {
animation-delay: 210s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2101) {
animation-delay: 210.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2102) {
animation-delay: 210.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2103) {
animation-delay: 210.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2104) {
animation-delay: 210.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2105) {
animation-delay: 210.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2106) {
animation-delay: 210.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2107) {
animation-delay: 210.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2108) {
animation-delay: 210.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2109) {
animation-delay: 210.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2110) {
animation-delay: 211s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2111) {
animation-delay: 211.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2112) {
animation-delay: 211.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2113) {
animation-delay: 211.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2114) {
animation-delay: 211.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2115) {
animation-delay: 211.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2116) {
animation-delay: 211.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2117) {
animation-delay: 211.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2118) {
animation-delay: 211.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2119) {
animation-delay: 211.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2120) {
animation-delay: 212s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2121) {
animation-delay: 212.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2122) {
animation-delay: 212.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2123) {
animation-delay: 212.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2124) {
animation-delay: 212.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2125) {
animation-delay: 212.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2126) {
animation-delay: 212.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2127) {
animation-delay: 212.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2128) {
animation-delay: 212.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2129) {
animation-delay: 212.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2130) {
animation-delay: 213s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2131) {
animation-delay: 213.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2132) {
animation-delay: 213.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2133) {
animation-delay: 213.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2134) {
animation-delay: 213.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2135) {
animation-delay: 213.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2136) {
animation-delay: 213.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2137) {
animation-delay: 213.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2138) {
animation-delay: 213.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2139) {
animation-delay: 213.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2140) {
animation-delay: 214s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2141) {
animation-delay: 214.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2142) {
animation-delay: 214.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2143) {
animation-delay: 214.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2144) {
animation-delay: 214.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2145) {
animation-delay: 214.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2146) {
animation-delay: 214.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2147) {
animation-delay: 214.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2148) {
animation-delay: 214.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2149) {
animation-delay: 214.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2150) {
animation-delay: 215s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2151) {
animation-delay: 215.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2152) {
animation-delay: 215.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2153) {
animation-delay: 215.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2154) {
animation-delay: 215.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2155) {
animation-delay: 215.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2156) {
animation-delay: 215.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2157) {
animation-delay: 215.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2158) {
animation-delay: 215.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2159) {
animation-delay: 215.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2160) {
animation-delay: 216s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2161) {
animation-delay: 216.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2162) {
animation-delay: 216.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2163) {
animation-delay: 216.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2164) {
animation-delay: 216.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2165) {
animation-delay: 216.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2166) {
animation-delay: 216.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2167) {
animation-delay: 216.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2168) {
animation-delay: 216.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2169) {
animation-delay: 216.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2170) {
animation-delay: 217s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2171) {
animation-delay: 217.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2172) {
animation-delay: 217.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2173) {
animation-delay: 217.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2174) {
animation-delay: 217.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2175) {
animation-delay: 217.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2176) {
animation-delay: 217.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2177) {
animation-delay: 217.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2178) {
animation-delay: 217.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2179) {
animation-delay: 217.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2180) {
animation-delay: 218s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2181) {
animation-delay: 218.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2182) {
animation-delay: 218.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2183) {
animation-delay: 218.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2184) {
animation-delay: 218.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2185) {
animation-delay: 218.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2186) {
animation-delay: 218.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2187) {
animation-delay: 218.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2188) {
animation-delay: 218.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2189) {
animation-delay: 218.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2190) {
animation-delay: 219s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2191) {
animation-delay: 219.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2192) {
animation-delay: 219.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2193) {
animation-delay: 219.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2194) {
animation-delay: 219.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2195) {
animation-delay: 219.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2196) {
animation-delay: 219.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2197) {
animation-delay: 219.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2198) {
animation-delay: 219.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2199) {
animation-delay: 219.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2200) {
animation-delay: 220s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2201) {
animation-delay: 220.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2202) {
animation-delay: 220.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2203) {
animation-delay: 220.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2204) {
animation-delay: 220.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2205) {
animation-delay: 220.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2206) {
animation-delay: 220.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2207) {
animation-delay: 220.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2208) {
animation-delay: 220.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2209) {
animation-delay: 220.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2210) {
animation-delay: 221s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2211) {
animation-delay: 221.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2212) {
animation-delay: 221.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2213) {
animation-delay: 221.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2214) {
animation-delay: 221.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2215) {
animation-delay: 221.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2216) {
animation-delay: 221.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2217) {
animation-delay: 221.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2218) {
animation-delay: 221.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2219) {
animation-delay: 221.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2220) {
animation-delay: 222s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2221) {
animation-delay: 222.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2222) {
animation-delay: 222.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2223) {
animation-delay: 222.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2224) {
animation-delay: 222.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2225) {
animation-delay: 222.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2226) {
animation-delay: 222.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2227) {
animation-delay: 222.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2228) {
animation-delay: 222.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2229) {
animation-delay: 222.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2230) {
animation-delay: 223s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2231) {
animation-delay: 223.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2232) {
animation-delay: 223.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2233) {
animation-delay: 223.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2234) {
animation-delay: 223.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2235) {
animation-delay: 223.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2236) {
animation-delay: 223.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2237) {
animation-delay: 223.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2238) {
animation-delay: 223.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2239) {
animation-delay: 223.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2240) {
animation-delay: 224s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2241) {
animation-delay: 224.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2242) {
animation-delay: 224.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2243) {
animation-delay: 224.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2244) {
animation-delay: 224.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2245) {
animation-delay: 224.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2246) {
animation-delay: 224.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2247) {
animation-delay: 224.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2248) {
animation-delay: 224.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2249) {
animation-delay: 224.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2250) {
animation-delay: 225s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2251) {
animation-delay: 225.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2252) {
animation-delay: 225.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2253) {
animation-delay: 225.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2254) {
animation-delay: 225.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2255) {
animation-delay: 225.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2256) {
animation-delay: 225.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2257) {
animation-delay: 225.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2258) {
animation-delay: 225.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2259) {
animation-delay: 225.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2260) {
animation-delay: 226s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2261) {
animation-delay: 226.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2262) {
animation-delay: 226.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2263) {
animation-delay: 226.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2264) {
animation-delay: 226.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2265) {
animation-delay: 226.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2266) {
animation-delay: 226.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2267) {
animation-delay: 226.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2268) {
animation-delay: 226.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2269) {
animation-delay: 226.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2270) {
animation-delay: 227s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2271) {
animation-delay: 227.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2272) {
animation-delay: 227.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2273) {
animation-delay: 227.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2274) {
animation-delay: 227.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2275) {
animation-delay: 227.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2276) {
animation-delay: 227.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2277) {
animation-delay: 227.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2278) {
animation-delay: 227.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2279) {
animation-delay: 227.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2280) {
animation-delay: 228s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2281) {
animation-delay: 228.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2282) {
animation-delay: 228.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2283) {
animation-delay: 228.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2284) {
animation-delay: 228.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2285) {
animation-delay: 228.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2286) {
animation-delay: 228.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2287) {
animation-delay: 228.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2288) {
animation-delay: 228.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2289) {
animation-delay: 228.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2290) {
animation-delay: 229s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2291) {
animation-delay: 229.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2292) {
animation-delay: 229.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2293) {
animation-delay: 229.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2294) {
animation-delay: 229.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2295) {
animation-delay: 229.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2296) {
animation-delay: 229.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2297) {
animation-delay: 229.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2298) {
animation-delay: 229.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2299) {
animation-delay: 229.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2300) {
animation-delay: 230s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2301) {
animation-delay: 230.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2302) {
animation-delay: 230.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2303) {
animation-delay: 230.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2304) {
animation-delay: 230.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2305) {
animation-delay: 230.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2306) {
animation-delay: 230.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2307) {
animation-delay: 230.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2308) {
animation-delay: 230.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2309) {
animation-delay: 230.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2310) {
animation-delay: 231s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2311) {
animation-delay: 231.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2312) {
animation-delay: 231.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2313) {
animation-delay: 231.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2314) {
animation-delay: 231.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2315) {
animation-delay: 231.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2316) {
animation-delay: 231.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2317) {
animation-delay: 231.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2318) {
animation-delay: 231.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2319) {
animation-delay: 231.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2320) {
animation-delay: 232s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2321) {
animation-delay: 232.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2322) {
animation-delay: 232.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2323) {
animation-delay: 232.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2324) {
animation-delay: 232.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2325) {
animation-delay: 232.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2326) {
animation-delay: 232.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2327) {
animation-delay: 232.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2328) {
animation-delay: 232.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2329) {
animation-delay: 232.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2330) {
animation-delay: 233s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2331) {
animation-delay: 233.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2332) {
animation-delay: 233.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2333) {
animation-delay: 233.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2334) {
animation-delay: 233.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2335) {
animation-delay: 233.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2336) {
animation-delay: 233.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2337) {
animation-delay: 233.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2338) {
animation-delay: 233.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2339) {
animation-delay: 233.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2340) {
animation-delay: 234s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2341) {
animation-delay: 234.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2342) {
animation-delay: 234.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2343) {
animation-delay: 234.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2344) {
animation-delay: 234.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2345) {
animation-delay: 234.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2346) {
animation-delay: 234.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2347) {
animation-delay: 234.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2348) {
animation-delay: 234.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2349) {
animation-delay: 234.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2350) {
animation-delay: 235s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2351) {
animation-delay: 235.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2352) {
animation-delay: 235.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2353) {
animation-delay: 235.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2354) {
animation-delay: 235.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2355) {
animation-delay: 235.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2356) {
animation-delay: 235.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2357) {
animation-delay: 235.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2358) {
animation-delay: 235.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2359) {
animation-delay: 235.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2360) {
animation-delay: 236s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2361) {
animation-delay: 236.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2362) {
animation-delay: 236.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2363) {
animation-delay: 236.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2364) {
animation-delay: 236.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2365) {
animation-delay: 236.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2366) {
animation-delay: 236.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2367) {
animation-delay: 236.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2368) {
animation-delay: 236.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2369) {
animation-delay: 236.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2370) {
animation-delay: 237s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2371) {
animation-delay: 237.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2372) {
animation-delay: 237.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2373) {
animation-delay: 237.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2374) {
animation-delay: 237.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2375) {
animation-delay: 237.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2376) {
animation-delay: 237.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2377) {
animation-delay: 237.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2378) {
animation-delay: 237.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2379) {
animation-delay: 237.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2380) {
animation-delay: 238s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2381) {
animation-delay: 238.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2382) {
animation-delay: 238.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2383) {
animation-delay: 238.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2384) {
animation-delay: 238.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2385) {
animation-delay: 238.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2386) {
animation-delay: 238.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2387) {
animation-delay: 238.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2388) {
animation-delay: 238.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2389) {
animation-delay: 238.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2390) {
animation-delay: 239s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2391) {
animation-delay: 239.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2392) {
animation-delay: 239.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2393) {
animation-delay: 239.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2394) {
animation-delay: 239.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2395) {
animation-delay: 239.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2396) {
animation-delay: 239.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2397) {
animation-delay: 239.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2398) {
animation-delay: 239.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2399) {
animation-delay: 239.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2400) {
animation-delay: 240s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2401) {
animation-delay: 240.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2402) {
animation-delay: 240.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2403) {
animation-delay: 240.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2404) {
animation-delay: 240.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2405) {
animation-delay: 240.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2406) {
animation-delay: 240.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2407) {
animation-delay: 240.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2408) {
animation-delay: 240.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2409) {
animation-delay: 240.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2410) {
animation-delay: 241s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2411) {
animation-delay: 241.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2412) {
animation-delay: 241.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2413) {
animation-delay: 241.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2414) {
animation-delay: 241.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2415) {
animation-delay: 241.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2416) {
animation-delay: 241.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2417) {
animation-delay: 241.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2418) {
animation-delay: 241.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2419) {
animation-delay: 241.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2420) {
animation-delay: 242s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2421) {
animation-delay: 242.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2422) {
animation-delay: 242.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2423) {
animation-delay: 242.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2424) {
animation-delay: 242.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2425) {
animation-delay: 242.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2426) {
animation-delay: 242.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2427) {
animation-delay: 242.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2428) {
animation-delay: 242.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2429) {
animation-delay: 242.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2430) {
animation-delay: 243s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2431) {
animation-delay: 243.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2432) {
animation-delay: 243.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2433) {
animation-delay: 243.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2434) {
animation-delay: 243.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2435) {
animation-delay: 243.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2436) {
animation-delay: 243.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2437) {
animation-delay: 243.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2438) {
animation-delay: 243.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2439) {
animation-delay: 243.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2440) {
animation-delay: 244s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2441) {
animation-delay: 244.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2442) {
animation-delay: 244.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2443) {
animation-delay: 244.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2444) {
animation-delay: 244.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2445) {
animation-delay: 244.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2446) {
animation-delay: 244.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2447) {
animation-delay: 244.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2448) {
animation-delay: 244.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2449) {
animation-delay: 244.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2450) {
animation-delay: 245s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2451) {
animation-delay: 245.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2452) {
animation-delay: 245.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2453) {
animation-delay: 245.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2454) {
animation-delay: 245.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2455) {
animation-delay: 245.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2456) {
animation-delay: 245.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2457) {
animation-delay: 245.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2458) {
animation-delay: 245.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2459) {
animation-delay: 245.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2460) {
animation-delay: 246s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2461) {
animation-delay: 246.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2462) {
animation-delay: 246.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2463) {
animation-delay: 246.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2464) {
animation-delay: 246.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2465) {
animation-delay: 246.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2466) {
animation-delay: 246.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2467) {
animation-delay: 246.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2468) {
animation-delay: 246.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2469) {
animation-delay: 246.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2470) {
animation-delay: 247s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2471) {
animation-delay: 247.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2472) {
animation-delay: 247.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2473) {
animation-delay: 247.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2474) {
animation-delay: 247.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2475) {
animation-delay: 247.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2476) {
animation-delay: 247.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2477) {
animation-delay: 247.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2478) {
animation-delay: 247.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2479) {
animation-delay: 247.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2480) {
animation-delay: 248s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2481) {
animation-delay: 248.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2482) {
animation-delay: 248.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2483) {
animation-delay: 248.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2484) {
animation-delay: 248.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2485) {
animation-delay: 248.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2486) {
animation-delay: 248.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2487) {
animation-delay: 248.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2488) {
animation-delay: 248.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2489) {
animation-delay: 248.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2490) {
animation-delay: 249s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2491) {
animation-delay: 249.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2492) {
animation-delay: 249.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2493) {
animation-delay: 249.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2494) {
animation-delay: 249.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2495) {
animation-delay: 249.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2496) {
animation-delay: 249.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2497) {
animation-delay: 249.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2498) {
animation-delay: 249.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2499) {
animation-delay: 249.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2500) {
animation-delay: 250s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2501) {
animation-delay: 250.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2502) {
animation-delay: 250.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2503) {
animation-delay: 250.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2504) {
animation-delay: 250.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2505) {
animation-delay: 250.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2506) {
animation-delay: 250.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2507) {
animation-delay: 250.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2508) {
animation-delay: 250.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2509) {
animation-delay: 250.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2510) {
animation-delay: 251s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2511) {
animation-delay: 251.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2512) {
animation-delay: 251.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2513) {
animation-delay: 251.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2514) {
animation-delay: 251.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2515) {
animation-delay: 251.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2516) {
animation-delay: 251.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2517) {
animation-delay: 251.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2518) {
animation-delay: 251.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2519) {
animation-delay: 251.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2520) {
animation-delay: 252s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2521) {
animation-delay: 252.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2522) {
animation-delay: 252.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2523) {
animation-delay: 252.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2524) {
animation-delay: 252.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2525) {
animation-delay: 252.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2526) {
animation-delay: 252.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2527) {
animation-delay: 252.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2528) {
animation-delay: 252.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2529) {
animation-delay: 252.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2530) {
animation-delay: 253s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2531) {
animation-delay: 253.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2532) {
animation-delay: 253.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2533) {
animation-delay: 253.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2534) {
animation-delay: 253.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2535) {
animation-delay: 253.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2536) {
animation-delay: 253.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2537) {
animation-delay: 253.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2538) {
animation-delay: 253.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2539) {
animation-delay: 253.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2540) {
animation-delay: 254s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2541) {
animation-delay: 254.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2542) {
animation-delay: 254.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2543) {
animation-delay: 254.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2544) {
animation-delay: 254.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2545) {
animation-delay: 254.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2546) {
animation-delay: 254.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2547) {
animation-delay: 254.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2548) {
animation-delay: 254.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2549) {
animation-delay: 254.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2550) {
animation-delay: 255s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2551) {
animation-delay: 255.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2552) {
animation-delay: 255.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2553) {
animation-delay: 255.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2554) {
animation-delay: 255.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2555) {
animation-delay: 255.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2556) {
animation-delay: 255.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2557) {
animation-delay: 255.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2558) {
animation-delay: 255.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2559) {
animation-delay: 255.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2560) {
animation-delay: 256s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2561) {
animation-delay: 256.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2562) {
animation-delay: 256.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2563) {
animation-delay: 256.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2564) {
animation-delay: 256.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2565) {
animation-delay: 256.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2566) {
animation-delay: 256.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2567) {
animation-delay: 256.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2568) {
animation-delay: 256.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2569) {
animation-delay: 256.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2570) {
animation-delay: 257s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2571) {
animation-delay: 257.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2572) {
animation-delay: 257.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2573) {
animation-delay: 257.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2574) {
animation-delay: 257.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2575) {
animation-delay: 257.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2576) {
animation-delay: 257.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2577) {
animation-delay: 257.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2578) {
animation-delay: 257.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2579) {
animation-delay: 257.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2580) {
animation-delay: 258s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2581) {
animation-delay: 258.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2582) {
animation-delay: 258.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2583) {
animation-delay: 258.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2584) {
animation-delay: 258.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2585) {
animation-delay: 258.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2586) {
animation-delay: 258.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2587) {
animation-delay: 258.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2588) {
animation-delay: 258.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2589) {
animation-delay: 258.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2590) {
animation-delay: 259s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2591) {
animation-delay: 259.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2592) {
animation-delay: 259.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2593) {
animation-delay: 259.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2594) {
animation-delay: 259.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2595) {
animation-delay: 259.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2596) {
animation-delay: 259.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2597) {
animation-delay: 259.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2598) {
animation-delay: 259.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2599) {
animation-delay: 259.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2600) {
animation-delay: 260s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2601) {
animation-delay: 260.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2602) {
animation-delay: 260.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2603) {
animation-delay: 260.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2604) {
animation-delay: 260.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2605) {
animation-delay: 260.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2606) {
animation-delay: 260.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2607) {
animation-delay: 260.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2608) {
animation-delay: 260.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2609) {
animation-delay: 260.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2610) {
animation-delay: 261s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2611) {
animation-delay: 261.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2612) {
animation-delay: 261.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2613) {
animation-delay: 261.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2614) {
animation-delay: 261.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2615) {
animation-delay: 261.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2616) {
animation-delay: 261.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2617) {
animation-delay: 261.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2618) {
animation-delay: 261.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2619) {
animation-delay: 261.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2620) {
animation-delay: 262s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2621) {
animation-delay: 262.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2622) {
animation-delay: 262.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2623) {
animation-delay: 262.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2624) {
animation-delay: 262.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2625) {
animation-delay: 262.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2626) {
animation-delay: 262.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2627) {
animation-delay: 262.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2628) {
animation-delay: 262.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2629) {
animation-delay: 262.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2630) {
animation-delay: 263s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2631) {
animation-delay: 263.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2632) {
animation-delay: 263.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2633) {
animation-delay: 263.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2634) {
animation-delay: 263.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2635) {
animation-delay: 263.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2636) {
animation-delay: 263.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2637) {
animation-delay: 263.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2638) {
animation-delay: 263.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2639) {
animation-delay: 263.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2640) {
animation-delay: 264s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2641) {
animation-delay: 264.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2642) {
animation-delay: 264.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2643) {
animation-delay: 264.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2644) {
animation-delay: 264.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2645) {
animation-delay: 264.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2646) {
animation-delay: 264.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2647) {
animation-delay: 264.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2648) {
animation-delay: 264.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2649) {
animation-delay: 264.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2650) {
animation-delay: 265s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2651) {
animation-delay: 265.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2652) {
animation-delay: 265.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2653) {
animation-delay: 265.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2654) {
animation-delay: 265.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2655) {
animation-delay: 265.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2656) {
animation-delay: 265.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2657) {
animation-delay: 265.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2658) {
animation-delay: 265.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2659) {
animation-delay: 265.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2660) {
animation-delay: 266s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2661) {
animation-delay: 266.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2662) {
animation-delay: 266.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2663) {
animation-delay: 266.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2664) {
animation-delay: 266.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2665) {
animation-delay: 266.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2666) {
animation-delay: 266.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2667) {
animation-delay: 266.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2668) {
animation-delay: 266.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2669) {
animation-delay: 266.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2670) {
animation-delay: 267s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2671) {
animation-delay: 267.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2672) {
animation-delay: 267.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2673) {
animation-delay: 267.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2674) {
animation-delay: 267.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2675) {
animation-delay: 267.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2676) {
animation-delay: 267.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2677) {
animation-delay: 267.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2678) {
animation-delay: 267.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2679) {
animation-delay: 267.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2680) {
animation-delay: 268s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2681) {
animation-delay: 268.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2682) {
animation-delay: 268.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2683) {
animation-delay: 268.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2684) {
animation-delay: 268.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2685) {
animation-delay: 268.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2686) {
animation-delay: 268.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2687) {
animation-delay: 268.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2688) {
animation-delay: 268.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2689) {
animation-delay: 268.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2690) {
animation-delay: 269s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2691) {
animation-delay: 269.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2692) {
animation-delay: 269.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2693) {
animation-delay: 269.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2694) {
animation-delay: 269.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2695) {
animation-delay: 269.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2696) {
animation-delay: 269.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2697) {
animation-delay: 269.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2698) {
animation-delay: 269.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2699) {
animation-delay: 269.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2700) {
animation-delay: 270s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2701) {
animation-delay: 270.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2702) {
animation-delay: 270.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2703) {
animation-delay: 270.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2704) {
animation-delay: 270.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2705) {
animation-delay: 270.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2706) {
animation-delay: 270.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2707) {
animation-delay: 270.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2708) {
animation-delay: 270.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2709) {
animation-delay: 270.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2710) {
animation-delay: 271s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2711) {
animation-delay: 271.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2712) {
animation-delay: 271.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2713) {
animation-delay: 271.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2714) {
animation-delay: 271.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2715) {
animation-delay: 271.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2716) {
animation-delay: 271.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2717) {
animation-delay: 271.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2718) {
animation-delay: 271.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2719) {
animation-delay: 271.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2720) {
animation-delay: 272s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2721) {
animation-delay: 272.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2722) {
animation-delay: 272.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2723) {
animation-delay: 272.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2724) {
animation-delay: 272.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2725) {
animation-delay: 272.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2726) {
animation-delay: 272.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2727) {
animation-delay: 272.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2728) {
animation-delay: 272.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2729) {
animation-delay: 272.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2730) {
animation-delay: 273s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2731) {
animation-delay: 273.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2732) {
animation-delay: 273.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2733) {
animation-delay: 273.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2734) {
animation-delay: 273.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2735) {
animation-delay: 273.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2736) {
animation-delay: 273.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2737) {
animation-delay: 273.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2738) {
animation-delay: 273.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2739) {
animation-delay: 273.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2740) {
animation-delay: 274s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2741) {
animation-delay: 274.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2742) {
animation-delay: 274.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2743) {
animation-delay: 274.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2744) {
animation-delay: 274.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2745) {
animation-delay: 274.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2746) {
animation-delay: 274.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2747) {
animation-delay: 274.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2748) {
animation-delay: 274.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2749) {
animation-delay: 274.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2750) {
animation-delay: 275s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2751) {
animation-delay: 275.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2752) {
animation-delay: 275.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2753) {
animation-delay: 275.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2754) {
animation-delay: 275.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2755) {
animation-delay: 275.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2756) {
animation-delay: 275.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2757) {
animation-delay: 275.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2758) {
animation-delay: 275.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2759) {
animation-delay: 275.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2760) {
animation-delay: 276s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2761) {
animation-delay: 276.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2762) {
animation-delay: 276.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2763) {
animation-delay: 276.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2764) {
animation-delay: 276.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2765) {
animation-delay: 276.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2766) {
animation-delay: 276.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2767) {
animation-delay: 276.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2768) {
animation-delay: 276.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2769) {
animation-delay: 276.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2770) {
animation-delay: 277s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2771) {
animation-delay: 277.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2772) {
animation-delay: 277.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2773) {
animation-delay: 277.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2774) {
animation-delay: 277.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2775) {
animation-delay: 277.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2776) {
animation-delay: 277.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2777) {
animation-delay: 277.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2778) {
animation-delay: 277.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2779) {
animation-delay: 277.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2780) {
animation-delay: 278s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2781) {
animation-delay: 278.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2782) {
animation-delay: 278.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2783) {
animation-delay: 278.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2784) {
animation-delay: 278.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2785) {
animation-delay: 278.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2786) {
animation-delay: 278.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2787) {
animation-delay: 278.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2788) {
animation-delay: 278.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2789) {
animation-delay: 278.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2790) {
animation-delay: 279s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2791) {
animation-delay: 279.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2792) {
animation-delay: 279.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2793) {
animation-delay: 279.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2794) {
animation-delay: 279.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2795) {
animation-delay: 279.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2796) {
animation-delay: 279.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2797) {
animation-delay: 279.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2798) {
animation-delay: 279.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2799) {
animation-delay: 279.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2800) {
animation-delay: 280s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2801) {
animation-delay: 280.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2802) {
animation-delay: 280.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2803) {
animation-delay: 280.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2804) {
animation-delay: 280.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2805) {
animation-delay: 280.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2806) {
animation-delay: 280.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2807) {
animation-delay: 280.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2808) {
animation-delay: 280.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2809) {
animation-delay: 280.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2810) {
animation-delay: 281s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2811) {
animation-delay: 281.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2812) {
animation-delay: 281.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2813) {
animation-delay: 281.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2814) {
animation-delay: 281.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2815) {
animation-delay: 281.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2816) {
animation-delay: 281.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2817) {
animation-delay: 281.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2818) {
animation-delay: 281.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2819) {
animation-delay: 281.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2820) {
animation-delay: 282s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2821) {
animation-delay: 282.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2822) {
animation-delay: 282.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2823) {
animation-delay: 282.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2824) {
animation-delay: 282.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2825) {
animation-delay: 282.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2826) {
animation-delay: 282.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2827) {
animation-delay: 282.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2828) {
animation-delay: 282.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2829) {
animation-delay: 282.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2830) {
animation-delay: 283s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2831) {
animation-delay: 283.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2832) {
animation-delay: 283.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2833) {
animation-delay: 283.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2834) {
animation-delay: 283.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2835) {
animation-delay: 283.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2836) {
animation-delay: 283.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2837) {
animation-delay: 283.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2838) {
animation-delay: 283.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2839) {
animation-delay: 283.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2840) {
animation-delay: 284s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2841) {
animation-delay: 284.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2842) {
animation-delay: 284.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2843) {
animation-delay: 284.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2844) {
animation-delay: 284.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2845) {
animation-delay: 284.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2846) {
animation-delay: 284.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2847) {
animation-delay: 284.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2848) {
animation-delay: 284.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2849) {
animation-delay: 284.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2850) {
animation-delay: 285s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2851) {
animation-delay: 285.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2852) {
animation-delay: 285.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2853) {
animation-delay: 285.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2854) {
animation-delay: 285.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2855) {
animation-delay: 285.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2856) {
animation-delay: 285.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2857) {
animation-delay: 285.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2858) {
animation-delay: 285.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2859) {
animation-delay: 285.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2860) {
animation-delay: 286s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2861) {
animation-delay: 286.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2862) {
animation-delay: 286.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2863) {
animation-delay: 286.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2864) {
animation-delay: 286.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2865) {
animation-delay: 286.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2866) {
animation-delay: 286.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2867) {
animation-delay: 286.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2868) {
animation-delay: 286.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2869) {
animation-delay: 286.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2870) {
animation-delay: 287s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2871) {
animation-delay: 287.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2872) {
animation-delay: 287.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2873) {
animation-delay: 287.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2874) {
animation-delay: 287.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2875) {
animation-delay: 287.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2876) {
animation-delay: 287.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2877) {
animation-delay: 287.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2878) {
animation-delay: 287.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2879) {
animation-delay: 287.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2880) {
animation-delay: 288s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2881) {
animation-delay: 288.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2882) {
animation-delay: 288.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2883) {
animation-delay: 288.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2884) {
animation-delay: 288.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2885) {
animation-delay: 288.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2886) {
animation-delay: 288.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2887) {
animation-delay: 288.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2888) {
animation-delay: 288.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2889) {
animation-delay: 288.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2890) {
animation-delay: 289s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2891) {
animation-delay: 289.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2892) {
animation-delay: 289.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2893) {
animation-delay: 289.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2894) {
animation-delay: 289.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2895) {
animation-delay: 289.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2896) {
animation-delay: 289.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2897) {
animation-delay: 289.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2898) {
animation-delay: 289.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2899) {
animation-delay: 289.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2900) {
animation-delay: 290s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2901) {
animation-delay: 290.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2902) {
animation-delay: 290.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2903) {
animation-delay: 290.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2904) {
animation-delay: 290.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2905) {
animation-delay: 290.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2906) {
animation-delay: 290.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2907) {
animation-delay: 290.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2908) {
animation-delay: 290.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2909) {
animation-delay: 290.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2910) {
animation-delay: 291s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2911) {
animation-delay: 291.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2912) {
animation-delay: 291.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2913) {
animation-delay: 291.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2914) {
animation-delay: 291.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2915) {
animation-delay: 291.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2916) {
animation-delay: 291.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2917) {
animation-delay: 291.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2918) {
animation-delay: 291.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2919) {
animation-delay: 291.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2920) {
animation-delay: 292s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2921) {
animation-delay: 292.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2922) {
animation-delay: 292.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2923) {
animation-delay: 292.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2924) {
animation-delay: 292.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2925) {
animation-delay: 292.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2926) {
animation-delay: 292.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2927) {
animation-delay: 292.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2928) {
animation-delay: 292.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2929) {
animation-delay: 292.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2930) {
animation-delay: 293s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2931) {
animation-delay: 293.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2932) {
animation-delay: 293.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2933) {
animation-delay: 293.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2934) {
animation-delay: 293.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2935) {
animation-delay: 293.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2936) {
animation-delay: 293.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2937) {
animation-delay: 293.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2938) {
animation-delay: 293.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2939) {
animation-delay: 293.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2940) {
animation-delay: 294s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2941) {
animation-delay: 294.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2942) {
animation-delay: 294.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2943) {
animation-delay: 294.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2944) {
animation-delay: 294.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2945) {
animation-delay: 294.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2946) {
animation-delay: 294.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2947) {
animation-delay: 294.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2948) {
animation-delay: 294.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2949) {
animation-delay: 294.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2950) {
animation-delay: 295s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2951) {
animation-delay: 295.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2952) {
animation-delay: 295.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2953) {
animation-delay: 295.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2954) {
animation-delay: 295.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2955) {
animation-delay: 295.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2956) {
animation-delay: 295.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2957) {
animation-delay: 295.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2958) {
animation-delay: 295.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2959) {
animation-delay: 295.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2960) {
animation-delay: 296s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2961) {
animation-delay: 296.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2962) {
animation-delay: 296.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2963) {
animation-delay: 296.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2964) {
animation-delay: 296.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2965) {
animation-delay: 296.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2966) {
animation-delay: 296.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2967) {
animation-delay: 296.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2968) {
animation-delay: 296.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2969) {
animation-delay: 296.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2970) {
animation-delay: 297s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2971) {
animation-delay: 297.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2972) {
animation-delay: 297.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2973) {
animation-delay: 297.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2974) {
animation-delay: 297.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2975) {
animation-delay: 297.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2976) {
animation-delay: 297.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2977) {
animation-delay: 297.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2978) {
animation-delay: 297.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2979) {
animation-delay: 297.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2980) {
animation-delay: 298s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2981) {
animation-delay: 298.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2982) {
animation-delay: 298.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2983) {
animation-delay: 298.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2984) {
animation-delay: 298.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2985) {
animation-delay: 298.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2986) {
animation-delay: 298.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2987) {
animation-delay: 298.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2988) {
animation-delay: 298.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2989) {
animation-delay: 298.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2990) {
animation-delay: 299s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2991) {
animation-delay: 299.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2992) {
animation-delay: 299.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2993) {
animation-delay: 299.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2994) {
animation-delay: 299.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2995) {
animation-delay: 299.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2996) {
animation-delay: 299.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2997) {
animation-delay: 299.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2998) {
animation-delay: 299.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(2999) {
animation-delay: 299.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3000) {
animation-delay: 300s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3001) {
animation-delay: 300.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3002) {
animation-delay: 300.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3003) {
animation-delay: 300.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3004) {
animation-delay: 300.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3005) {
animation-delay: 300.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3006) {
animation-delay: 300.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3007) {
animation-delay: 300.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3008) {
animation-delay: 300.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3009) {
animation-delay: 300.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3010) {
animation-delay: 301s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3011) {
animation-delay: 301.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3012) {
animation-delay: 301.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3013) {
animation-delay: 301.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3014) {
animation-delay: 301.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3015) {
animation-delay: 301.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3016) {
animation-delay: 301.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3017) {
animation-delay: 301.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3018) {
animation-delay: 301.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3019) {
animation-delay: 301.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3020) {
animation-delay: 302s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3021) {
animation-delay: 302.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3022) {
animation-delay: 302.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3023) {
animation-delay: 302.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3024) {
animation-delay: 302.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3025) {
animation-delay: 302.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3026) {
animation-delay: 302.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3027) {
animation-delay: 302.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3028) {
animation-delay: 302.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3029) {
animation-delay: 302.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3030) {
animation-delay: 303s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3031) {
animation-delay: 303.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3032) {
animation-delay: 303.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3033) {
animation-delay: 303.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3034) {
animation-delay: 303.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3035) {
animation-delay: 303.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3036) {
animation-delay: 303.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3037) {
animation-delay: 303.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3038) {
animation-delay: 303.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3039) {
animation-delay: 303.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3040) {
animation-delay: 304s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3041) {
animation-delay: 304.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3042) {
animation-delay: 304.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3043) {
animation-delay: 304.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3044) {
animation-delay: 304.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3045) {
animation-delay: 304.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3046) {
animation-delay: 304.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3047) {
animation-delay: 304.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3048) {
animation-delay: 304.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3049) {
animation-delay: 304.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3050) {
animation-delay: 305s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3051) {
animation-delay: 305.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3052) {
animation-delay: 305.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3053) {
animation-delay: 305.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3054) {
animation-delay: 305.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3055) {
animation-delay: 305.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3056) {
animation-delay: 305.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3057) {
animation-delay: 305.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3058) {
animation-delay: 305.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3059) {
animation-delay: 305.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3060) {
animation-delay: 306s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3061) {
animation-delay: 306.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3062) {
animation-delay: 306.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3063) {
animation-delay: 306.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3064) {
animation-delay: 306.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3065) {
animation-delay: 306.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3066) {
animation-delay: 306.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3067) {
animation-delay: 306.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3068) {
animation-delay: 306.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3069) {
animation-delay: 306.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3070) {
animation-delay: 307s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3071) {
animation-delay: 307.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3072) {
animation-delay: 307.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3073) {
animation-delay: 307.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3074) {
animation-delay: 307.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3075) {
animation-delay: 307.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3076) {
animation-delay: 307.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3077) {
animation-delay: 307.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3078) {
animation-delay: 307.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3079) {
animation-delay: 307.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3080) {
animation-delay: 308s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3081) {
animation-delay: 308.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3082) {
animation-delay: 308.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3083) {
animation-delay: 308.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3084) {
animation-delay: 308.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3085) {
animation-delay: 308.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3086) {
animation-delay: 308.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3087) {
animation-delay: 308.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3088) {
animation-delay: 308.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3089) {
animation-delay: 308.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3090) {
animation-delay: 309s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3091) {
animation-delay: 309.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3092) {
animation-delay: 309.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3093) {
animation-delay: 309.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3094) {
animation-delay: 309.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3095) {
animation-delay: 309.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3096) {
animation-delay: 309.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3097) {
animation-delay: 309.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3098) {
animation-delay: 309.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3099) {
animation-delay: 309.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3100) {
animation-delay: 310s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3101) {
animation-delay: 310.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3102) {
animation-delay: 310.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3103) {
animation-delay: 310.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3104) {
animation-delay: 310.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3105) {
animation-delay: 310.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3106) {
animation-delay: 310.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3107) {
animation-delay: 310.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3108) {
animation-delay: 310.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3109) {
animation-delay: 310.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3110) {
animation-delay: 311s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3111) {
animation-delay: 311.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3112) {
animation-delay: 311.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3113) {
animation-delay: 311.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3114) {
animation-delay: 311.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3115) {
animation-delay: 311.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3116) {
animation-delay: 311.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3117) {
animation-delay: 311.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3118) {
animation-delay: 311.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3119) {
animation-delay: 311.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3120) {
animation-delay: 312s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3121) {
animation-delay: 312.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3122) {
animation-delay: 312.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3123) {
animation-delay: 312.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3124) {
animation-delay: 312.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3125) {
animation-delay: 312.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3126) {
animation-delay: 312.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3127) {
animation-delay: 312.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3128) {
animation-delay: 312.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3129) {
animation-delay: 312.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3130) {
animation-delay: 313s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3131) {
animation-delay: 313.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3132) {
animation-delay: 313.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3133) {
animation-delay: 313.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3134) {
animation-delay: 313.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3135) {
animation-delay: 313.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3136) {
animation-delay: 313.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3137) {
animation-delay: 313.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3138) {
animation-delay: 313.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3139) {
animation-delay: 313.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3140) {
animation-delay: 314s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3141) {
animation-delay: 314.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3142) {
animation-delay: 314.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3143) {
animation-delay: 314.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3144) {
animation-delay: 314.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3145) {
animation-delay: 314.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3146) {
animation-delay: 314.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3147) {
animation-delay: 314.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3148) {
animation-delay: 314.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3149) {
animation-delay: 314.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3150) {
animation-delay: 315s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3151) {
animation-delay: 315.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3152) {
animation-delay: 315.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3153) {
animation-delay: 315.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3154) {
animation-delay: 315.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3155) {
animation-delay: 315.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3156) {
animation-delay: 315.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3157) {
animation-delay: 315.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3158) {
animation-delay: 315.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3159) {
animation-delay: 315.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3160) {
animation-delay: 316s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3161) {
animation-delay: 316.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3162) {
animation-delay: 316.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3163) {
animation-delay: 316.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3164) {
animation-delay: 316.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3165) {
animation-delay: 316.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3166) {
animation-delay: 316.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3167) {
animation-delay: 316.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3168) {
animation-delay: 316.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3169) {
animation-delay: 316.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3170) {
animation-delay: 317s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3171) {
animation-delay: 317.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3172) {
animation-delay: 317.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3173) {
animation-delay: 317.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3174) {
animation-delay: 317.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3175) {
animation-delay: 317.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3176) {
animation-delay: 317.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3177) {
animation-delay: 317.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3178) {
animation-delay: 317.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3179) {
animation-delay: 317.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3180) {
animation-delay: 318s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3181) {
animation-delay: 318.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3182) {
animation-delay: 318.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3183) {
animation-delay: 318.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3184) {
animation-delay: 318.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3185) {
animation-delay: 318.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3186) {
animation-delay: 318.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3187) {
animation-delay: 318.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3188) {
animation-delay: 318.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3189) {
animation-delay: 318.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3190) {
animation-delay: 319s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3191) {
animation-delay: 319.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3192) {
animation-delay: 319.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3193) {
animation-delay: 319.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3194) {
animation-delay: 319.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3195) {
animation-delay: 319.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3196) {
animation-delay: 319.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3197) {
animation-delay: 319.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3198) {
animation-delay: 319.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3199) {
animation-delay: 319.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3200) {
animation-delay: 320s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3201) {
animation-delay: 320.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3202) {
animation-delay: 320.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3203) {
animation-delay: 320.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3204) {
animation-delay: 320.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3205) {
animation-delay: 320.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3206) {
animation-delay: 320.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3207) {
animation-delay: 320.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3208) {
animation-delay: 320.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3209) {
animation-delay: 320.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3210) {
animation-delay: 321s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3211) {
animation-delay: 321.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3212) {
animation-delay: 321.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3213) {
animation-delay: 321.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3214) {
animation-delay: 321.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3215) {
animation-delay: 321.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3216) {
animation-delay: 321.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3217) {
animation-delay: 321.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3218) {
animation-delay: 321.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3219) {
animation-delay: 321.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3220) {
animation-delay: 322s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3221) {
animation-delay: 322.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3222) {
animation-delay: 322.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3223) {
animation-delay: 322.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3224) {
animation-delay: 322.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3225) {
animation-delay: 322.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3226) {
animation-delay: 322.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3227) {
animation-delay: 322.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3228) {
animation-delay: 322.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3229) {
animation-delay: 322.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3230) {
animation-delay: 323s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3231) {
animation-delay: 323.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3232) {
animation-delay: 323.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3233) {
animation-delay: 323.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3234) {
animation-delay: 323.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3235) {
animation-delay: 323.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3236) {
animation-delay: 323.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3237) {
animation-delay: 323.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3238) {
animation-delay: 323.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3239) {
animation-delay: 323.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3240) {
animation-delay: 324s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3241) {
animation-delay: 324.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3242) {
animation-delay: 324.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3243) {
animation-delay: 324.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3244) {
animation-delay: 324.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3245) {
animation-delay: 324.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3246) {
animation-delay: 324.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3247) {
animation-delay: 324.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3248) {
animation-delay: 324.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3249) {
animation-delay: 324.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3250) {
animation-delay: 325s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3251) {
animation-delay: 325.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3252) {
animation-delay: 325.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3253) {
animation-delay: 325.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3254) {
animation-delay: 325.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3255) {
animation-delay: 325.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3256) {
animation-delay: 325.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3257) {
animation-delay: 325.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3258) {
animation-delay: 325.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3259) {
animation-delay: 325.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3260) {
animation-delay: 326s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3261) {
animation-delay: 326.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3262) {
animation-delay: 326.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3263) {
animation-delay: 326.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3264) {
animation-delay: 326.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3265) {
animation-delay: 326.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3266) {
animation-delay: 326.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3267) {
animation-delay: 326.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3268) {
animation-delay: 326.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3269) {
animation-delay: 326.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3270) {
animation-delay: 327s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3271) {
animation-delay: 327.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3272) {
animation-delay: 327.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3273) {
animation-delay: 327.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3274) {
animation-delay: 327.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3275) {
animation-delay: 327.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3276) {
animation-delay: 327.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3277) {
animation-delay: 327.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3278) {
animation-delay: 327.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3279) {
animation-delay: 327.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3280) {
animation-delay: 328s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3281) {
animation-delay: 328.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3282) {
animation-delay: 328.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3283) {
animation-delay: 328.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3284) {
animation-delay: 328.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3285) {
animation-delay: 328.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3286) {
animation-delay: 328.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3287) {
animation-delay: 328.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3288) {
animation-delay: 328.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3289) {
animation-delay: 328.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3290) {
animation-delay: 329s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3291) {
animation-delay: 329.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3292) {
animation-delay: 329.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3293) {
animation-delay: 329.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3294) {
animation-delay: 329.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3295) {
animation-delay: 329.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3296) {
animation-delay: 329.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3297) {
animation-delay: 329.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3298) {
animation-delay: 329.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3299) {
animation-delay: 329.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3300) {
animation-delay: 330s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3301) {
animation-delay: 330.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3302) {
animation-delay: 330.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3303) {
animation-delay: 330.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3304) {
animation-delay: 330.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3305) {
animation-delay: 330.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3306) {
animation-delay: 330.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3307) {
animation-delay: 330.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3308) {
animation-delay: 330.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3309) {
animation-delay: 330.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3310) {
animation-delay: 331s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3311) {
animation-delay: 331.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3312) {
animation-delay: 331.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3313) {
animation-delay: 331.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3314) {
animation-delay: 331.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3315) {
animation-delay: 331.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3316) {
animation-delay: 331.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3317) {
animation-delay: 331.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3318) {
animation-delay: 331.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3319) {
animation-delay: 331.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3320) {
animation-delay: 332s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3321) {
animation-delay: 332.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3322) {
animation-delay: 332.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3323) {
animation-delay: 332.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3324) {
animation-delay: 332.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3325) {
animation-delay: 332.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3326) {
animation-delay: 332.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3327) {
animation-delay: 332.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3328) {
animation-delay: 332.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3329) {
animation-delay: 332.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3330) {
animation-delay: 333s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3331) {
animation-delay: 333.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3332) {
animation-delay: 333.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3333) {
animation-delay: 333.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3334) {
animation-delay: 333.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3335) {
animation-delay: 333.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3336) {
animation-delay: 333.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3337) {
animation-delay: 333.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3338) {
animation-delay: 333.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3339) {
animation-delay: 333.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3340) {
animation-delay: 334s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3341) {
animation-delay: 334.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3342) {
animation-delay: 334.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3343) {
animation-delay: 334.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3344) {
animation-delay: 334.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3345) {
animation-delay: 334.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3346) {
animation-delay: 334.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3347) {
animation-delay: 334.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3348) {
animation-delay: 334.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3349) {
animation-delay: 334.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3350) {
animation-delay: 335s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3351) {
animation-delay: 335.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3352) {
animation-delay: 335.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3353) {
animation-delay: 335.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3354) {
animation-delay: 335.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3355) {
animation-delay: 335.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3356) {
animation-delay: 335.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3357) {
animation-delay: 335.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3358) {
animation-delay: 335.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3359) {
animation-delay: 335.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3360) {
animation-delay: 336s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3361) {
animation-delay: 336.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3362) {
animation-delay: 336.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3363) {
animation-delay: 336.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3364) {
animation-delay: 336.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3365) {
animation-delay: 336.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3366) {
animation-delay: 336.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3367) {
animation-delay: 336.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3368) {
animation-delay: 336.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3369) {
animation-delay: 336.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3370) {
animation-delay: 337s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3371) {
animation-delay: 337.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3372) {
animation-delay: 337.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3373) {
animation-delay: 337.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3374) {
animation-delay: 337.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3375) {
animation-delay: 337.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3376) {
animation-delay: 337.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3377) {
animation-delay: 337.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3378) {
animation-delay: 337.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3379) {
animation-delay: 337.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3380) {
animation-delay: 338s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3381) {
animation-delay: 338.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3382) {
animation-delay: 338.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3383) {
animation-delay: 338.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3384) {
animation-delay: 338.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3385) {
animation-delay: 338.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3386) {
animation-delay: 338.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3387) {
animation-delay: 338.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3388) {
animation-delay: 338.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3389) {
animation-delay: 338.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3390) {
animation-delay: 339s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3391) {
animation-delay: 339.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3392) {
animation-delay: 339.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3393) {
animation-delay: 339.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3394) {
animation-delay: 339.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3395) {
animation-delay: 339.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3396) {
animation-delay: 339.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3397) {
animation-delay: 339.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3398) {
animation-delay: 339.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3399) {
animation-delay: 339.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3400) {
animation-delay: 340s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3401) {
animation-delay: 340.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3402) {
animation-delay: 340.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3403) {
animation-delay: 340.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3404) {
animation-delay: 340.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3405) {
animation-delay: 340.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3406) {
animation-delay: 340.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3407) {
animation-delay: 340.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3408) {
animation-delay: 340.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3409) {
animation-delay: 340.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3410) {
animation-delay: 341s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3411) {
animation-delay: 341.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3412) {
animation-delay: 341.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3413) {
animation-delay: 341.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3414) {
animation-delay: 341.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3415) {
animation-delay: 341.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3416) {
animation-delay: 341.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3417) {
animation-delay: 341.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3418) {
animation-delay: 341.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3419) {
animation-delay: 341.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3420) {
animation-delay: 342s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3421) {
animation-delay: 342.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3422) {
animation-delay: 342.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3423) {
animation-delay: 342.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3424) {
animation-delay: 342.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3425) {
animation-delay: 342.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3426) {
animation-delay: 342.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3427) {
animation-delay: 342.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3428) {
animation-delay: 342.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3429) {
animation-delay: 342.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3430) {
animation-delay: 343s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3431) {
animation-delay: 343.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3432) {
animation-delay: 343.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3433) {
animation-delay: 343.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3434) {
animation-delay: 343.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3435) {
animation-delay: 343.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3436) {
animation-delay: 343.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3437) {
animation-delay: 343.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3438) {
animation-delay: 343.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3439) {
animation-delay: 343.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3440) {
animation-delay: 344s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3441) {
animation-delay: 344.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3442) {
animation-delay: 344.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3443) {
animation-delay: 344.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3444) {
animation-delay: 344.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3445) {
animation-delay: 344.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3446) {
animation-delay: 344.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3447) {
animation-delay: 344.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3448) {
animation-delay: 344.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3449) {
animation-delay: 344.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3450) {
animation-delay: 345s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3451) {
animation-delay: 345.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3452) {
animation-delay: 345.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3453) {
animation-delay: 345.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3454) {
animation-delay: 345.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3455) {
animation-delay: 345.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3456) {
animation-delay: 345.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3457) {
animation-delay: 345.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3458) {
animation-delay: 345.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3459) {
animation-delay: 345.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3460) {
animation-delay: 346s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3461) {
animation-delay: 346.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3462) {
animation-delay: 346.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3463) {
animation-delay: 346.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3464) {
animation-delay: 346.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3465) {
animation-delay: 346.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3466) {
animation-delay: 346.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3467) {
animation-delay: 346.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3468) {
animation-delay: 346.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3469) {
animation-delay: 346.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3470) {
animation-delay: 347s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3471) {
animation-delay: 347.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3472) {
animation-delay: 347.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3473) {
animation-delay: 347.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3474) {
animation-delay: 347.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3475) {
animation-delay: 347.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3476) {
animation-delay: 347.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3477) {
animation-delay: 347.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3478) {
animation-delay: 347.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3479) {
animation-delay: 347.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3480) {
animation-delay: 348s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3481) {
animation-delay: 348.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3482) {
animation-delay: 348.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3483) {
animation-delay: 348.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3484) {
animation-delay: 348.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3485) {
animation-delay: 348.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3486) {
animation-delay: 348.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3487) {
animation-delay: 348.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3488) {
animation-delay: 348.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3489) {
animation-delay: 348.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3490) {
animation-delay: 349s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3491) {
animation-delay: 349.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3492) {
animation-delay: 349.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3493) {
animation-delay: 349.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3494) {
animation-delay: 349.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3495) {
animation-delay: 349.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3496) {
animation-delay: 349.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3497) {
animation-delay: 349.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3498) {
animation-delay: 349.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3499) {
animation-delay: 349.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3500) {
animation-delay: 350s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3501) {
animation-delay: 350.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3502) {
animation-delay: 350.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3503) {
animation-delay: 350.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3504) {
animation-delay: 350.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3505) {
animation-delay: 350.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3506) {
animation-delay: 350.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3507) {
animation-delay: 350.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3508) {
animation-delay: 350.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3509) {
animation-delay: 350.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3510) {
animation-delay: 351s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3511) {
animation-delay: 351.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3512) {
animation-delay: 351.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3513) {
animation-delay: 351.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3514) {
animation-delay: 351.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3515) {
animation-delay: 351.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3516) {
animation-delay: 351.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3517) {
animation-delay: 351.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3518) {
animation-delay: 351.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3519) {
animation-delay: 351.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3520) {
animation-delay: 352s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3521) {
animation-delay: 352.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3522) {
animation-delay: 352.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3523) {
animation-delay: 352.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3524) {
animation-delay: 352.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3525) {
animation-delay: 352.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3526) {
animation-delay: 352.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3527) {
animation-delay: 352.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3528) {
animation-delay: 352.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3529) {
animation-delay: 352.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3530) {
animation-delay: 353s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3531) {
animation-delay: 353.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3532) {
animation-delay: 353.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3533) {
animation-delay: 353.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3534) {
animation-delay: 353.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3535) {
animation-delay: 353.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3536) {
animation-delay: 353.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3537) {
animation-delay: 353.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3538) {
animation-delay: 353.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3539) {
animation-delay: 353.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3540) {
animation-delay: 354s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3541) {
animation-delay: 354.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3542) {
animation-delay: 354.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3543) {
animation-delay: 354.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3544) {
animation-delay: 354.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3545) {
animation-delay: 354.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3546) {
animation-delay: 354.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3547) {
animation-delay: 354.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3548) {
animation-delay: 354.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3549) {
animation-delay: 354.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3550) {
animation-delay: 355s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3551) {
animation-delay: 355.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3552) {
animation-delay: 355.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3553) {
animation-delay: 355.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3554) {
animation-delay: 355.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3555) {
animation-delay: 355.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3556) {
animation-delay: 355.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3557) {
animation-delay: 355.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3558) {
animation-delay: 355.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3559) {
animation-delay: 355.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3560) {
animation-delay: 356s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3561) {
animation-delay: 356.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3562) {
animation-delay: 356.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3563) {
animation-delay: 356.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3564) {
animation-delay: 356.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3565) {
animation-delay: 356.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3566) {
animation-delay: 356.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3567) {
animation-delay: 356.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3568) {
animation-delay: 356.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3569) {
animation-delay: 356.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3570) {
animation-delay: 357s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3571) {
animation-delay: 357.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3572) {
animation-delay: 357.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3573) {
animation-delay: 357.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3574) {
animation-delay: 357.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3575) {
animation-delay: 357.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3576) {
animation-delay: 357.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3577) {
animation-delay: 357.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3578) {
animation-delay: 357.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3579) {
animation-delay: 357.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3580) {
animation-delay: 358s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3581) {
animation-delay: 358.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3582) {
animation-delay: 358.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3583) {
animation-delay: 358.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3584) {
animation-delay: 358.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3585) {
animation-delay: 358.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3586) {
animation-delay: 358.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3587) {
animation-delay: 358.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3588) {
animation-delay: 358.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3589) {
animation-delay: 358.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3590) {
animation-delay: 359s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3591) {
animation-delay: 359.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3592) {
animation-delay: 359.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3593) {
animation-delay: 359.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3594) {
animation-delay: 359.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3595) {
animation-delay: 359.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3596) {
animation-delay: 359.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3597) {
animation-delay: 359.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3598) {
animation-delay: 359.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3599) {
animation-delay: 359.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3600) {
animation-delay: 360s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3601) {
animation-delay: 360.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3602) {
animation-delay: 360.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3603) {
animation-delay: 360.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3604) {
animation-delay: 360.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3605) {
animation-delay: 360.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3606) {
animation-delay: 360.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3607) {
animation-delay: 360.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3608) {
animation-delay: 360.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3609) {
animation-delay: 360.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3610) {
animation-delay: 361s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3611) {
animation-delay: 361.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3612) {
animation-delay: 361.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3613) {
animation-delay: 361.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3614) {
animation-delay: 361.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3615) {
animation-delay: 361.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3616) {
animation-delay: 361.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3617) {
animation-delay: 361.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3618) {
animation-delay: 361.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3619) {
animation-delay: 361.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3620) {
animation-delay: 362s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3621) {
animation-delay: 362.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3622) {
animation-delay: 362.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3623) {
animation-delay: 362.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3624) {
animation-delay: 362.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3625) {
animation-delay: 362.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3626) {
animation-delay: 362.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3627) {
animation-delay: 362.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3628) {
animation-delay: 362.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3629) {
animation-delay: 362.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3630) {
animation-delay: 363s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3631) {
animation-delay: 363.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3632) {
animation-delay: 363.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3633) {
animation-delay: 363.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3634) {
animation-delay: 363.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3635) {
animation-delay: 363.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3636) {
animation-delay: 363.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3637) {
animation-delay: 363.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3638) {
animation-delay: 363.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3639) {
animation-delay: 363.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3640) {
animation-delay: 364s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3641) {
animation-delay: 364.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3642) {
animation-delay: 364.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3643) {
animation-delay: 364.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3644) {
animation-delay: 364.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3645) {
animation-delay: 364.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3646) {
animation-delay: 364.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3647) {
animation-delay: 364.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3648) {
animation-delay: 364.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3649) {
animation-delay: 364.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3650) {
animation-delay: 365s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3651) {
animation-delay: 365.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3652) {
animation-delay: 365.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3653) {
animation-delay: 365.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3654) {
animation-delay: 365.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3655) {
animation-delay: 365.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3656) {
animation-delay: 365.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3657) {
animation-delay: 365.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3658) {
animation-delay: 365.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3659) {
animation-delay: 365.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3660) {
animation-delay: 366s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3661) {
animation-delay: 366.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3662) {
animation-delay: 366.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3663) {
animation-delay: 366.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3664) {
animation-delay: 366.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3665) {
animation-delay: 366.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3666) {
animation-delay: 366.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3667) {
animation-delay: 366.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3668) {
animation-delay: 366.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3669) {
animation-delay: 366.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3670) {
animation-delay: 367s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3671) {
animation-delay: 367.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3672) {
animation-delay: 367.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3673) {
animation-delay: 367.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3674) {
animation-delay: 367.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3675) {
animation-delay: 367.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3676) {
animation-delay: 367.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3677) {
animation-delay: 367.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3678) {
animation-delay: 367.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3679) {
animation-delay: 367.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3680) {
animation-delay: 368s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3681) {
animation-delay: 368.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3682) {
animation-delay: 368.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3683) {
animation-delay: 368.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3684) {
animation-delay: 368.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3685) {
animation-delay: 368.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3686) {
animation-delay: 368.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3687) {
animation-delay: 368.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3688) {
animation-delay: 368.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3689) {
animation-delay: 368.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3690) {
animation-delay: 369s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3691) {
animation-delay: 369.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3692) {
animation-delay: 369.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3693) {
animation-delay: 369.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3694) {
animation-delay: 369.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3695) {
animation-delay: 369.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3696) {
animation-delay: 369.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3697) {
animation-delay: 369.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3698) {
animation-delay: 369.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3699) {
animation-delay: 369.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3700) {
animation-delay: 370s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3701) {
animation-delay: 370.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3702) {
animation-delay: 370.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3703) {
animation-delay: 370.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3704) {
animation-delay: 370.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3705) {
animation-delay: 370.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3706) {
animation-delay: 370.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3707) {
animation-delay: 370.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3708) {
animation-delay: 370.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3709) {
animation-delay: 370.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3710) {
animation-delay: 371s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3711) {
animation-delay: 371.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3712) {
animation-delay: 371.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3713) {
animation-delay: 371.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3714) {
animation-delay: 371.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3715) {
animation-delay: 371.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3716) {
animation-delay: 371.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3717) {
animation-delay: 371.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3718) {
animation-delay: 371.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3719) {
animation-delay: 371.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3720) {
animation-delay: 372s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3721) {
animation-delay: 372.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3722) {
animation-delay: 372.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3723) {
animation-delay: 372.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3724) {
animation-delay: 372.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3725) {
animation-delay: 372.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3726) {
animation-delay: 372.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3727) {
animation-delay: 372.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3728) {
animation-delay: 372.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3729) {
animation-delay: 372.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3730) {
animation-delay: 373s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3731) {
animation-delay: 373.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3732) {
animation-delay: 373.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3733) {
animation-delay: 373.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3734) {
animation-delay: 373.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3735) {
animation-delay: 373.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3736) {
animation-delay: 373.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3737) {
animation-delay: 373.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3738) {
animation-delay: 373.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3739) {
animation-delay: 373.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3740) {
animation-delay: 374s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3741) {
animation-delay: 374.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3742) {
animation-delay: 374.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3743) {
animation-delay: 374.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3744) {
animation-delay: 374.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3745) {
animation-delay: 374.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3746) {
animation-delay: 374.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3747) {
animation-delay: 374.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3748) {
animation-delay: 374.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3749) {
animation-delay: 374.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3750) {
animation-delay: 375s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3751) {
animation-delay: 375.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3752) {
animation-delay: 375.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3753) {
animation-delay: 375.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3754) {
animation-delay: 375.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3755) {
animation-delay: 375.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3756) {
animation-delay: 375.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3757) {
animation-delay: 375.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3758) {
animation-delay: 375.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3759) {
animation-delay: 375.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3760) {
animation-delay: 376s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3761) {
animation-delay: 376.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3762) {
animation-delay: 376.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3763) {
animation-delay: 376.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3764) {
animation-delay: 376.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3765) {
animation-delay: 376.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3766) {
animation-delay: 376.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3767) {
animation-delay: 376.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3768) {
animation-delay: 376.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3769) {
animation-delay: 376.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3770) {
animation-delay: 377s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3771) {
animation-delay: 377.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3772) {
animation-delay: 377.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3773) {
animation-delay: 377.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3774) {
animation-delay: 377.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3775) {
animation-delay: 377.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3776) {
animation-delay: 377.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3777) {
animation-delay: 377.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3778) {
animation-delay: 377.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3779) {
animation-delay: 377.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3780) {
animation-delay: 378s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3781) {
animation-delay: 378.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3782) {
animation-delay: 378.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3783) {
animation-delay: 378.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3784) {
animation-delay: 378.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3785) {
animation-delay: 378.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3786) {
animation-delay: 378.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3787) {
animation-delay: 378.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3788) {
animation-delay: 378.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3789) {
animation-delay: 378.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3790) {
animation-delay: 379s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3791) {
animation-delay: 379.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3792) {
animation-delay: 379.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3793) {
animation-delay: 379.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3794) {
animation-delay: 379.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3795) {
animation-delay: 379.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3796) {
animation-delay: 379.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3797) {
animation-delay: 379.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3798) {
animation-delay: 379.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3799) {
animation-delay: 379.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3800) {
animation-delay: 380s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3801) {
animation-delay: 380.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3802) {
animation-delay: 380.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3803) {
animation-delay: 380.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3804) {
animation-delay: 380.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3805) {
animation-delay: 380.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3806) {
animation-delay: 380.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3807) {
animation-delay: 380.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3808) {
animation-delay: 380.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3809) {
animation-delay: 380.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3810) {
animation-delay: 381s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3811) {
animation-delay: 381.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3812) {
animation-delay: 381.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3813) {
animation-delay: 381.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3814) {
animation-delay: 381.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3815) {
animation-delay: 381.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3816) {
animation-delay: 381.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3817) {
animation-delay: 381.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3818) {
animation-delay: 381.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3819) {
animation-delay: 381.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3820) {
animation-delay: 382s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3821) {
animation-delay: 382.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3822) {
animation-delay: 382.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3823) {
animation-delay: 382.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3824) {
animation-delay: 382.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3825) {
animation-delay: 382.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3826) {
animation-delay: 382.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3827) {
animation-delay: 382.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3828) {
animation-delay: 382.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3829) {
animation-delay: 382.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3830) {
animation-delay: 383s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3831) {
animation-delay: 383.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3832) {
animation-delay: 383.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3833) {
animation-delay: 383.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3834) {
animation-delay: 383.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3835) {
animation-delay: 383.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3836) {
animation-delay: 383.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3837) {
animation-delay: 383.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3838) {
animation-delay: 383.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3839) {
animation-delay: 383.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3840) {
animation-delay: 384s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3841) {
animation-delay: 384.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3842) {
animation-delay: 384.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3843) {
animation-delay: 384.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3844) {
animation-delay: 384.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3845) {
animation-delay: 384.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3846) {
animation-delay: 384.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3847) {
animation-delay: 384.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3848) {
animation-delay: 384.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3849) {
animation-delay: 384.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3850) {
animation-delay: 385s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3851) {
animation-delay: 385.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3852) {
animation-delay: 385.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3853) {
animation-delay: 385.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3854) {
animation-delay: 385.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3855) {
animation-delay: 385.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3856) {
animation-delay: 385.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3857) {
animation-delay: 385.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3858) {
animation-delay: 385.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3859) {
animation-delay: 385.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3860) {
animation-delay: 386s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3861) {
animation-delay: 386.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3862) {
animation-delay: 386.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3863) {
animation-delay: 386.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3864) {
animation-delay: 386.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3865) {
animation-delay: 386.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3866) {
animation-delay: 386.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3867) {
animation-delay: 386.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3868) {
animation-delay: 386.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3869) {
animation-delay: 386.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3870) {
animation-delay: 387s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3871) {
animation-delay: 387.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3872) {
animation-delay: 387.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3873) {
animation-delay: 387.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3874) {
animation-delay: 387.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3875) {
animation-delay: 387.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3876) {
animation-delay: 387.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3877) {
animation-delay: 387.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3878) {
animation-delay: 387.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3879) {
animation-delay: 387.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3880) {
animation-delay: 388s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3881) {
animation-delay: 388.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3882) {
animation-delay: 388.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3883) {
animation-delay: 388.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3884) {
animation-delay: 388.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3885) {
animation-delay: 388.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3886) {
animation-delay: 388.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3887) {
animation-delay: 388.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3888) {
animation-delay: 388.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3889) {
animation-delay: 388.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3890) {
animation-delay: 389s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3891) {
animation-delay: 389.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3892) {
animation-delay: 389.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3893) {
animation-delay: 389.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3894) {
animation-delay: 389.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3895) {
animation-delay: 389.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3896) {
animation-delay: 389.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3897) {
animation-delay: 389.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3898) {
animation-delay: 389.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3899) {
animation-delay: 389.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3900) {
animation-delay: 390s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3901) {
animation-delay: 390.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3902) {
animation-delay: 390.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3903) {
animation-delay: 390.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3904) {
animation-delay: 390.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3905) {
animation-delay: 390.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3906) {
animation-delay: 390.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3907) {
animation-delay: 390.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3908) {
animation-delay: 390.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3909) {
animation-delay: 390.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3910) {
animation-delay: 391s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3911) {
animation-delay: 391.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3912) {
animation-delay: 391.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3913) {
animation-delay: 391.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3914) {
animation-delay: 391.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3915) {
animation-delay: 391.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3916) {
animation-delay: 391.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3917) {
animation-delay: 391.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3918) {
animation-delay: 391.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3919) {
animation-delay: 391.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3920) {
animation-delay: 392s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3921) {
animation-delay: 392.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3922) {
animation-delay: 392.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3923) {
animation-delay: 392.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3924) {
animation-delay: 392.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3925) {
animation-delay: 392.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3926) {
animation-delay: 392.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3927) {
animation-delay: 392.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3928) {
animation-delay: 392.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3929) {
animation-delay: 392.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3930) {
animation-delay: 393s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3931) {
animation-delay: 393.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3932) {
animation-delay: 393.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3933) {
animation-delay: 393.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3934) {
animation-delay: 393.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3935) {
animation-delay: 393.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3936) {
animation-delay: 393.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3937) {
animation-delay: 393.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3938) {
animation-delay: 393.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3939) {
animation-delay: 393.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3940) {
animation-delay: 394s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3941) {
animation-delay: 394.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3942) {
animation-delay: 394.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3943) {
animation-delay: 394.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3944) {
animation-delay: 394.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3945) {
animation-delay: 394.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3946) {
animation-delay: 394.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3947) {
animation-delay: 394.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3948) {
animation-delay: 394.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3949) {
animation-delay: 394.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3950) {
animation-delay: 395s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3951) {
animation-delay: 395.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3952) {
animation-delay: 395.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3953) {
animation-delay: 395.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3954) {
animation-delay: 395.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3955) {
animation-delay: 395.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3956) {
animation-delay: 395.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3957) {
animation-delay: 395.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3958) {
animation-delay: 395.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3959) {
animation-delay: 395.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3960) {
animation-delay: 396s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3961) {
animation-delay: 396.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3962) {
animation-delay: 396.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3963) {
animation-delay: 396.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3964) {
animation-delay: 396.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3965) {
animation-delay: 396.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3966) {
animation-delay: 396.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3967) {
animation-delay: 396.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3968) {
animation-delay: 396.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3969) {
animation-delay: 396.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3970) {
animation-delay: 397s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3971) {
animation-delay: 397.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3972) {
animation-delay: 397.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3973) {
animation-delay: 397.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3974) {
animation-delay: 397.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3975) {
animation-delay: 397.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3976) {
animation-delay: 397.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3977) {
animation-delay: 397.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3978) {
animation-delay: 397.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3979) {
animation-delay: 397.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3980) {
animation-delay: 398s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3981) {
animation-delay: 398.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3982) {
animation-delay: 398.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3983) {
animation-delay: 398.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3984) {
animation-delay: 398.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3985) {
animation-delay: 398.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3986) {
animation-delay: 398.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3987) {
animation-delay: 398.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3988) {
animation-delay: 398.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3989) {
animation-delay: 398.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3990) {
animation-delay: 399s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3991) {
animation-delay: 399.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3992) {
animation-delay: 399.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3993) {
animation-delay: 399.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3994) {
animation-delay: 399.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3995) {
animation-delay: 399.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3996) {
animation-delay: 399.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3997) {
animation-delay: 399.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3998) {
animation-delay: 399.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(3999) {
animation-delay: 399.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4000) {
animation-delay: 400s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4001) {
animation-delay: 400.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4002) {
animation-delay: 400.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4003) {
animation-delay: 400.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4004) {
animation-delay: 400.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4005) {
animation-delay: 400.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4006) {
animation-delay: 400.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4007) {
animation-delay: 400.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4008) {
animation-delay: 400.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4009) {
animation-delay: 400.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4010) {
animation-delay: 401s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4011) {
animation-delay: 401.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4012) {
animation-delay: 401.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4013) {
animation-delay: 401.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4014) {
animation-delay: 401.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4015) {
animation-delay: 401.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4016) {
animation-delay: 401.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4017) {
animation-delay: 401.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4018) {
animation-delay: 401.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4019) {
animation-delay: 401.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4020) {
animation-delay: 402s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4021) {
animation-delay: 402.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4022) {
animation-delay: 402.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4023) {
animation-delay: 402.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4024) {
animation-delay: 402.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4025) {
animation-delay: 402.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4026) {
animation-delay: 402.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4027) {
animation-delay: 402.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4028) {
animation-delay: 402.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4029) {
animation-delay: 402.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4030) {
animation-delay: 403s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4031) {
animation-delay: 403.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4032) {
animation-delay: 403.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4033) {
animation-delay: 403.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4034) {
animation-delay: 403.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4035) {
animation-delay: 403.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4036) {
animation-delay: 403.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4037) {
animation-delay: 403.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4038) {
animation-delay: 403.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4039) {
animation-delay: 403.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4040) {
animation-delay: 404s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4041) {
animation-delay: 404.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4042) {
animation-delay: 404.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4043) {
animation-delay: 404.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4044) {
animation-delay: 404.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4045) {
animation-delay: 404.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4046) {
animation-delay: 404.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4047) {
animation-delay: 404.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4048) {
animation-delay: 404.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4049) {
animation-delay: 404.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4050) {
animation-delay: 405s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4051) {
animation-delay: 405.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4052) {
animation-delay: 405.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4053) {
animation-delay: 405.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4054) {
animation-delay: 405.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4055) {
animation-delay: 405.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4056) {
animation-delay: 405.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4057) {
animation-delay: 405.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4058) {
animation-delay: 405.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4059) {
animation-delay: 405.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4060) {
animation-delay: 406s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4061) {
animation-delay: 406.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4062) {
animation-delay: 406.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4063) {
animation-delay: 406.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4064) {
animation-delay: 406.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4065) {
animation-delay: 406.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4066) {
animation-delay: 406.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4067) {
animation-delay: 406.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4068) {
animation-delay: 406.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4069) {
animation-delay: 406.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4070) {
animation-delay: 407s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4071) {
animation-delay: 407.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4072) {
animation-delay: 407.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4073) {
animation-delay: 407.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4074) {
animation-delay: 407.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4075) {
animation-delay: 407.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4076) {
animation-delay: 407.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4077) {
animation-delay: 407.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4078) {
animation-delay: 407.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4079) {
animation-delay: 407.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4080) {
animation-delay: 408s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4081) {
animation-delay: 408.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4082) {
animation-delay: 408.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4083) {
animation-delay: 408.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4084) {
animation-delay: 408.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4085) {
animation-delay: 408.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4086) {
animation-delay: 408.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4087) {
animation-delay: 408.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4088) {
animation-delay: 408.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4089) {
animation-delay: 408.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4090) {
animation-delay: 409s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4091) {
animation-delay: 409.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4092) {
animation-delay: 409.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4093) {
animation-delay: 409.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4094) {
animation-delay: 409.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4095) {
animation-delay: 409.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4096) {
animation-delay: 409.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4097) {
animation-delay: 409.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4098) {
animation-delay: 409.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4099) {
animation-delay: 409.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4100) {
animation-delay: 410s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4101) {
animation-delay: 410.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4102) {
animation-delay: 410.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4103) {
animation-delay: 410.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4104) {
animation-delay: 410.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4105) {
animation-delay: 410.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4106) {
animation-delay: 410.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4107) {
animation-delay: 410.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4108) {
animation-delay: 410.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4109) {
animation-delay: 410.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4110) {
animation-delay: 411s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4111) {
animation-delay: 411.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4112) {
animation-delay: 411.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4113) {
animation-delay: 411.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4114) {
animation-delay: 411.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4115) {
animation-delay: 411.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4116) {
animation-delay: 411.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4117) {
animation-delay: 411.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4118) {
animation-delay: 411.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4119) {
animation-delay: 411.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4120) {
animation-delay: 412s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4121) {
animation-delay: 412.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4122) {
animation-delay: 412.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4123) {
animation-delay: 412.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4124) {
animation-delay: 412.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4125) {
animation-delay: 412.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4126) {
animation-delay: 412.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4127) {
animation-delay: 412.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4128) {
animation-delay: 412.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4129) {
animation-delay: 412.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4130) {
animation-delay: 413s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4131) {
animation-delay: 413.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4132) {
animation-delay: 413.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4133) {
animation-delay: 413.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4134) {
animation-delay: 413.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4135) {
animation-delay: 413.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4136) {
animation-delay: 413.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4137) {
animation-delay: 413.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4138) {
animation-delay: 413.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4139) {
animation-delay: 413.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4140) {
animation-delay: 414s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4141) {
animation-delay: 414.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4142) {
animation-delay: 414.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4143) {
animation-delay: 414.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4144) {
animation-delay: 414.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4145) {
animation-delay: 414.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4146) {
animation-delay: 414.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4147) {
animation-delay: 414.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4148) {
animation-delay: 414.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4149) {
animation-delay: 414.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4150) {
animation-delay: 415s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4151) {
animation-delay: 415.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4152) {
animation-delay: 415.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4153) {
animation-delay: 415.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4154) {
animation-delay: 415.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4155) {
animation-delay: 415.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4156) {
animation-delay: 415.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4157) {
animation-delay: 415.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4158) {
animation-delay: 415.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4159) {
animation-delay: 415.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4160) {
animation-delay: 416s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4161) {
animation-delay: 416.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4162) {
animation-delay: 416.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4163) {
animation-delay: 416.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4164) {
animation-delay: 416.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4165) {
animation-delay: 416.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4166) {
animation-delay: 416.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4167) {
animation-delay: 416.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4168) {
animation-delay: 416.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4169) {
animation-delay: 416.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4170) {
animation-delay: 417s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4171) {
animation-delay: 417.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4172) {
animation-delay: 417.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4173) {
animation-delay: 417.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4174) {
animation-delay: 417.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4175) {
animation-delay: 417.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4176) {
animation-delay: 417.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4177) {
animation-delay: 417.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4178) {
animation-delay: 417.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4179) {
animation-delay: 417.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4180) {
animation-delay: 418s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4181) {
animation-delay: 418.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4182) {
animation-delay: 418.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4183) {
animation-delay: 418.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4184) {
animation-delay: 418.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4185) {
animation-delay: 418.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4186) {
animation-delay: 418.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4187) {
animation-delay: 418.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4188) {
animation-delay: 418.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4189) {
animation-delay: 418.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4190) {
animation-delay: 419s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4191) {
animation-delay: 419.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4192) {
animation-delay: 419.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4193) {
animation-delay: 419.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4194) {
animation-delay: 419.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4195) {
animation-delay: 419.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4196) {
animation-delay: 419.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4197) {
animation-delay: 419.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4198) {
animation-delay: 419.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4199) {
animation-delay: 419.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4200) {
animation-delay: 420s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4201) {
animation-delay: 420.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4202) {
animation-delay: 420.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4203) {
animation-delay: 420.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4204) {
animation-delay: 420.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4205) {
animation-delay: 420.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4206) {
animation-delay: 420.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4207) {
animation-delay: 420.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4208) {
animation-delay: 420.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4209) {
animation-delay: 420.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4210) {
animation-delay: 421s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4211) {
animation-delay: 421.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4212) {
animation-delay: 421.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4213) {
animation-delay: 421.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4214) {
animation-delay: 421.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4215) {
animation-delay: 421.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4216) {
animation-delay: 421.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4217) {
animation-delay: 421.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4218) {
animation-delay: 421.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4219) {
animation-delay: 421.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4220) {
animation-delay: 422s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4221) {
animation-delay: 422.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4222) {
animation-delay: 422.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4223) {
animation-delay: 422.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4224) {
animation-delay: 422.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4225) {
animation-delay: 422.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4226) {
animation-delay: 422.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4227) {
animation-delay: 422.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4228) {
animation-delay: 422.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4229) {
animation-delay: 422.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4230) {
animation-delay: 423s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4231) {
animation-delay: 423.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4232) {
animation-delay: 423.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4233) {
animation-delay: 423.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4234) {
animation-delay: 423.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4235) {
animation-delay: 423.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4236) {
animation-delay: 423.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4237) {
animation-delay: 423.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4238) {
animation-delay: 423.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4239) {
animation-delay: 423.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4240) {
animation-delay: 424s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4241) {
animation-delay: 424.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4242) {
animation-delay: 424.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4243) {
animation-delay: 424.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4244) {
animation-delay: 424.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4245) {
animation-delay: 424.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4246) {
animation-delay: 424.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4247) {
animation-delay: 424.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4248) {
animation-delay: 424.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4249) {
animation-delay: 424.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4250) {
animation-delay: 425s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4251) {
animation-delay: 425.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4252) {
animation-delay: 425.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4253) {
animation-delay: 425.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4254) {
animation-delay: 425.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4255) {
animation-delay: 425.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4256) {
animation-delay: 425.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4257) {
animation-delay: 425.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4258) {
animation-delay: 425.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4259) {
animation-delay: 425.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4260) {
animation-delay: 426s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4261) {
animation-delay: 426.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4262) {
animation-delay: 426.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4263) {
animation-delay: 426.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4264) {
animation-delay: 426.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4265) {
animation-delay: 426.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4266) {
animation-delay: 426.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4267) {
animation-delay: 426.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4268) {
animation-delay: 426.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4269) {
animation-delay: 426.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4270) {
animation-delay: 427s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4271) {
animation-delay: 427.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4272) {
animation-delay: 427.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4273) {
animation-delay: 427.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4274) {
animation-delay: 427.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4275) {
animation-delay: 427.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4276) {
animation-delay: 427.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4277) {
animation-delay: 427.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4278) {
animation-delay: 427.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4279) {
animation-delay: 427.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4280) {
animation-delay: 428s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4281) {
animation-delay: 428.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4282) {
animation-delay: 428.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4283) {
animation-delay: 428.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4284) {
animation-delay: 428.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4285) {
animation-delay: 428.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4286) {
animation-delay: 428.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4287) {
animation-delay: 428.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4288) {
animation-delay: 428.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4289) {
animation-delay: 428.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4290) {
animation-delay: 429s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4291) {
animation-delay: 429.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4292) {
animation-delay: 429.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4293) {
animation-delay: 429.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4294) {
animation-delay: 429.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4295) {
animation-delay: 429.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4296) {
animation-delay: 429.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4297) {
animation-delay: 429.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4298) {
animation-delay: 429.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4299) {
animation-delay: 429.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4300) {
animation-delay: 430s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4301) {
animation-delay: 430.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4302) {
animation-delay: 430.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4303) {
animation-delay: 430.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4304) {
animation-delay: 430.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4305) {
animation-delay: 430.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4306) {
animation-delay: 430.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4307) {
animation-delay: 430.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4308) {
animation-delay: 430.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4309) {
animation-delay: 430.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4310) {
animation-delay: 431s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4311) {
animation-delay: 431.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4312) {
animation-delay: 431.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4313) {
animation-delay: 431.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4314) {
animation-delay: 431.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4315) {
animation-delay: 431.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4316) {
animation-delay: 431.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4317) {
animation-delay: 431.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4318) {
animation-delay: 431.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4319) {
animation-delay: 431.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4320) {
animation-delay: 432s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4321) {
animation-delay: 432.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4322) {
animation-delay: 432.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4323) {
animation-delay: 432.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4324) {
animation-delay: 432.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4325) {
animation-delay: 432.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4326) {
animation-delay: 432.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4327) {
animation-delay: 432.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4328) {
animation-delay: 432.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4329) {
animation-delay: 432.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4330) {
animation-delay: 433s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4331) {
animation-delay: 433.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4332) {
animation-delay: 433.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4333) {
animation-delay: 433.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4334) {
animation-delay: 433.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4335) {
animation-delay: 433.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4336) {
animation-delay: 433.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4337) {
animation-delay: 433.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4338) {
animation-delay: 433.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4339) {
animation-delay: 433.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4340) {
animation-delay: 434s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4341) {
animation-delay: 434.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4342) {
animation-delay: 434.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4343) {
animation-delay: 434.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4344) {
animation-delay: 434.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4345) {
animation-delay: 434.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4346) {
animation-delay: 434.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4347) {
animation-delay: 434.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4348) {
animation-delay: 434.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4349) {
animation-delay: 434.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4350) {
animation-delay: 435s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4351) {
animation-delay: 435.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4352) {
animation-delay: 435.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4353) {
animation-delay: 435.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4354) {
animation-delay: 435.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4355) {
animation-delay: 435.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4356) {
animation-delay: 435.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4357) {
animation-delay: 435.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4358) {
animation-delay: 435.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4359) {
animation-delay: 435.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4360) {
animation-delay: 436s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4361) {
animation-delay: 436.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4362) {
animation-delay: 436.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4363) {
animation-delay: 436.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4364) {
animation-delay: 436.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4365) {
animation-delay: 436.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4366) {
animation-delay: 436.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4367) {
animation-delay: 436.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4368) {
animation-delay: 436.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4369) {
animation-delay: 436.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4370) {
animation-delay: 437s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4371) {
animation-delay: 437.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4372) {
animation-delay: 437.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4373) {
animation-delay: 437.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4374) {
animation-delay: 437.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4375) {
animation-delay: 437.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4376) {
animation-delay: 437.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4377) {
animation-delay: 437.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4378) {
animation-delay: 437.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4379) {
animation-delay: 437.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4380) {
animation-delay: 438s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4381) {
animation-delay: 438.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4382) {
animation-delay: 438.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4383) {
animation-delay: 438.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4384) {
animation-delay: 438.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4385) {
animation-delay: 438.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4386) {
animation-delay: 438.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4387) {
animation-delay: 438.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4388) {
animation-delay: 438.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4389) {
animation-delay: 438.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4390) {
animation-delay: 439s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4391) {
animation-delay: 439.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4392) {
animation-delay: 439.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4393) {
animation-delay: 439.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4394) {
animation-delay: 439.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4395) {
animation-delay: 439.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4396) {
animation-delay: 439.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4397) {
animation-delay: 439.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4398) {
animation-delay: 439.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4399) {
animation-delay: 439.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4400) {
animation-delay: 440s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4401) {
animation-delay: 440.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4402) {
animation-delay: 440.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4403) {
animation-delay: 440.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4404) {
animation-delay: 440.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4405) {
animation-delay: 440.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4406) {
animation-delay: 440.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4407) {
animation-delay: 440.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4408) {
animation-delay: 440.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4409) {
animation-delay: 440.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4410) {
animation-delay: 441s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4411) {
animation-delay: 441.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4412) {
animation-delay: 441.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4413) {
animation-delay: 441.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4414) {
animation-delay: 441.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4415) {
animation-delay: 441.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4416) {
animation-delay: 441.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4417) {
animation-delay: 441.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4418) {
animation-delay: 441.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4419) {
animation-delay: 441.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4420) {
animation-delay: 442s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4421) {
animation-delay: 442.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4422) {
animation-delay: 442.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4423) {
animation-delay: 442.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4424) {
animation-delay: 442.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4425) {
animation-delay: 442.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4426) {
animation-delay: 442.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4427) {
animation-delay: 442.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4428) {
animation-delay: 442.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4429) {
animation-delay: 442.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4430) {
animation-delay: 443s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4431) {
animation-delay: 443.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4432) {
animation-delay: 443.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4433) {
animation-delay: 443.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4434) {
animation-delay: 443.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4435) {
animation-delay: 443.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4436) {
animation-delay: 443.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4437) {
animation-delay: 443.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4438) {
animation-delay: 443.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4439) {
animation-delay: 443.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4440) {
animation-delay: 444s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4441) {
animation-delay: 444.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4442) {
animation-delay: 444.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4443) {
animation-delay: 444.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4444) {
animation-delay: 444.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4445) {
animation-delay: 444.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4446) {
animation-delay: 444.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4447) {
animation-delay: 444.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4448) {
animation-delay: 444.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4449) {
animation-delay: 444.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4450) {
animation-delay: 445s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4451) {
animation-delay: 445.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4452) {
animation-delay: 445.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4453) {
animation-delay: 445.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4454) {
animation-delay: 445.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4455) {
animation-delay: 445.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4456) {
animation-delay: 445.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4457) {
animation-delay: 445.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4458) {
animation-delay: 445.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4459) {
animation-delay: 445.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4460) {
animation-delay: 446s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4461) {
animation-delay: 446.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4462) {
animation-delay: 446.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4463) {
animation-delay: 446.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4464) {
animation-delay: 446.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4465) {
animation-delay: 446.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4466) {
animation-delay: 446.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4467) {
animation-delay: 446.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4468) {
animation-delay: 446.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4469) {
animation-delay: 446.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4470) {
animation-delay: 447s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4471) {
animation-delay: 447.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4472) {
animation-delay: 447.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4473) {
animation-delay: 447.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4474) {
animation-delay: 447.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4475) {
animation-delay: 447.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4476) {
animation-delay: 447.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4477) {
animation-delay: 447.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4478) {
animation-delay: 447.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4479) {
animation-delay: 447.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4480) {
animation-delay: 448s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4481) {
animation-delay: 448.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4482) {
animation-delay: 448.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4483) {
animation-delay: 448.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4484) {
animation-delay: 448.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4485) {
animation-delay: 448.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4486) {
animation-delay: 448.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4487) {
animation-delay: 448.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4488) {
animation-delay: 448.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4489) {
animation-delay: 448.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4490) {
animation-delay: 449s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4491) {
animation-delay: 449.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4492) {
animation-delay: 449.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4493) {
animation-delay: 449.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4494) {
animation-delay: 449.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4495) {
animation-delay: 449.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4496) {
animation-delay: 449.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4497) {
animation-delay: 449.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4498) {
animation-delay: 449.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4499) {
animation-delay: 449.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4500) {
animation-delay: 450s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4501) {
animation-delay: 450.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4502) {
animation-delay: 450.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4503) {
animation-delay: 450.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4504) {
animation-delay: 450.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4505) {
animation-delay: 450.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4506) {
animation-delay: 450.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4507) {
animation-delay: 450.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4508) {
animation-delay: 450.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4509) {
animation-delay: 450.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4510) {
animation-delay: 451s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4511) {
animation-delay: 451.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4512) {
animation-delay: 451.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4513) {
animation-delay: 451.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4514) {
animation-delay: 451.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4515) {
animation-delay: 451.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4516) {
animation-delay: 451.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4517) {
animation-delay: 451.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4518) {
animation-delay: 451.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4519) {
animation-delay: 451.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4520) {
animation-delay: 452s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4521) {
animation-delay: 452.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4522) {
animation-delay: 452.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4523) {
animation-delay: 452.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4524) {
animation-delay: 452.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4525) {
animation-delay: 452.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4526) {
animation-delay: 452.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4527) {
animation-delay: 452.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4528) {
animation-delay: 452.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4529) {
animation-delay: 452.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4530) {
animation-delay: 453s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4531) {
animation-delay: 453.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4532) {
animation-delay: 453.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4533) {
animation-delay: 453.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4534) {
animation-delay: 453.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4535) {
animation-delay: 453.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4536) {
animation-delay: 453.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4537) {
animation-delay: 453.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4538) {
animation-delay: 453.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4539) {
animation-delay: 453.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4540) {
animation-delay: 454s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4541) {
animation-delay: 454.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4542) {
animation-delay: 454.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4543) {
animation-delay: 454.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4544) {
animation-delay: 454.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4545) {
animation-delay: 454.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4546) {
animation-delay: 454.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4547) {
animation-delay: 454.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4548) {
animation-delay: 454.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4549) {
animation-delay: 454.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4550) {
animation-delay: 455s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4551) {
animation-delay: 455.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4552) {
animation-delay: 455.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4553) {
animation-delay: 455.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4554) {
animation-delay: 455.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4555) {
animation-delay: 455.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4556) {
animation-delay: 455.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4557) {
animation-delay: 455.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4558) {
animation-delay: 455.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4559) {
animation-delay: 455.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4560) {
animation-delay: 456s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4561) {
animation-delay: 456.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4562) {
animation-delay: 456.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4563) {
animation-delay: 456.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4564) {
animation-delay: 456.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4565) {
animation-delay: 456.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4566) {
animation-delay: 456.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4567) {
animation-delay: 456.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4568) {
animation-delay: 456.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4569) {
animation-delay: 456.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4570) {
animation-delay: 457s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4571) {
animation-delay: 457.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4572) {
animation-delay: 457.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4573) {
animation-delay: 457.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4574) {
animation-delay: 457.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4575) {
animation-delay: 457.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4576) {
animation-delay: 457.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4577) {
animation-delay: 457.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4578) {
animation-delay: 457.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4579) {
animation-delay: 457.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4580) {
animation-delay: 458s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4581) {
animation-delay: 458.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4582) {
animation-delay: 458.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4583) {
animation-delay: 458.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4584) {
animation-delay: 458.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4585) {
animation-delay: 458.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4586) {
animation-delay: 458.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4587) {
animation-delay: 458.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4588) {
animation-delay: 458.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4589) {
animation-delay: 458.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4590) {
animation-delay: 459s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4591) {
animation-delay: 459.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4592) {
animation-delay: 459.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4593) {
animation-delay: 459.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4594) {
animation-delay: 459.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4595) {
animation-delay: 459.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4596) {
animation-delay: 459.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4597) {
animation-delay: 459.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4598) {
animation-delay: 459.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4599) {
animation-delay: 459.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4600) {
animation-delay: 460s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4601) {
animation-delay: 460.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4602) {
animation-delay: 460.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4603) {
animation-delay: 460.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4604) {
animation-delay: 460.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4605) {
animation-delay: 460.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4606) {
animation-delay: 460.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4607) {
animation-delay: 460.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4608) {
animation-delay: 460.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4609) {
animation-delay: 460.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4610) {
animation-delay: 461s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4611) {
animation-delay: 461.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4612) {
animation-delay: 461.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4613) {
animation-delay: 461.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4614) {
animation-delay: 461.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4615) {
animation-delay: 461.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4616) {
animation-delay: 461.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4617) {
animation-delay: 461.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4618) {
animation-delay: 461.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4619) {
animation-delay: 461.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4620) {
animation-delay: 462s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4621) {
animation-delay: 462.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4622) {
animation-delay: 462.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4623) {
animation-delay: 462.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4624) {
animation-delay: 462.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4625) {
animation-delay: 462.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4626) {
animation-delay: 462.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4627) {
animation-delay: 462.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4628) {
animation-delay: 462.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4629) {
animation-delay: 462.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4630) {
animation-delay: 463s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4631) {
animation-delay: 463.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4632) {
animation-delay: 463.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4633) {
animation-delay: 463.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4634) {
animation-delay: 463.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4635) {
animation-delay: 463.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4636) {
animation-delay: 463.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4637) {
animation-delay: 463.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4638) {
animation-delay: 463.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4639) {
animation-delay: 463.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4640) {
animation-delay: 464s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4641) {
animation-delay: 464.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4642) {
animation-delay: 464.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4643) {
animation-delay: 464.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4644) {
animation-delay: 464.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4645) {
animation-delay: 464.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4646) {
animation-delay: 464.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4647) {
animation-delay: 464.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4648) {
animation-delay: 464.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4649) {
animation-delay: 464.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4650) {
animation-delay: 465s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4651) {
animation-delay: 465.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4652) {
animation-delay: 465.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4653) {
animation-delay: 465.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4654) {
animation-delay: 465.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4655) {
animation-delay: 465.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4656) {
animation-delay: 465.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4657) {
animation-delay: 465.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4658) {
animation-delay: 465.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4659) {
animation-delay: 465.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4660) {
animation-delay: 466s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4661) {
animation-delay: 466.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4662) {
animation-delay: 466.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4663) {
animation-delay: 466.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4664) {
animation-delay: 466.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4665) {
animation-delay: 466.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4666) {
animation-delay: 466.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4667) {
animation-delay: 466.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4668) {
animation-delay: 466.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4669) {
animation-delay: 466.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4670) {
animation-delay: 467s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4671) {
animation-delay: 467.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4672) {
animation-delay: 467.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4673) {
animation-delay: 467.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4674) {
animation-delay: 467.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4675) {
animation-delay: 467.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4676) {
animation-delay: 467.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4677) {
animation-delay: 467.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4678) {
animation-delay: 467.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4679) {
animation-delay: 467.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4680) {
animation-delay: 468s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4681) {
animation-delay: 468.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4682) {
animation-delay: 468.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4683) {
animation-delay: 468.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4684) {
animation-delay: 468.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4685) {
animation-delay: 468.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4686) {
animation-delay: 468.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4687) {
animation-delay: 468.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4688) {
animation-delay: 468.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4689) {
animation-delay: 468.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4690) {
animation-delay: 469s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4691) {
animation-delay: 469.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4692) {
animation-delay: 469.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4693) {
animation-delay: 469.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4694) {
animation-delay: 469.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4695) {
animation-delay: 469.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4696) {
animation-delay: 469.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4697) {
animation-delay: 469.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4698) {
animation-delay: 469.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4699) {
animation-delay: 469.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4700) {
animation-delay: 470s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4701) {
animation-delay: 470.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4702) {
animation-delay: 470.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4703) {
animation-delay: 470.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4704) {
animation-delay: 470.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4705) {
animation-delay: 470.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4706) {
animation-delay: 470.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4707) {
animation-delay: 470.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4708) {
animation-delay: 470.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4709) {
animation-delay: 470.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4710) {
animation-delay: 471s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4711) {
animation-delay: 471.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4712) {
animation-delay: 471.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4713) {
animation-delay: 471.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4714) {
animation-delay: 471.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4715) {
animation-delay: 471.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4716) {
animation-delay: 471.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4717) {
animation-delay: 471.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4718) {
animation-delay: 471.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4719) {
animation-delay: 471.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4720) {
animation-delay: 472s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4721) {
animation-delay: 472.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4722) {
animation-delay: 472.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4723) {
animation-delay: 472.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4724) {
animation-delay: 472.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4725) {
animation-delay: 472.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4726) {
animation-delay: 472.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4727) {
animation-delay: 472.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4728) {
animation-delay: 472.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4729) {
animation-delay: 472.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4730) {
animation-delay: 473s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4731) {
animation-delay: 473.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4732) {
animation-delay: 473.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4733) {
animation-delay: 473.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4734) {
animation-delay: 473.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4735) {
animation-delay: 473.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4736) {
animation-delay: 473.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4737) {
animation-delay: 473.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4738) {
animation-delay: 473.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4739) {
animation-delay: 473.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4740) {
animation-delay: 474s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4741) {
animation-delay: 474.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4742) {
animation-delay: 474.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4743) {
animation-delay: 474.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4744) {
animation-delay: 474.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4745) {
animation-delay: 474.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4746) {
animation-delay: 474.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4747) {
animation-delay: 474.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4748) {
animation-delay: 474.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4749) {
animation-delay: 474.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4750) {
animation-delay: 475s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4751) {
animation-delay: 475.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4752) {
animation-delay: 475.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4753) {
animation-delay: 475.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4754) {
animation-delay: 475.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4755) {
animation-delay: 475.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4756) {
animation-delay: 475.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4757) {
animation-delay: 475.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4758) {
animation-delay: 475.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4759) {
animation-delay: 475.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4760) {
animation-delay: 476s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4761) {
animation-delay: 476.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4762) {
animation-delay: 476.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4763) {
animation-delay: 476.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4764) {
animation-delay: 476.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4765) {
animation-delay: 476.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4766) {
animation-delay: 476.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4767) {
animation-delay: 476.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4768) {
animation-delay: 476.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4769) {
animation-delay: 476.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4770) {
animation-delay: 477s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4771) {
animation-delay: 477.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4772) {
animation-delay: 477.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4773) {
animation-delay: 477.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4774) {
animation-delay: 477.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4775) {
animation-delay: 477.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4776) {
animation-delay: 477.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4777) {
animation-delay: 477.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4778) {
animation-delay: 477.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4779) {
animation-delay: 477.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4780) {
animation-delay: 478s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4781) {
animation-delay: 478.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4782) {
animation-delay: 478.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4783) {
animation-delay: 478.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4784) {
animation-delay: 478.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4785) {
animation-delay: 478.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4786) {
animation-delay: 478.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4787) {
animation-delay: 478.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4788) {
animation-delay: 478.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4789) {
animation-delay: 478.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4790) {
animation-delay: 479s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4791) {
animation-delay: 479.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4792) {
animation-delay: 479.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4793) {
animation-delay: 479.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4794) {
animation-delay: 479.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4795) {
animation-delay: 479.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4796) {
animation-delay: 479.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4797) {
animation-delay: 479.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4798) {
animation-delay: 479.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4799) {
animation-delay: 479.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4800) {
animation-delay: 480s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4801) {
animation-delay: 480.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4802) {
animation-delay: 480.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4803) {
animation-delay: 480.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4804) {
animation-delay: 480.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4805) {
animation-delay: 480.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4806) {
animation-delay: 480.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4807) {
animation-delay: 480.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4808) {
animation-delay: 480.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4809) {
animation-delay: 480.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4810) {
animation-delay: 481s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4811) {
animation-delay: 481.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4812) {
animation-delay: 481.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4813) {
animation-delay: 481.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4814) {
animation-delay: 481.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4815) {
animation-delay: 481.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4816) {
animation-delay: 481.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4817) {
animation-delay: 481.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4818) {
animation-delay: 481.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4819) {
animation-delay: 481.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4820) {
animation-delay: 482s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4821) {
animation-delay: 482.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4822) {
animation-delay: 482.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4823) {
animation-delay: 482.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4824) {
animation-delay: 482.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4825) {
animation-delay: 482.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4826) {
animation-delay: 482.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4827) {
animation-delay: 482.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4828) {
animation-delay: 482.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4829) {
animation-delay: 482.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4830) {
animation-delay: 483s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4831) {
animation-delay: 483.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4832) {
animation-delay: 483.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4833) {
animation-delay: 483.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4834) {
animation-delay: 483.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4835) {
animation-delay: 483.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4836) {
animation-delay: 483.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4837) {
animation-delay: 483.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4838) {
animation-delay: 483.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4839) {
animation-delay: 483.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4840) {
animation-delay: 484s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4841) {
animation-delay: 484.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4842) {
animation-delay: 484.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4843) {
animation-delay: 484.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4844) {
animation-delay: 484.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4845) {
animation-delay: 484.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4846) {
animation-delay: 484.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4847) {
animation-delay: 484.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4848) {
animation-delay: 484.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4849) {
animation-delay: 484.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4850) {
animation-delay: 485s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4851) {
animation-delay: 485.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4852) {
animation-delay: 485.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4853) {
animation-delay: 485.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4854) {
animation-delay: 485.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4855) {
animation-delay: 485.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4856) {
animation-delay: 485.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4857) {
animation-delay: 485.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4858) {
animation-delay: 485.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4859) {
animation-delay: 485.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4860) {
animation-delay: 486s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4861) {
animation-delay: 486.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4862) {
animation-delay: 486.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4863) {
animation-delay: 486.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4864) {
animation-delay: 486.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4865) {
animation-delay: 486.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4866) {
animation-delay: 486.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4867) {
animation-delay: 486.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4868) {
animation-delay: 486.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4869) {
animation-delay: 486.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4870) {
animation-delay: 487s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4871) {
animation-delay: 487.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4872) {
animation-delay: 487.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4873) {
animation-delay: 487.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4874) {
animation-delay: 487.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4875) {
animation-delay: 487.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4876) {
animation-delay: 487.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4877) {
animation-delay: 487.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4878) {
animation-delay: 487.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4879) {
animation-delay: 487.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4880) {
animation-delay: 488s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4881) {
animation-delay: 488.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4882) {
animation-delay: 488.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4883) {
animation-delay: 488.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4884) {
animation-delay: 488.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4885) {
animation-delay: 488.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4886) {
animation-delay: 488.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4887) {
animation-delay: 488.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4888) {
animation-delay: 488.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4889) {
animation-delay: 488.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4890) {
animation-delay: 489s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4891) {
animation-delay: 489.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4892) {
animation-delay: 489.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4893) {
animation-delay: 489.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4894) {
animation-delay: 489.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4895) {
animation-delay: 489.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4896) {
animation-delay: 489.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4897) {
animation-delay: 489.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4898) {
animation-delay: 489.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4899) {
animation-delay: 489.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4900) {
animation-delay: 490s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4901) {
animation-delay: 490.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4902) {
animation-delay: 490.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4903) {
animation-delay: 490.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4904) {
animation-delay: 490.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4905) {
animation-delay: 490.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4906) {
animation-delay: 490.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4907) {
animation-delay: 490.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4908) {
animation-delay: 490.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4909) {
animation-delay: 490.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4910) {
animation-delay: 491s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4911) {
animation-delay: 491.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4912) {
animation-delay: 491.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4913) {
animation-delay: 491.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4914) {
animation-delay: 491.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4915) {
animation-delay: 491.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4916) {
animation-delay: 491.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4917) {
animation-delay: 491.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4918) {
animation-delay: 491.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4919) {
animation-delay: 491.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4920) {
animation-delay: 492s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4921) {
animation-delay: 492.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4922) {
animation-delay: 492.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4923) {
animation-delay: 492.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4924) {
animation-delay: 492.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4925) {
animation-delay: 492.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4926) {
animation-delay: 492.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4927) {
animation-delay: 492.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4928) {
animation-delay: 492.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4929) {
animation-delay: 492.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4930) {
animation-delay: 493s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4931) {
animation-delay: 493.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4932) {
animation-delay: 493.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4933) {
animation-delay: 493.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4934) {
animation-delay: 493.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4935) {
animation-delay: 493.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4936) {
animation-delay: 493.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4937) {
animation-delay: 493.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4938) {
animation-delay: 493.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4939) {
animation-delay: 493.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4940) {
animation-delay: 494s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4941) {
animation-delay: 494.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4942) {
animation-delay: 494.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4943) {
animation-delay: 494.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4944) {
animation-delay: 494.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4945) {
animation-delay: 494.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4946) {
animation-delay: 494.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4947) {
animation-delay: 494.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4948) {
animation-delay: 494.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4949) {
animation-delay: 494.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4950) {
animation-delay: 495s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4951) {
animation-delay: 495.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4952) {
animation-delay: 495.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4953) {
animation-delay: 495.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4954) {
animation-delay: 495.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4955) {
animation-delay: 495.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4956) {
animation-delay: 495.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4957) {
animation-delay: 495.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4958) {
animation-delay: 495.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4959) {
animation-delay: 495.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4960) {
animation-delay: 496s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4961) {
animation-delay: 496.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4962) {
animation-delay: 496.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4963) {
animation-delay: 496.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4964) {
animation-delay: 496.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4965) {
animation-delay: 496.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4966) {
animation-delay: 496.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4967) {
animation-delay: 496.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4968) {
animation-delay: 496.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4969) {
animation-delay: 496.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4970) {
animation-delay: 497s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4971) {
animation-delay: 497.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4972) {
animation-delay: 497.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4973) {
animation-delay: 497.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4974) {
animation-delay: 497.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4975) {
animation-delay: 497.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4976) {
animation-delay: 497.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4977) {
animation-delay: 497.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4978) {
animation-delay: 497.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4979) {
animation-delay: 497.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4980) {
animation-delay: 498s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4981) {
animation-delay: 498.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4982) {
animation-delay: 498.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4983) {
animation-delay: 498.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4984) {
animation-delay: 498.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4985) {
animation-delay: 498.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4986) {
animation-delay: 498.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4987) {
animation-delay: 498.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4988) {
animation-delay: 498.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4989) {
animation-delay: 498.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4990) {
animation-delay: 499s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4991) {
animation-delay: 499.1s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4992) {
animation-delay: 499.2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4993) {
animation-delay: 499.3s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4994) {
animation-delay: 499.4s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4995) {
animation-delay: 499.5s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4996) {
animation-delay: 499.6s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4997) {
animation-delay: 499.7s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4998) {
animation-delay: 499.8s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(4999) {
animation-delay: 499.9s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:nth-child(5000) {
animation-delay: 500s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li {
cursor: pointer;
transition: all .2s;
animation: fadeIn 0.5s linear;
animation-fill-mode: both;
position: relative; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li.media {
padding: 1.5rem 1rem; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li.media:hover {
transform: translateY(-4px);
box-shadow: 0 3px 10px 0 #ccc;
transition: all .2s; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li.media .media-left {
display: flex;
align-items: center;
flex-direction: column; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li.media .media-body {
width: calc(100vw - (100vw - 100%) - 60px);
overflow: hidden; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .avatar, .email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .avatar img {
height: 40px;
width: 40px; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .avatar img {
border: 2px solid #fff; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li.mail-read {
background-color: #ededed; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li:not(:first-child) {
border-top: 1px solid #dae1e7; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details {
display: flex;
justify-content: space-between;
margin-bottom: .75rem; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details .list-group-item-text {
color: #626262; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .mail-date {
color: #626262; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .mail-message p {
color: #626262; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper .user-action {
display: flex;
align-items: center; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper .user-action .favorite i {
font-size: 1.2rem;
line-height: 1.5; }
.email-application .app-content .content-area-wrapper .email-user-list .no-results {
display: none;
padding: 1.5rem;
text-align: center; }
.email-application .app-content .content-area-wrapper .email-user-list .no-results.show {
display: block; }
.email-application .app-action {
padding: 1rem;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #dae1e7; }
.email-application .app-action .action-left .selectAll {
margin: .25rem 0 0.108rem; }
.email-application .app-action .action-left .selectAll .vs-checkbox {
margin-right: 1rem; }
.email-application .app-action .action-right ul li:not(:last-child) {
margin-right: 1rem; }
.email-application .app-action .action-right .dropdown-toggle {
color: #626262;
white-space: normal; }
.email-application .app-action .action-right .dropdown-toggle::after {
display: none; }
.email-application .app-action .action-right i {
font-size: 1.5rem;
margin-right: 0; }
.email-application .email-app-details {
position: absolute;
display: block;
z-index: 2;
visibility: hidden;
opacity: 0;
top: 0;
width: calc(100% - 260px);
background-color: #f8f8f8;
transform: translateX(100%);
transition: all .3s ease;
height: 100%;
border-left: 1px solid #dae1e7; }
.email-application .email-app-details.show {
visibility: visible;
transition: all .3s ease;
opacity: 1;
transform: translateX(0%);
transition: all .3s ease; }
.email-application .email-app-details .email-detail-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
border-bottom: 1px solid #eee;
position: relative;
padding: 1.643rem 2rem 0;
background-color: #fff; }
.email-application .email-app-details .email-header-right .dropdown-toggle {
color: #626262; }
.email-application .email-app-details .email-scroll-area {
padding: 0 2rem;
position: relative;
height: calc(100vh - 18.75rem);
height: calc(var(--vh, 1vh) * 100 - 18.75rem); }
.email-application .email-app-details .email-scroll-area .email-detail-head {
border-bottom: 1px solid #dae1e7;
padding: 1.5rem 1rem .75rem; }
.email-application .email-app-details .email-scroll-area .email-detail-head .mail-meta-item {
text-align: right; }
.email-application .email-app-details .email-scroll-area .card-body.mail-message-wrapper {
border-bottom: 1px solid #dae1e7 !important; }
.email-application .email-app-details .email-scroll-area .mail-label {
letter-spacing: .25px; }
.email-application .email-app-details .email-scroll-area .email-info-dropup .dropdown-toggle::after {
left: 0;
margin: 0; }
.email-application .email-app-details .email-scroll-area .mail-message p {
margin-bottom: 1.5rem; }
.email-application .email-app-details .email-scroll-area .mail-attachements {
text-transform: uppercase; }
.email-application .ql-editor {
height: 150px; }
@media (max-width: 767.98px) {
.email-application .sidebar-content .sidebar-close-icon {
visibility: visible !important; } }
@media (max-width: 991.98px) {
.email-application .app-content .sidebar-left {
position: relative; }
.email-application .app-content .sidebar-left .email-app-sidebar {
transform: translateX(-110%);
transition: all .3s ease-in-out;
left: 0;
position: fixed;
z-index: 5;
left: -2px; }
.email-application .app-content .sidebar-left.show .email-app-sidebar {
transform: translateX(13%);
transition: all .3s ease;
display: block; }
.email-application .app-content .content-right {
width: 100%; }
.email-application .app-content .content-right .app-fixed-search {
border-top-left-radius: 0.5rem; }
.email-application .app-content .content-right .email-app-details {
width: 100%;
border-radius: 0.5rem; }
.email-application .app-content .content-right .email-app-details .email-scroll-area {
height: calc(100vh - 21.5rem);
height: calc(var(--vh, 1vh) * 100 - 21.5rem); } }
@media (max-width: 575.98px) {
.email-application .sidebar-left .email-app-sidebar {
left: -1.12rem !important; }
.email-application .email-detail-head .mail-meta-item {
display: flex;
justify-content: space-between; }
.email-application .email-detail-head .mail-meta-item .mail-date, .email-application .email-detail-head .mail-meta-item .mail-time {
margin: 1rem .75rem 0 0; }
.email-application .app-content .content-right .email-app-details .email-scroll-area {
height: calc(100vh - 23.25rem);
height: calc(var(--vh, 1vh) * 100 - 23.25rem); }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details {
display: block; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details .mail-items {
width: 70%;
display: inline-grid; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details .mail-meta-item {
width: 15%;
position: absolute;
right: 1rem;
top: 1.5rem; }
.email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details .mail-meta-item i, .email-application .app-content .content-area-wrapper .email-user-list .users-list-wrapper li .user-details .mail-meta-item .bullet {
display: none; } }
@media (max-width: 349.98px) {
.email-application .content-area-wrapper .sidebar .email-app-sidebar {
width: 230px;
left: 3px; }
.email-application .app-content .content-area-wrapper .email-user-list {
height: calc(100vh - 22.3rem);
height: calc(var(--vh, 1vh) * 100 - 22.3rem); }
.email-application .email-app-details .email-detail-header {
padding: 0 1.2rem; }
.email-application .email-app-details .email-detail-header .email-prev, .email-application .email-app-details .email-detail-header .email-next {
display: none; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
top: 100px; }
75% {
opacity: 0.5;
top: 0px; }
100% {
opacity: 1; } }
================================================
FILE: public/backend/css/pages/app-todo.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.todo-application .content-area-wrapper {
border: 1px solid #dae1e7;
border-radius: 0.25rem; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar {
width: 260px;
height: calc(100vh - 13rem);
height: calc(var(--vh, 1vh) * 100 - 13rem);
background-color: #fff;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
transition: all .3s ease; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .sidebar-close-icon {
position: absolute;
right: .25rem;
top: .25rem;
cursor: pointer;
font-size: 1.25rem;
z-index: 5;
visibility: hidden; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu {
width: 100%;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
padding: .5rem 0;
z-index: 3; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .add-task {
padding: 1px 1.5rem;
margin-bottom: 0.25rem; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .sidebar-menu-list {
padding: 0 1.5rem;
position: relative;
overflow: scroll;
height: calc(100% - 5.4rem); }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item {
padding-left: 0;
padding-right: 0; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:focus {
background-color: transparent; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:hover {
background-color: transparent;
color: #626262; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item.active {
background-color: transparent;
color: #7367f0; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item i {
top: 3px; }
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu hr {
margin-left: -1.5rem;
margin-right: -1.5rem; }
.todo-application .content-area-wrapper .modal .todo-item-action {
display: flex;
align-items: center;
justify-content: space-between;
width: 6rem;
margin-bottom: 1.25rem; }
.todo-application .content-area-wrapper .modal .todo-item-action .todo-item-info, .todo-application .content-area-wrapper .modal .todo-item-action .todo-item-favorite, .todo-application .content-area-wrapper .modal .todo-item-action .dropdown {
cursor: pointer;
font-size: 1.2rem;
line-height: 1.5; }
.todo-application .content-area-wrapper .modal .todo-item-action .dropdown .dropdown-menu .dropdown-item {
padding: .14rem 1.428rem; }
.todo-application .content-area-wrapper .modal .todo-item-action .dropdown-toggle::after {
display: none; }
.todo-application .content-area-wrapper .app-content .content-area-wrapper {
position: relative; }
.todo-application .content-area-wrapper .completed .todo-title, .todo-application .content-area-wrapper .completed .todo-desc {
text-decoration: line-through; }
.todo-application .content-area-wrapper .content-right {
width: calc(100% - 260px); }
.todo-application .content-area-wrapper .content-right .content-wrapper {
padding: 0; }
.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper {
border-left: 1px solid #dae1e7; }
.todo-application .content-area-wrapper .content-right .app-fixed-search {
padding: .35rem .1rem;
border-bottom: 1px solid #dae1e7;
background-color: #fff;
border-top-right-radius: 0.5rem; }
.todo-application .content-area-wrapper .content-right .app-fixed-search .form-control-position {
font-size: calc(1rem * 1.1); }
.todo-application .content-area-wrapper .content-right .app-fixed-search input {
border: 0;
background-color: transparent; }
.todo-application .content-area-wrapper .content-right .app-fixed-search input:focus {
border-color: transparent;
box-shadow: none; }
.todo-application .content-area-wrapper .content-right .sidebar-toggle {
cursor: pointer;
margin: 0.5rem 0.99rem;
float: left;
line-height: 1; }
.todo-application .content-area-wrapper .content-right .sidebar-toggle i {
font-size: 1.75rem; }
.todo-application .content-area-wrapper .content-right .app-content-overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: all .3s ease; }
.todo-application .content-area-wrapper .content-right .app-content-overlay.show {
visibility: visible;
transition: all .3s ease;
opacity: 1;
background-color: rgba(0, 0, 0, 0.2);
border-radius: .25rem; }
.todo-application .content-area-wrapper .content-right .todo-task-list {
position: relative;
height: calc(100vh - 16.35rem);
height: calc(var(--vh, 1vh) * 100 - 16.35rem); }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper {
padding: 0;
margin: 0; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li {
cursor: pointer;
transition: all .2s;
animation: fadeIn 0.5s linear;
animation-fill-mode: both;
position: relative;
padding: 1.1rem 3rem 1.2rem 2rem;
border-top: 1px solid #dae1e7; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:hover {
transform: translateY(-4px);
box-shadow: 0 3px 10px 0 #ccc;
transition: all .2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li .chip-wrapper {
display: flex; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li .chip-wrapper .chip {
margin-right: 0.25rem; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1) {
animation-delay: 0.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2) {
animation-delay: 0.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3) {
animation-delay: 0.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4) {
animation-delay: 0.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(5) {
animation-delay: 0.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(6) {
animation-delay: 0.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(7) {
animation-delay: 0.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(8) {
animation-delay: 0.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(9) {
animation-delay: 0.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(10) {
animation-delay: 1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(11) {
animation-delay: 1.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(12) {
animation-delay: 1.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(13) {
animation-delay: 1.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(14) {
animation-delay: 1.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(15) {
animation-delay: 1.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(16) {
animation-delay: 1.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(17) {
animation-delay: 1.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(18) {
animation-delay: 1.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(19) {
animation-delay: 1.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(20) {
animation-delay: 2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(21) {
animation-delay: 2.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(22) {
animation-delay: 2.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(23) {
animation-delay: 2.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(24) {
animation-delay: 2.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(25) {
animation-delay: 2.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(26) {
animation-delay: 2.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(27) {
animation-delay: 2.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(28) {
animation-delay: 2.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(29) {
animation-delay: 2.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(30) {
animation-delay: 3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(31) {
animation-delay: 3.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(32) {
animation-delay: 3.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(33) {
animation-delay: 3.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(34) {
animation-delay: 3.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(35) {
animation-delay: 3.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(36) {
animation-delay: 3.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(37) {
animation-delay: 3.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(38) {
animation-delay: 3.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(39) {
animation-delay: 3.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(40) {
animation-delay: 4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(41) {
animation-delay: 4.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(42) {
animation-delay: 4.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(43) {
animation-delay: 4.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(44) {
animation-delay: 4.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(45) {
animation-delay: 4.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(46) {
animation-delay: 4.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(47) {
animation-delay: 4.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(48) {
animation-delay: 4.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(49) {
animation-delay: 4.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(50) {
animation-delay: 5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(51) {
animation-delay: 5.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(52) {
animation-delay: 5.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(53) {
animation-delay: 5.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(54) {
animation-delay: 5.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(55) {
animation-delay: 5.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(56) {
animation-delay: 5.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(57) {
animation-delay: 5.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(58) {
animation-delay: 5.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(59) {
animation-delay: 5.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(60) {
animation-delay: 6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(61) {
animation-delay: 6.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(62) {
animation-delay: 6.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(63) {
animation-delay: 6.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(64) {
animation-delay: 6.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(65) {
animation-delay: 6.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(66) {
animation-delay: 6.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(67) {
animation-delay: 6.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(68) {
animation-delay: 6.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(69) {
animation-delay: 6.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(70) {
animation-delay: 7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(71) {
animation-delay: 7.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(72) {
animation-delay: 7.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(73) {
animation-delay: 7.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(74) {
animation-delay: 7.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(75) {
animation-delay: 7.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(76) {
animation-delay: 7.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(77) {
animation-delay: 7.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(78) {
animation-delay: 7.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(79) {
animation-delay: 7.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(80) {
animation-delay: 8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(81) {
animation-delay: 8.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(82) {
animation-delay: 8.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(83) {
animation-delay: 8.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(84) {
animation-delay: 8.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(85) {
animation-delay: 8.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(86) {
animation-delay: 8.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(87) {
animation-delay: 8.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(88) {
animation-delay: 8.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(89) {
animation-delay: 8.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(90) {
animation-delay: 9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(91) {
animation-delay: 9.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(92) {
animation-delay: 9.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(93) {
animation-delay: 9.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(94) {
animation-delay: 9.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(95) {
animation-delay: 9.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(96) {
animation-delay: 9.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(97) {
animation-delay: 9.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(98) {
animation-delay: 9.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(99) {
animation-delay: 9.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(100) {
animation-delay: 10s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(101) {
animation-delay: 10.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(102) {
animation-delay: 10.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(103) {
animation-delay: 10.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(104) {
animation-delay: 10.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(105) {
animation-delay: 10.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(106) {
animation-delay: 10.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(107) {
animation-delay: 10.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(108) {
animation-delay: 10.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(109) {
animation-delay: 10.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(110) {
animation-delay: 11s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(111) {
animation-delay: 11.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(112) {
animation-delay: 11.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(113) {
animation-delay: 11.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(114) {
animation-delay: 11.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(115) {
animation-delay: 11.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(116) {
animation-delay: 11.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(117) {
animation-delay: 11.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(118) {
animation-delay: 11.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(119) {
animation-delay: 11.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(120) {
animation-delay: 12s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(121) {
animation-delay: 12.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(122) {
animation-delay: 12.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(123) {
animation-delay: 12.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(124) {
animation-delay: 12.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(125) {
animation-delay: 12.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(126) {
animation-delay: 12.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(127) {
animation-delay: 12.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(128) {
animation-delay: 12.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(129) {
animation-delay: 12.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(130) {
animation-delay: 13s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(131) {
animation-delay: 13.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(132) {
animation-delay: 13.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(133) {
animation-delay: 13.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(134) {
animation-delay: 13.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(135) {
animation-delay: 13.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(136) {
animation-delay: 13.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(137) {
animation-delay: 13.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(138) {
animation-delay: 13.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(139) {
animation-delay: 13.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(140) {
animation-delay: 14s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(141) {
animation-delay: 14.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(142) {
animation-delay: 14.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(143) {
animation-delay: 14.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(144) {
animation-delay: 14.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(145) {
animation-delay: 14.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(146) {
animation-delay: 14.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(147) {
animation-delay: 14.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(148) {
animation-delay: 14.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(149) {
animation-delay: 14.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(150) {
animation-delay: 15s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(151) {
animation-delay: 15.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(152) {
animation-delay: 15.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(153) {
animation-delay: 15.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(154) {
animation-delay: 15.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(155) {
animation-delay: 15.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(156) {
animation-delay: 15.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(157) {
animation-delay: 15.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(158) {
animation-delay: 15.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(159) {
animation-delay: 15.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(160) {
animation-delay: 16s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(161) {
animation-delay: 16.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(162) {
animation-delay: 16.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(163) {
animation-delay: 16.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(164) {
animation-delay: 16.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(165) {
animation-delay: 16.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(166) {
animation-delay: 16.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(167) {
animation-delay: 16.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(168) {
animation-delay: 16.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(169) {
animation-delay: 16.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(170) {
animation-delay: 17s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(171) {
animation-delay: 17.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(172) {
animation-delay: 17.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(173) {
animation-delay: 17.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(174) {
animation-delay: 17.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(175) {
animation-delay: 17.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(176) {
animation-delay: 17.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(177) {
animation-delay: 17.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(178) {
animation-delay: 17.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(179) {
animation-delay: 17.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(180) {
animation-delay: 18s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(181) {
animation-delay: 18.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(182) {
animation-delay: 18.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(183) {
animation-delay: 18.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(184) {
animation-delay: 18.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(185) {
animation-delay: 18.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(186) {
animation-delay: 18.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(187) {
animation-delay: 18.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(188) {
animation-delay: 18.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(189) {
animation-delay: 18.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(190) {
animation-delay: 19s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(191) {
animation-delay: 19.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(192) {
animation-delay: 19.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(193) {
animation-delay: 19.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(194) {
animation-delay: 19.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(195) {
animation-delay: 19.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(196) {
animation-delay: 19.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(197) {
animation-delay: 19.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(198) {
animation-delay: 19.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(199) {
animation-delay: 19.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(200) {
animation-delay: 20s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(201) {
animation-delay: 20.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(202) {
animation-delay: 20.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(203) {
animation-delay: 20.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(204) {
animation-delay: 20.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(205) {
animation-delay: 20.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(206) {
animation-delay: 20.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(207) {
animation-delay: 20.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(208) {
animation-delay: 20.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(209) {
animation-delay: 20.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(210) {
animation-delay: 21s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(211) {
animation-delay: 21.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(212) {
animation-delay: 21.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(213) {
animation-delay: 21.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(214) {
animation-delay: 21.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(215) {
animation-delay: 21.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(216) {
animation-delay: 21.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(217) {
animation-delay: 21.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(218) {
animation-delay: 21.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(219) {
animation-delay: 21.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(220) {
animation-delay: 22s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(221) {
animation-delay: 22.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(222) {
animation-delay: 22.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(223) {
animation-delay: 22.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(224) {
animation-delay: 22.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(225) {
animation-delay: 22.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(226) {
animation-delay: 22.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(227) {
animation-delay: 22.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(228) {
animation-delay: 22.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(229) {
animation-delay: 22.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(230) {
animation-delay: 23s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(231) {
animation-delay: 23.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(232) {
animation-delay: 23.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(233) {
animation-delay: 23.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(234) {
animation-delay: 23.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(235) {
animation-delay: 23.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(236) {
animation-delay: 23.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(237) {
animation-delay: 23.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(238) {
animation-delay: 23.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(239) {
animation-delay: 23.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(240) {
animation-delay: 24s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(241) {
animation-delay: 24.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(242) {
animation-delay: 24.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(243) {
animation-delay: 24.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(244) {
animation-delay: 24.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(245) {
animation-delay: 24.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(246) {
animation-delay: 24.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(247) {
animation-delay: 24.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(248) {
animation-delay: 24.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(249) {
animation-delay: 24.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(250) {
animation-delay: 25s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(251) {
animation-delay: 25.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(252) {
animation-delay: 25.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(253) {
animation-delay: 25.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(254) {
animation-delay: 25.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(255) {
animation-delay: 25.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(256) {
animation-delay: 25.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(257) {
animation-delay: 25.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(258) {
animation-delay: 25.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(259) {
animation-delay: 25.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(260) {
animation-delay: 26s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(261) {
animation-delay: 26.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(262) {
animation-delay: 26.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(263) {
animation-delay: 26.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(264) {
animation-delay: 26.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(265) {
animation-delay: 26.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(266) {
animation-delay: 26.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(267) {
animation-delay: 26.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(268) {
animation-delay: 26.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(269) {
animation-delay: 26.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(270) {
animation-delay: 27s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(271) {
animation-delay: 27.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(272) {
animation-delay: 27.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(273) {
animation-delay: 27.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(274) {
animation-delay: 27.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(275) {
animation-delay: 27.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(276) {
animation-delay: 27.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(277) {
animation-delay: 27.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(278) {
animation-delay: 27.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(279) {
animation-delay: 27.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(280) {
animation-delay: 28s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(281) {
animation-delay: 28.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(282) {
animation-delay: 28.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(283) {
animation-delay: 28.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(284) {
animation-delay: 28.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(285) {
animation-delay: 28.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(286) {
animation-delay: 28.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(287) {
animation-delay: 28.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(288) {
animation-delay: 28.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(289) {
animation-delay: 28.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(290) {
animation-delay: 29s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(291) {
animation-delay: 29.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(292) {
animation-delay: 29.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(293) {
animation-delay: 29.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(294) {
animation-delay: 29.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(295) {
animation-delay: 29.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(296) {
animation-delay: 29.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(297) {
animation-delay: 29.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(298) {
animation-delay: 29.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(299) {
animation-delay: 29.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(300) {
animation-delay: 30s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(301) {
animation-delay: 30.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(302) {
animation-delay: 30.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(303) {
animation-delay: 30.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(304) {
animation-delay: 30.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(305) {
animation-delay: 30.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(306) {
animation-delay: 30.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(307) {
animation-delay: 30.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(308) {
animation-delay: 30.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(309) {
animation-delay: 30.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(310) {
animation-delay: 31s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(311) {
animation-delay: 31.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(312) {
animation-delay: 31.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(313) {
animation-delay: 31.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(314) {
animation-delay: 31.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(315) {
animation-delay: 31.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(316) {
animation-delay: 31.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(317) {
animation-delay: 31.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(318) {
animation-delay: 31.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(319) {
animation-delay: 31.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(320) {
animation-delay: 32s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(321) {
animation-delay: 32.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(322) {
animation-delay: 32.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(323) {
animation-delay: 32.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(324) {
animation-delay: 32.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(325) {
animation-delay: 32.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(326) {
animation-delay: 32.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(327) {
animation-delay: 32.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(328) {
animation-delay: 32.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(329) {
animation-delay: 32.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(330) {
animation-delay: 33s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(331) {
animation-delay: 33.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(332) {
animation-delay: 33.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(333) {
animation-delay: 33.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(334) {
animation-delay: 33.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(335) {
animation-delay: 33.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(336) {
animation-delay: 33.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(337) {
animation-delay: 33.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(338) {
animation-delay: 33.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(339) {
animation-delay: 33.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(340) {
animation-delay: 34s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(341) {
animation-delay: 34.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(342) {
animation-delay: 34.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(343) {
animation-delay: 34.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(344) {
animation-delay: 34.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(345) {
animation-delay: 34.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(346) {
animation-delay: 34.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(347) {
animation-delay: 34.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(348) {
animation-delay: 34.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(349) {
animation-delay: 34.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(350) {
animation-delay: 35s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(351) {
animation-delay: 35.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(352) {
animation-delay: 35.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(353) {
animation-delay: 35.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(354) {
animation-delay: 35.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(355) {
animation-delay: 35.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(356) {
animation-delay: 35.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(357) {
animation-delay: 35.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(358) {
animation-delay: 35.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(359) {
animation-delay: 35.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(360) {
animation-delay: 36s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(361) {
animation-delay: 36.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(362) {
animation-delay: 36.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(363) {
animation-delay: 36.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(364) {
animation-delay: 36.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(365) {
animation-delay: 36.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(366) {
animation-delay: 36.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(367) {
animation-delay: 36.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(368) {
animation-delay: 36.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(369) {
animation-delay: 36.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(370) {
animation-delay: 37s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(371) {
animation-delay: 37.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(372) {
animation-delay: 37.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(373) {
animation-delay: 37.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(374) {
animation-delay: 37.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(375) {
animation-delay: 37.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(376) {
animation-delay: 37.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(377) {
animation-delay: 37.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(378) {
animation-delay: 37.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(379) {
animation-delay: 37.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(380) {
animation-delay: 38s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(381) {
animation-delay: 38.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(382) {
animation-delay: 38.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(383) {
animation-delay: 38.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(384) {
animation-delay: 38.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(385) {
animation-delay: 38.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(386) {
animation-delay: 38.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(387) {
animation-delay: 38.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(388) {
animation-delay: 38.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(389) {
animation-delay: 38.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(390) {
animation-delay: 39s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(391) {
animation-delay: 39.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(392) {
animation-delay: 39.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(393) {
animation-delay: 39.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(394) {
animation-delay: 39.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(395) {
animation-delay: 39.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(396) {
animation-delay: 39.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(397) {
animation-delay: 39.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(398) {
animation-delay: 39.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(399) {
animation-delay: 39.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(400) {
animation-delay: 40s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(401) {
animation-delay: 40.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(402) {
animation-delay: 40.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(403) {
animation-delay: 40.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(404) {
animation-delay: 40.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(405) {
animation-delay: 40.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(406) {
animation-delay: 40.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(407) {
animation-delay: 40.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(408) {
animation-delay: 40.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(409) {
animation-delay: 40.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(410) {
animation-delay: 41s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(411) {
animation-delay: 41.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(412) {
animation-delay: 41.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(413) {
animation-delay: 41.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(414) {
animation-delay: 41.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(415) {
animation-delay: 41.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(416) {
animation-delay: 41.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(417) {
animation-delay: 41.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(418) {
animation-delay: 41.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(419) {
animation-delay: 41.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(420) {
animation-delay: 42s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(421) {
animation-delay: 42.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(422) {
animation-delay: 42.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(423) {
animation-delay: 42.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(424) {
animation-delay: 42.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(425) {
animation-delay: 42.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(426) {
animation-delay: 42.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(427) {
animation-delay: 42.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(428) {
animation-delay: 42.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(429) {
animation-delay: 42.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(430) {
animation-delay: 43s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(431) {
animation-delay: 43.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(432) {
animation-delay: 43.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(433) {
animation-delay: 43.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(434) {
animation-delay: 43.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(435) {
animation-delay: 43.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(436) {
animation-delay: 43.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(437) {
animation-delay: 43.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(438) {
animation-delay: 43.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(439) {
animation-delay: 43.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(440) {
animation-delay: 44s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(441) {
animation-delay: 44.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(442) {
animation-delay: 44.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(443) {
animation-delay: 44.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(444) {
animation-delay: 44.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(445) {
animation-delay: 44.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(446) {
animation-delay: 44.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(447) {
animation-delay: 44.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(448) {
animation-delay: 44.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(449) {
animation-delay: 44.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(450) {
animation-delay: 45s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(451) {
animation-delay: 45.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(452) {
animation-delay: 45.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(453) {
animation-delay: 45.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(454) {
animation-delay: 45.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(455) {
animation-delay: 45.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(456) {
animation-delay: 45.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(457) {
animation-delay: 45.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(458) {
animation-delay: 45.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(459) {
animation-delay: 45.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(460) {
animation-delay: 46s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(461) {
animation-delay: 46.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(462) {
animation-delay: 46.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(463) {
animation-delay: 46.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(464) {
animation-delay: 46.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(465) {
animation-delay: 46.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(466) {
animation-delay: 46.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(467) {
animation-delay: 46.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(468) {
animation-delay: 46.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(469) {
animation-delay: 46.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(470) {
animation-delay: 47s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(471) {
animation-delay: 47.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(472) {
animation-delay: 47.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(473) {
animation-delay: 47.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(474) {
animation-delay: 47.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(475) {
animation-delay: 47.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(476) {
animation-delay: 47.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(477) {
animation-delay: 47.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(478) {
animation-delay: 47.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(479) {
animation-delay: 47.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(480) {
animation-delay: 48s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(481) {
animation-delay: 48.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(482) {
animation-delay: 48.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(483) {
animation-delay: 48.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(484) {
animation-delay: 48.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(485) {
animation-delay: 48.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(486) {
animation-delay: 48.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(487) {
animation-delay: 48.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(488) {
animation-delay: 48.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(489) {
animation-delay: 48.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(490) {
animation-delay: 49s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(491) {
animation-delay: 49.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(492) {
animation-delay: 49.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(493) {
animation-delay: 49.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(494) {
animation-delay: 49.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(495) {
animation-delay: 49.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(496) {
animation-delay: 49.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(497) {
animation-delay: 49.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(498) {
animation-delay: 49.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(499) {
animation-delay: 49.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(500) {
animation-delay: 50s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(501) {
animation-delay: 50.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(502) {
animation-delay: 50.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(503) {
animation-delay: 50.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(504) {
animation-delay: 50.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(505) {
animation-delay: 50.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(506) {
animation-delay: 50.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(507) {
animation-delay: 50.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(508) {
animation-delay: 50.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(509) {
animation-delay: 50.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(510) {
animation-delay: 51s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(511) {
animation-delay: 51.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(512) {
animation-delay: 51.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(513) {
animation-delay: 51.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(514) {
animation-delay: 51.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(515) {
animation-delay: 51.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(516) {
animation-delay: 51.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(517) {
animation-delay: 51.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(518) {
animation-delay: 51.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(519) {
animation-delay: 51.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(520) {
animation-delay: 52s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(521) {
animation-delay: 52.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(522) {
animation-delay: 52.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(523) {
animation-delay: 52.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(524) {
animation-delay: 52.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(525) {
animation-delay: 52.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(526) {
animation-delay: 52.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(527) {
animation-delay: 52.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(528) {
animation-delay: 52.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(529) {
animation-delay: 52.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(530) {
animation-delay: 53s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(531) {
animation-delay: 53.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(532) {
animation-delay: 53.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(533) {
animation-delay: 53.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(534) {
animation-delay: 53.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(535) {
animation-delay: 53.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(536) {
animation-delay: 53.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(537) {
animation-delay: 53.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(538) {
animation-delay: 53.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(539) {
animation-delay: 53.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(540) {
animation-delay: 54s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(541) {
animation-delay: 54.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(542) {
animation-delay: 54.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(543) {
animation-delay: 54.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(544) {
animation-delay: 54.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(545) {
animation-delay: 54.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(546) {
animation-delay: 54.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(547) {
animation-delay: 54.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(548) {
animation-delay: 54.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(549) {
animation-delay: 54.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(550) {
animation-delay: 55s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(551) {
animation-delay: 55.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(552) {
animation-delay: 55.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(553) {
animation-delay: 55.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(554) {
animation-delay: 55.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(555) {
animation-delay: 55.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(556) {
animation-delay: 55.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(557) {
animation-delay: 55.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(558) {
animation-delay: 55.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(559) {
animation-delay: 55.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(560) {
animation-delay: 56s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(561) {
animation-delay: 56.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(562) {
animation-delay: 56.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(563) {
animation-delay: 56.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(564) {
animation-delay: 56.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(565) {
animation-delay: 56.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(566) {
animation-delay: 56.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(567) {
animation-delay: 56.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(568) {
animation-delay: 56.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(569) {
animation-delay: 56.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(570) {
animation-delay: 57s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(571) {
animation-delay: 57.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(572) {
animation-delay: 57.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(573) {
animation-delay: 57.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(574) {
animation-delay: 57.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(575) {
animation-delay: 57.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(576) {
animation-delay: 57.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(577) {
animation-delay: 57.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(578) {
animation-delay: 57.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(579) {
animation-delay: 57.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(580) {
animation-delay: 58s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(581) {
animation-delay: 58.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(582) {
animation-delay: 58.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(583) {
animation-delay: 58.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(584) {
animation-delay: 58.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(585) {
animation-delay: 58.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(586) {
animation-delay: 58.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(587) {
animation-delay: 58.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(588) {
animation-delay: 58.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(589) {
animation-delay: 58.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(590) {
animation-delay: 59s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(591) {
animation-delay: 59.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(592) {
animation-delay: 59.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(593) {
animation-delay: 59.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(594) {
animation-delay: 59.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(595) {
animation-delay: 59.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(596) {
animation-delay: 59.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(597) {
animation-delay: 59.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(598) {
animation-delay: 59.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(599) {
animation-delay: 59.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(600) {
animation-delay: 60s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(601) {
animation-delay: 60.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(602) {
animation-delay: 60.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(603) {
animation-delay: 60.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(604) {
animation-delay: 60.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(605) {
animation-delay: 60.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(606) {
animation-delay: 60.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(607) {
animation-delay: 60.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(608) {
animation-delay: 60.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(609) {
animation-delay: 60.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(610) {
animation-delay: 61s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(611) {
animation-delay: 61.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(612) {
animation-delay: 61.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(613) {
animation-delay: 61.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(614) {
animation-delay: 61.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(615) {
animation-delay: 61.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(616) {
animation-delay: 61.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(617) {
animation-delay: 61.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(618) {
animation-delay: 61.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(619) {
animation-delay: 61.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(620) {
animation-delay: 62s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(621) {
animation-delay: 62.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(622) {
animation-delay: 62.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(623) {
animation-delay: 62.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(624) {
animation-delay: 62.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(625) {
animation-delay: 62.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(626) {
animation-delay: 62.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(627) {
animation-delay: 62.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(628) {
animation-delay: 62.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(629) {
animation-delay: 62.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(630) {
animation-delay: 63s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(631) {
animation-delay: 63.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(632) {
animation-delay: 63.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(633) {
animation-delay: 63.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(634) {
animation-delay: 63.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(635) {
animation-delay: 63.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(636) {
animation-delay: 63.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(637) {
animation-delay: 63.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(638) {
animation-delay: 63.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(639) {
animation-delay: 63.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(640) {
animation-delay: 64s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(641) {
animation-delay: 64.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(642) {
animation-delay: 64.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(643) {
animation-delay: 64.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(644) {
animation-delay: 64.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(645) {
animation-delay: 64.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(646) {
animation-delay: 64.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(647) {
animation-delay: 64.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(648) {
animation-delay: 64.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(649) {
animation-delay: 64.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(650) {
animation-delay: 65s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(651) {
animation-delay: 65.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(652) {
animation-delay: 65.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(653) {
animation-delay: 65.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(654) {
animation-delay: 65.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(655) {
animation-delay: 65.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(656) {
animation-delay: 65.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(657) {
animation-delay: 65.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(658) {
animation-delay: 65.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(659) {
animation-delay: 65.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(660) {
animation-delay: 66s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(661) {
animation-delay: 66.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(662) {
animation-delay: 66.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(663) {
animation-delay: 66.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(664) {
animation-delay: 66.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(665) {
animation-delay: 66.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(666) {
animation-delay: 66.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(667) {
animation-delay: 66.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(668) {
animation-delay: 66.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(669) {
animation-delay: 66.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(670) {
animation-delay: 67s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(671) {
animation-delay: 67.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(672) {
animation-delay: 67.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(673) {
animation-delay: 67.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(674) {
animation-delay: 67.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(675) {
animation-delay: 67.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(676) {
animation-delay: 67.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(677) {
animation-delay: 67.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(678) {
animation-delay: 67.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(679) {
animation-delay: 67.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(680) {
animation-delay: 68s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(681) {
animation-delay: 68.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(682) {
animation-delay: 68.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(683) {
animation-delay: 68.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(684) {
animation-delay: 68.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(685) {
animation-delay: 68.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(686) {
animation-delay: 68.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(687) {
animation-delay: 68.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(688) {
animation-delay: 68.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(689) {
animation-delay: 68.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(690) {
animation-delay: 69s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(691) {
animation-delay: 69.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(692) {
animation-delay: 69.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(693) {
animation-delay: 69.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(694) {
animation-delay: 69.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(695) {
animation-delay: 69.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(696) {
animation-delay: 69.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(697) {
animation-delay: 69.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(698) {
animation-delay: 69.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(699) {
animation-delay: 69.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(700) {
animation-delay: 70s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(701) {
animation-delay: 70.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(702) {
animation-delay: 70.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(703) {
animation-delay: 70.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(704) {
animation-delay: 70.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(705) {
animation-delay: 70.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(706) {
animation-delay: 70.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(707) {
animation-delay: 70.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(708) {
animation-delay: 70.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(709) {
animation-delay: 70.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(710) {
animation-delay: 71s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(711) {
animation-delay: 71.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(712) {
animation-delay: 71.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(713) {
animation-delay: 71.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(714) {
animation-delay: 71.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(715) {
animation-delay: 71.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(716) {
animation-delay: 71.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(717) {
animation-delay: 71.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(718) {
animation-delay: 71.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(719) {
animation-delay: 71.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(720) {
animation-delay: 72s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(721) {
animation-delay: 72.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(722) {
animation-delay: 72.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(723) {
animation-delay: 72.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(724) {
animation-delay: 72.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(725) {
animation-delay: 72.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(726) {
animation-delay: 72.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(727) {
animation-delay: 72.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(728) {
animation-delay: 72.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(729) {
animation-delay: 72.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(730) {
animation-delay: 73s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(731) {
animation-delay: 73.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(732) {
animation-delay: 73.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(733) {
animation-delay: 73.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(734) {
animation-delay: 73.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(735) {
animation-delay: 73.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(736) {
animation-delay: 73.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(737) {
animation-delay: 73.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(738) {
animation-delay: 73.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(739) {
animation-delay: 73.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(740) {
animation-delay: 74s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(741) {
animation-delay: 74.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(742) {
animation-delay: 74.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(743) {
animation-delay: 74.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(744) {
animation-delay: 74.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(745) {
animation-delay: 74.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(746) {
animation-delay: 74.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(747) {
animation-delay: 74.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(748) {
animation-delay: 74.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(749) {
animation-delay: 74.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(750) {
animation-delay: 75s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(751) {
animation-delay: 75.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(752) {
animation-delay: 75.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(753) {
animation-delay: 75.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(754) {
animation-delay: 75.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(755) {
animation-delay: 75.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(756) {
animation-delay: 75.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(757) {
animation-delay: 75.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(758) {
animation-delay: 75.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(759) {
animation-delay: 75.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(760) {
animation-delay: 76s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(761) {
animation-delay: 76.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(762) {
animation-delay: 76.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(763) {
animation-delay: 76.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(764) {
animation-delay: 76.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(765) {
animation-delay: 76.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(766) {
animation-delay: 76.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(767) {
animation-delay: 76.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(768) {
animation-delay: 76.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(769) {
animation-delay: 76.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(770) {
animation-delay: 77s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(771) {
animation-delay: 77.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(772) {
animation-delay: 77.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(773) {
animation-delay: 77.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(774) {
animation-delay: 77.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(775) {
animation-delay: 77.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(776) {
animation-delay: 77.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(777) {
animation-delay: 77.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(778) {
animation-delay: 77.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(779) {
animation-delay: 77.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(780) {
animation-delay: 78s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(781) {
animation-delay: 78.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(782) {
animation-delay: 78.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(783) {
animation-delay: 78.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(784) {
animation-delay: 78.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(785) {
animation-delay: 78.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(786) {
animation-delay: 78.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(787) {
animation-delay: 78.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(788) {
animation-delay: 78.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(789) {
animation-delay: 78.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(790) {
animation-delay: 79s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(791) {
animation-delay: 79.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(792) {
animation-delay: 79.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(793) {
animation-delay: 79.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(794) {
animation-delay: 79.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(795) {
animation-delay: 79.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(796) {
animation-delay: 79.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(797) {
animation-delay: 79.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(798) {
animation-delay: 79.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(799) {
animation-delay: 79.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(800) {
animation-delay: 80s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(801) {
animation-delay: 80.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(802) {
animation-delay: 80.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(803) {
animation-delay: 80.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(804) {
animation-delay: 80.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(805) {
animation-delay: 80.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(806) {
animation-delay: 80.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(807) {
animation-delay: 80.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(808) {
animation-delay: 80.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(809) {
animation-delay: 80.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(810) {
animation-delay: 81s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(811) {
animation-delay: 81.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(812) {
animation-delay: 81.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(813) {
animation-delay: 81.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(814) {
animation-delay: 81.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(815) {
animation-delay: 81.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(816) {
animation-delay: 81.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(817) {
animation-delay: 81.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(818) {
animation-delay: 81.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(819) {
animation-delay: 81.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(820) {
animation-delay: 82s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(821) {
animation-delay: 82.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(822) {
animation-delay: 82.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(823) {
animation-delay: 82.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(824) {
animation-delay: 82.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(825) {
animation-delay: 82.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(826) {
animation-delay: 82.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(827) {
animation-delay: 82.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(828) {
animation-delay: 82.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(829) {
animation-delay: 82.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(830) {
animation-delay: 83s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(831) {
animation-delay: 83.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(832) {
animation-delay: 83.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(833) {
animation-delay: 83.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(834) {
animation-delay: 83.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(835) {
animation-delay: 83.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(836) {
animation-delay: 83.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(837) {
animation-delay: 83.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(838) {
animation-delay: 83.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(839) {
animation-delay: 83.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(840) {
animation-delay: 84s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(841) {
animation-delay: 84.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(842) {
animation-delay: 84.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(843) {
animation-delay: 84.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(844) {
animation-delay: 84.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(845) {
animation-delay: 84.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(846) {
animation-delay: 84.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(847) {
animation-delay: 84.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(848) {
animation-delay: 84.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(849) {
animation-delay: 84.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(850) {
animation-delay: 85s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(851) {
animation-delay: 85.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(852) {
animation-delay: 85.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(853) {
animation-delay: 85.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(854) {
animation-delay: 85.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(855) {
animation-delay: 85.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(856) {
animation-delay: 85.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(857) {
animation-delay: 85.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(858) {
animation-delay: 85.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(859) {
animation-delay: 85.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(860) {
animation-delay: 86s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(861) {
animation-delay: 86.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(862) {
animation-delay: 86.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(863) {
animation-delay: 86.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(864) {
animation-delay: 86.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(865) {
animation-delay: 86.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(866) {
animation-delay: 86.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(867) {
animation-delay: 86.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(868) {
animation-delay: 86.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(869) {
animation-delay: 86.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(870) {
animation-delay: 87s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(871) {
animation-delay: 87.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(872) {
animation-delay: 87.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(873) {
animation-delay: 87.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(874) {
animation-delay: 87.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(875) {
animation-delay: 87.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(876) {
animation-delay: 87.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(877) {
animation-delay: 87.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(878) {
animation-delay: 87.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(879) {
animation-delay: 87.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(880) {
animation-delay: 88s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(881) {
animation-delay: 88.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(882) {
animation-delay: 88.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(883) {
animation-delay: 88.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(884) {
animation-delay: 88.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(885) {
animation-delay: 88.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(886) {
animation-delay: 88.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(887) {
animation-delay: 88.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(888) {
animation-delay: 88.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(889) {
animation-delay: 88.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(890) {
animation-delay: 89s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(891) {
animation-delay: 89.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(892) {
animation-delay: 89.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(893) {
animation-delay: 89.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(894) {
animation-delay: 89.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(895) {
animation-delay: 89.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(896) {
animation-delay: 89.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(897) {
animation-delay: 89.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(898) {
animation-delay: 89.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(899) {
animation-delay: 89.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(900) {
animation-delay: 90s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(901) {
animation-delay: 90.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(902) {
animation-delay: 90.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(903) {
animation-delay: 90.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(904) {
animation-delay: 90.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(905) {
animation-delay: 90.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(906) {
animation-delay: 90.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(907) {
animation-delay: 90.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(908) {
animation-delay: 90.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(909) {
animation-delay: 90.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(910) {
animation-delay: 91s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(911) {
animation-delay: 91.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(912) {
animation-delay: 91.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(913) {
animation-delay: 91.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(914) {
animation-delay: 91.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(915) {
animation-delay: 91.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(916) {
animation-delay: 91.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(917) {
animation-delay: 91.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(918) {
animation-delay: 91.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(919) {
animation-delay: 91.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(920) {
animation-delay: 92s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(921) {
animation-delay: 92.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(922) {
animation-delay: 92.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(923) {
animation-delay: 92.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(924) {
animation-delay: 92.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(925) {
animation-delay: 92.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(926) {
animation-delay: 92.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(927) {
animation-delay: 92.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(928) {
animation-delay: 92.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(929) {
animation-delay: 92.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(930) {
animation-delay: 93s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(931) {
animation-delay: 93.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(932) {
animation-delay: 93.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(933) {
animation-delay: 93.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(934) {
animation-delay: 93.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(935) {
animation-delay: 93.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(936) {
animation-delay: 93.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(937) {
animation-delay: 93.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(938) {
animation-delay: 93.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(939) {
animation-delay: 93.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(940) {
animation-delay: 94s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(941) {
animation-delay: 94.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(942) {
animation-delay: 94.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(943) {
animation-delay: 94.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(944) {
animation-delay: 94.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(945) {
animation-delay: 94.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(946) {
animation-delay: 94.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(947) {
animation-delay: 94.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(948) {
animation-delay: 94.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(949) {
animation-delay: 94.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(950) {
animation-delay: 95s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(951) {
animation-delay: 95.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(952) {
animation-delay: 95.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(953) {
animation-delay: 95.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(954) {
animation-delay: 95.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(955) {
animation-delay: 95.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(956) {
animation-delay: 95.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(957) {
animation-delay: 95.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(958) {
animation-delay: 95.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(959) {
animation-delay: 95.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(960) {
animation-delay: 96s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(961) {
animation-delay: 96.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(962) {
animation-delay: 96.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(963) {
animation-delay: 96.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(964) {
animation-delay: 96.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(965) {
animation-delay: 96.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(966) {
animation-delay: 96.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(967) {
animation-delay: 96.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(968) {
animation-delay: 96.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(969) {
animation-delay: 96.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(970) {
animation-delay: 97s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(971) {
animation-delay: 97.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(972) {
animation-delay: 97.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(973) {
animation-delay: 97.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(974) {
animation-delay: 97.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(975) {
animation-delay: 97.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(976) {
animation-delay: 97.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(977) {
animation-delay: 97.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(978) {
animation-delay: 97.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(979) {
animation-delay: 97.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(980) {
animation-delay: 98s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(981) {
animation-delay: 98.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(982) {
animation-delay: 98.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(983) {
animation-delay: 98.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(984) {
animation-delay: 98.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(985) {
animation-delay: 98.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(986) {
animation-delay: 98.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(987) {
animation-delay: 98.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(988) {
animation-delay: 98.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(989) {
animation-delay: 98.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(990) {
animation-delay: 99s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(991) {
animation-delay: 99.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(992) {
animation-delay: 99.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(993) {
animation-delay: 99.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(994) {
animation-delay: 99.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(995) {
animation-delay: 99.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(996) {
animation-delay: 99.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(997) {
animation-delay: 99.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(998) {
animation-delay: 99.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(999) {
animation-delay: 99.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1000) {
animation-delay: 100s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1001) {
animation-delay: 100.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1002) {
animation-delay: 100.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1003) {
animation-delay: 100.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1004) {
animation-delay: 100.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1005) {
animation-delay: 100.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1006) {
animation-delay: 100.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1007) {
animation-delay: 100.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1008) {
animation-delay: 100.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1009) {
animation-delay: 100.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1010) {
animation-delay: 101s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1011) {
animation-delay: 101.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1012) {
animation-delay: 101.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1013) {
animation-delay: 101.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1014) {
animation-delay: 101.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1015) {
animation-delay: 101.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1016) {
animation-delay: 101.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1017) {
animation-delay: 101.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1018) {
animation-delay: 101.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1019) {
animation-delay: 101.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1020) {
animation-delay: 102s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1021) {
animation-delay: 102.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1022) {
animation-delay: 102.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1023) {
animation-delay: 102.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1024) {
animation-delay: 102.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1025) {
animation-delay: 102.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1026) {
animation-delay: 102.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1027) {
animation-delay: 102.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1028) {
animation-delay: 102.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1029) {
animation-delay: 102.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1030) {
animation-delay: 103s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1031) {
animation-delay: 103.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1032) {
animation-delay: 103.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1033) {
animation-delay: 103.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1034) {
animation-delay: 103.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1035) {
animation-delay: 103.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1036) {
animation-delay: 103.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1037) {
animation-delay: 103.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1038) {
animation-delay: 103.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1039) {
animation-delay: 103.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1040) {
animation-delay: 104s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1041) {
animation-delay: 104.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1042) {
animation-delay: 104.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1043) {
animation-delay: 104.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1044) {
animation-delay: 104.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1045) {
animation-delay: 104.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1046) {
animation-delay: 104.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1047) {
animation-delay: 104.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1048) {
animation-delay: 104.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1049) {
animation-delay: 104.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1050) {
animation-delay: 105s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1051) {
animation-delay: 105.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1052) {
animation-delay: 105.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1053) {
animation-delay: 105.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1054) {
animation-delay: 105.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1055) {
animation-delay: 105.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1056) {
animation-delay: 105.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1057) {
animation-delay: 105.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1058) {
animation-delay: 105.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1059) {
animation-delay: 105.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1060) {
animation-delay: 106s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1061) {
animation-delay: 106.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1062) {
animation-delay: 106.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1063) {
animation-delay: 106.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1064) {
animation-delay: 106.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1065) {
animation-delay: 106.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1066) {
animation-delay: 106.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1067) {
animation-delay: 106.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1068) {
animation-delay: 106.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1069) {
animation-delay: 106.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1070) {
animation-delay: 107s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1071) {
animation-delay: 107.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1072) {
animation-delay: 107.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1073) {
animation-delay: 107.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1074) {
animation-delay: 107.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1075) {
animation-delay: 107.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1076) {
animation-delay: 107.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1077) {
animation-delay: 107.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1078) {
animation-delay: 107.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1079) {
animation-delay: 107.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1080) {
animation-delay: 108s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1081) {
animation-delay: 108.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1082) {
animation-delay: 108.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1083) {
animation-delay: 108.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1084) {
animation-delay: 108.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1085) {
animation-delay: 108.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1086) {
animation-delay: 108.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1087) {
animation-delay: 108.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1088) {
animation-delay: 108.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1089) {
animation-delay: 108.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1090) {
animation-delay: 109s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1091) {
animation-delay: 109.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1092) {
animation-delay: 109.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1093) {
animation-delay: 109.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1094) {
animation-delay: 109.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1095) {
animation-delay: 109.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1096) {
animation-delay: 109.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1097) {
animation-delay: 109.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1098) {
animation-delay: 109.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1099) {
animation-delay: 109.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1100) {
animation-delay: 110s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1101) {
animation-delay: 110.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1102) {
animation-delay: 110.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1103) {
animation-delay: 110.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1104) {
animation-delay: 110.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1105) {
animation-delay: 110.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1106) {
animation-delay: 110.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1107) {
animation-delay: 110.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1108) {
animation-delay: 110.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1109) {
animation-delay: 110.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1110) {
animation-delay: 111s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1111) {
animation-delay: 111.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1112) {
animation-delay: 111.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1113) {
animation-delay: 111.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1114) {
animation-delay: 111.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1115) {
animation-delay: 111.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1116) {
animation-delay: 111.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1117) {
animation-delay: 111.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1118) {
animation-delay: 111.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1119) {
animation-delay: 111.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1120) {
animation-delay: 112s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1121) {
animation-delay: 112.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1122) {
animation-delay: 112.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1123) {
animation-delay: 112.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1124) {
animation-delay: 112.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1125) {
animation-delay: 112.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1126) {
animation-delay: 112.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1127) {
animation-delay: 112.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1128) {
animation-delay: 112.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1129) {
animation-delay: 112.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1130) {
animation-delay: 113s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1131) {
animation-delay: 113.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1132) {
animation-delay: 113.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1133) {
animation-delay: 113.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1134) {
animation-delay: 113.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1135) {
animation-delay: 113.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1136) {
animation-delay: 113.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1137) {
animation-delay: 113.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1138) {
animation-delay: 113.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1139) {
animation-delay: 113.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1140) {
animation-delay: 114s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1141) {
animation-delay: 114.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1142) {
animation-delay: 114.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1143) {
animation-delay: 114.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1144) {
animation-delay: 114.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1145) {
animation-delay: 114.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1146) {
animation-delay: 114.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1147) {
animation-delay: 114.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1148) {
animation-delay: 114.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1149) {
animation-delay: 114.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1150) {
animation-delay: 115s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1151) {
animation-delay: 115.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1152) {
animation-delay: 115.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1153) {
animation-delay: 115.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1154) {
animation-delay: 115.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1155) {
animation-delay: 115.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1156) {
animation-delay: 115.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1157) {
animation-delay: 115.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1158) {
animation-delay: 115.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1159) {
animation-delay: 115.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1160) {
animation-delay: 116s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1161) {
animation-delay: 116.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1162) {
animation-delay: 116.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1163) {
animation-delay: 116.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1164) {
animation-delay: 116.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1165) {
animation-delay: 116.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1166) {
animation-delay: 116.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1167) {
animation-delay: 116.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1168) {
animation-delay: 116.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1169) {
animation-delay: 116.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1170) {
animation-delay: 117s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1171) {
animation-delay: 117.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1172) {
animation-delay: 117.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1173) {
animation-delay: 117.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1174) {
animation-delay: 117.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1175) {
animation-delay: 117.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1176) {
animation-delay: 117.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1177) {
animation-delay: 117.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1178) {
animation-delay: 117.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1179) {
animation-delay: 117.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1180) {
animation-delay: 118s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1181) {
animation-delay: 118.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1182) {
animation-delay: 118.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1183) {
animation-delay: 118.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1184) {
animation-delay: 118.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1185) {
animation-delay: 118.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1186) {
animation-delay: 118.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1187) {
animation-delay: 118.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1188) {
animation-delay: 118.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1189) {
animation-delay: 118.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1190) {
animation-delay: 119s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1191) {
animation-delay: 119.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1192) {
animation-delay: 119.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1193) {
animation-delay: 119.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1194) {
animation-delay: 119.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1195) {
animation-delay: 119.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1196) {
animation-delay: 119.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1197) {
animation-delay: 119.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1198) {
animation-delay: 119.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1199) {
animation-delay: 119.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1200) {
animation-delay: 120s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1201) {
animation-delay: 120.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1202) {
animation-delay: 120.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1203) {
animation-delay: 120.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1204) {
animation-delay: 120.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1205) {
animation-delay: 120.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1206) {
animation-delay: 120.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1207) {
animation-delay: 120.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1208) {
animation-delay: 120.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1209) {
animation-delay: 120.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1210) {
animation-delay: 121s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1211) {
animation-delay: 121.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1212) {
animation-delay: 121.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1213) {
animation-delay: 121.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1214) {
animation-delay: 121.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1215) {
animation-delay: 121.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1216) {
animation-delay: 121.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1217) {
animation-delay: 121.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1218) {
animation-delay: 121.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1219) {
animation-delay: 121.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1220) {
animation-delay: 122s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1221) {
animation-delay: 122.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1222) {
animation-delay: 122.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1223) {
animation-delay: 122.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1224) {
animation-delay: 122.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1225) {
animation-delay: 122.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1226) {
animation-delay: 122.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1227) {
animation-delay: 122.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1228) {
animation-delay: 122.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1229) {
animation-delay: 122.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1230) {
animation-delay: 123s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1231) {
animation-delay: 123.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1232) {
animation-delay: 123.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1233) {
animation-delay: 123.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1234) {
animation-delay: 123.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1235) {
animation-delay: 123.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1236) {
animation-delay: 123.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1237) {
animation-delay: 123.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1238) {
animation-delay: 123.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1239) {
animation-delay: 123.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1240) {
animation-delay: 124s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1241) {
animation-delay: 124.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1242) {
animation-delay: 124.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1243) {
animation-delay: 124.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1244) {
animation-delay: 124.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1245) {
animation-delay: 124.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1246) {
animation-delay: 124.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1247) {
animation-delay: 124.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1248) {
animation-delay: 124.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1249) {
animation-delay: 124.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1250) {
animation-delay: 125s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1251) {
animation-delay: 125.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1252) {
animation-delay: 125.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1253) {
animation-delay: 125.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1254) {
animation-delay: 125.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1255) {
animation-delay: 125.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1256) {
animation-delay: 125.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1257) {
animation-delay: 125.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1258) {
animation-delay: 125.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1259) {
animation-delay: 125.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1260) {
animation-delay: 126s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1261) {
animation-delay: 126.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1262) {
animation-delay: 126.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1263) {
animation-delay: 126.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1264) {
animation-delay: 126.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1265) {
animation-delay: 126.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1266) {
animation-delay: 126.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1267) {
animation-delay: 126.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1268) {
animation-delay: 126.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1269) {
animation-delay: 126.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1270) {
animation-delay: 127s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1271) {
animation-delay: 127.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1272) {
animation-delay: 127.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1273) {
animation-delay: 127.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1274) {
animation-delay: 127.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1275) {
animation-delay: 127.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1276) {
animation-delay: 127.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1277) {
animation-delay: 127.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1278) {
animation-delay: 127.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1279) {
animation-delay: 127.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1280) {
animation-delay: 128s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1281) {
animation-delay: 128.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1282) {
animation-delay: 128.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1283) {
animation-delay: 128.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1284) {
animation-delay: 128.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1285) {
animation-delay: 128.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1286) {
animation-delay: 128.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1287) {
animation-delay: 128.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1288) {
animation-delay: 128.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1289) {
animation-delay: 128.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1290) {
animation-delay: 129s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1291) {
animation-delay: 129.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1292) {
animation-delay: 129.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1293) {
animation-delay: 129.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1294) {
animation-delay: 129.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1295) {
animation-delay: 129.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1296) {
animation-delay: 129.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1297) {
animation-delay: 129.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1298) {
animation-delay: 129.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1299) {
animation-delay: 129.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1300) {
animation-delay: 130s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1301) {
animation-delay: 130.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1302) {
animation-delay: 130.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1303) {
animation-delay: 130.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1304) {
animation-delay: 130.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1305) {
animation-delay: 130.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1306) {
animation-delay: 130.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1307) {
animation-delay: 130.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1308) {
animation-delay: 130.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1309) {
animation-delay: 130.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1310) {
animation-delay: 131s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1311) {
animation-delay: 131.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1312) {
animation-delay: 131.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1313) {
animation-delay: 131.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1314) {
animation-delay: 131.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1315) {
animation-delay: 131.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1316) {
animation-delay: 131.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1317) {
animation-delay: 131.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1318) {
animation-delay: 131.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1319) {
animation-delay: 131.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1320) {
animation-delay: 132s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1321) {
animation-delay: 132.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1322) {
animation-delay: 132.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1323) {
animation-delay: 132.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1324) {
animation-delay: 132.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1325) {
animation-delay: 132.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1326) {
animation-delay: 132.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1327) {
animation-delay: 132.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1328) {
animation-delay: 132.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1329) {
animation-delay: 132.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1330) {
animation-delay: 133s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1331) {
animation-delay: 133.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1332) {
animation-delay: 133.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1333) {
animation-delay: 133.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1334) {
animation-delay: 133.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1335) {
animation-delay: 133.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1336) {
animation-delay: 133.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1337) {
animation-delay: 133.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1338) {
animation-delay: 133.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1339) {
animation-delay: 133.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1340) {
animation-delay: 134s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1341) {
animation-delay: 134.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1342) {
animation-delay: 134.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1343) {
animation-delay: 134.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1344) {
animation-delay: 134.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1345) {
animation-delay: 134.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1346) {
animation-delay: 134.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1347) {
animation-delay: 134.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1348) {
animation-delay: 134.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1349) {
animation-delay: 134.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1350) {
animation-delay: 135s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1351) {
animation-delay: 135.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1352) {
animation-delay: 135.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1353) {
animation-delay: 135.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1354) {
animation-delay: 135.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1355) {
animation-delay: 135.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1356) {
animation-delay: 135.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1357) {
animation-delay: 135.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1358) {
animation-delay: 135.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1359) {
animation-delay: 135.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1360) {
animation-delay: 136s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1361) {
animation-delay: 136.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1362) {
animation-delay: 136.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1363) {
animation-delay: 136.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1364) {
animation-delay: 136.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1365) {
animation-delay: 136.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1366) {
animation-delay: 136.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1367) {
animation-delay: 136.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1368) {
animation-delay: 136.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1369) {
animation-delay: 136.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1370) {
animation-delay: 137s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1371) {
animation-delay: 137.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1372) {
animation-delay: 137.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1373) {
animation-delay: 137.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1374) {
animation-delay: 137.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1375) {
animation-delay: 137.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1376) {
animation-delay: 137.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1377) {
animation-delay: 137.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1378) {
animation-delay: 137.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1379) {
animation-delay: 137.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1380) {
animation-delay: 138s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1381) {
animation-delay: 138.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1382) {
animation-delay: 138.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1383) {
animation-delay: 138.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1384) {
animation-delay: 138.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1385) {
animation-delay: 138.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1386) {
animation-delay: 138.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1387) {
animation-delay: 138.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1388) {
animation-delay: 138.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1389) {
animation-delay: 138.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1390) {
animation-delay: 139s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1391) {
animation-delay: 139.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1392) {
animation-delay: 139.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1393) {
animation-delay: 139.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1394) {
animation-delay: 139.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1395) {
animation-delay: 139.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1396) {
animation-delay: 139.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1397) {
animation-delay: 139.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1398) {
animation-delay: 139.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1399) {
animation-delay: 139.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1400) {
animation-delay: 140s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1401) {
animation-delay: 140.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1402) {
animation-delay: 140.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1403) {
animation-delay: 140.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1404) {
animation-delay: 140.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1405) {
animation-delay: 140.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1406) {
animation-delay: 140.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1407) {
animation-delay: 140.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1408) {
animation-delay: 140.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1409) {
animation-delay: 140.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1410) {
animation-delay: 141s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1411) {
animation-delay: 141.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1412) {
animation-delay: 141.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1413) {
animation-delay: 141.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1414) {
animation-delay: 141.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1415) {
animation-delay: 141.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1416) {
animation-delay: 141.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1417) {
animation-delay: 141.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1418) {
animation-delay: 141.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1419) {
animation-delay: 141.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1420) {
animation-delay: 142s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1421) {
animation-delay: 142.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1422) {
animation-delay: 142.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1423) {
animation-delay: 142.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1424) {
animation-delay: 142.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1425) {
animation-delay: 142.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1426) {
animation-delay: 142.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1427) {
animation-delay: 142.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1428) {
animation-delay: 142.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1429) {
animation-delay: 142.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1430) {
animation-delay: 143s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1431) {
animation-delay: 143.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1432) {
animation-delay: 143.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1433) {
animation-delay: 143.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1434) {
animation-delay: 143.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1435) {
animation-delay: 143.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1436) {
animation-delay: 143.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1437) {
animation-delay: 143.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1438) {
animation-delay: 143.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1439) {
animation-delay: 143.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1440) {
animation-delay: 144s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1441) {
animation-delay: 144.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1442) {
animation-delay: 144.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1443) {
animation-delay: 144.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1444) {
animation-delay: 144.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1445) {
animation-delay: 144.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1446) {
animation-delay: 144.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1447) {
animation-delay: 144.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1448) {
animation-delay: 144.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1449) {
animation-delay: 144.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1450) {
animation-delay: 145s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1451) {
animation-delay: 145.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1452) {
animation-delay: 145.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1453) {
animation-delay: 145.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1454) {
animation-delay: 145.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1455) {
animation-delay: 145.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1456) {
animation-delay: 145.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1457) {
animation-delay: 145.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1458) {
animation-delay: 145.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1459) {
animation-delay: 145.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1460) {
animation-delay: 146s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1461) {
animation-delay: 146.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1462) {
animation-delay: 146.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1463) {
animation-delay: 146.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1464) {
animation-delay: 146.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1465) {
animation-delay: 146.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1466) {
animation-delay: 146.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1467) {
animation-delay: 146.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1468) {
animation-delay: 146.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1469) {
animation-delay: 146.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1470) {
animation-delay: 147s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1471) {
animation-delay: 147.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1472) {
animation-delay: 147.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1473) {
animation-delay: 147.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1474) {
animation-delay: 147.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1475) {
animation-delay: 147.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1476) {
animation-delay: 147.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1477) {
animation-delay: 147.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1478) {
animation-delay: 147.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1479) {
animation-delay: 147.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1480) {
animation-delay: 148s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1481) {
animation-delay: 148.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1482) {
animation-delay: 148.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1483) {
animation-delay: 148.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1484) {
animation-delay: 148.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1485) {
animation-delay: 148.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1486) {
animation-delay: 148.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1487) {
animation-delay: 148.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1488) {
animation-delay: 148.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1489) {
animation-delay: 148.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1490) {
animation-delay: 149s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1491) {
animation-delay: 149.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1492) {
animation-delay: 149.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1493) {
animation-delay: 149.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1494) {
animation-delay: 149.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1495) {
animation-delay: 149.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1496) {
animation-delay: 149.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1497) {
animation-delay: 149.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1498) {
animation-delay: 149.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1499) {
animation-delay: 149.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1500) {
animation-delay: 150s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1501) {
animation-delay: 150.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1502) {
animation-delay: 150.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1503) {
animation-delay: 150.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1504) {
animation-delay: 150.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1505) {
animation-delay: 150.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1506) {
animation-delay: 150.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1507) {
animation-delay: 150.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1508) {
animation-delay: 150.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1509) {
animation-delay: 150.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1510) {
animation-delay: 151s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1511) {
animation-delay: 151.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1512) {
animation-delay: 151.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1513) {
animation-delay: 151.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1514) {
animation-delay: 151.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1515) {
animation-delay: 151.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1516) {
animation-delay: 151.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1517) {
animation-delay: 151.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1518) {
animation-delay: 151.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1519) {
animation-delay: 151.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1520) {
animation-delay: 152s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1521) {
animation-delay: 152.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1522) {
animation-delay: 152.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1523) {
animation-delay: 152.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1524) {
animation-delay: 152.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1525) {
animation-delay: 152.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1526) {
animation-delay: 152.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1527) {
animation-delay: 152.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1528) {
animation-delay: 152.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1529) {
animation-delay: 152.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1530) {
animation-delay: 153s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1531) {
animation-delay: 153.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1532) {
animation-delay: 153.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1533) {
animation-delay: 153.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1534) {
animation-delay: 153.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1535) {
animation-delay: 153.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1536) {
animation-delay: 153.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1537) {
animation-delay: 153.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1538) {
animation-delay: 153.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1539) {
animation-delay: 153.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1540) {
animation-delay: 154s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1541) {
animation-delay: 154.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1542) {
animation-delay: 154.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1543) {
animation-delay: 154.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1544) {
animation-delay: 154.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1545) {
animation-delay: 154.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1546) {
animation-delay: 154.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1547) {
animation-delay: 154.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1548) {
animation-delay: 154.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1549) {
animation-delay: 154.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1550) {
animation-delay: 155s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1551) {
animation-delay: 155.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1552) {
animation-delay: 155.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1553) {
animation-delay: 155.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1554) {
animation-delay: 155.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1555) {
animation-delay: 155.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1556) {
animation-delay: 155.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1557) {
animation-delay: 155.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1558) {
animation-delay: 155.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1559) {
animation-delay: 155.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1560) {
animation-delay: 156s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1561) {
animation-delay: 156.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1562) {
animation-delay: 156.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1563) {
animation-delay: 156.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1564) {
animation-delay: 156.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1565) {
animation-delay: 156.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1566) {
animation-delay: 156.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1567) {
animation-delay: 156.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1568) {
animation-delay: 156.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1569) {
animation-delay: 156.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1570) {
animation-delay: 157s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1571) {
animation-delay: 157.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1572) {
animation-delay: 157.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1573) {
animation-delay: 157.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1574) {
animation-delay: 157.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1575) {
animation-delay: 157.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1576) {
animation-delay: 157.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1577) {
animation-delay: 157.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1578) {
animation-delay: 157.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1579) {
animation-delay: 157.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1580) {
animation-delay: 158s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1581) {
animation-delay: 158.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1582) {
animation-delay: 158.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1583) {
animation-delay: 158.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1584) {
animation-delay: 158.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1585) {
animation-delay: 158.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1586) {
animation-delay: 158.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1587) {
animation-delay: 158.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1588) {
animation-delay: 158.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1589) {
animation-delay: 158.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1590) {
animation-delay: 159s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1591) {
animation-delay: 159.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1592) {
animation-delay: 159.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1593) {
animation-delay: 159.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1594) {
animation-delay: 159.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1595) {
animation-delay: 159.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1596) {
animation-delay: 159.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1597) {
animation-delay: 159.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1598) {
animation-delay: 159.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1599) {
animation-delay: 159.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1600) {
animation-delay: 160s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1601) {
animation-delay: 160.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1602) {
animation-delay: 160.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1603) {
animation-delay: 160.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1604) {
animation-delay: 160.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1605) {
animation-delay: 160.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1606) {
animation-delay: 160.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1607) {
animation-delay: 160.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1608) {
animation-delay: 160.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1609) {
animation-delay: 160.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1610) {
animation-delay: 161s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1611) {
animation-delay: 161.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1612) {
animation-delay: 161.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1613) {
animation-delay: 161.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1614) {
animation-delay: 161.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1615) {
animation-delay: 161.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1616) {
animation-delay: 161.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1617) {
animation-delay: 161.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1618) {
animation-delay: 161.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1619) {
animation-delay: 161.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1620) {
animation-delay: 162s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1621) {
animation-delay: 162.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1622) {
animation-delay: 162.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1623) {
animation-delay: 162.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1624) {
animation-delay: 162.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1625) {
animation-delay: 162.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1626) {
animation-delay: 162.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1627) {
animation-delay: 162.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1628) {
animation-delay: 162.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1629) {
animation-delay: 162.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1630) {
animation-delay: 163s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1631) {
animation-delay: 163.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1632) {
animation-delay: 163.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1633) {
animation-delay: 163.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1634) {
animation-delay: 163.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1635) {
animation-delay: 163.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1636) {
animation-delay: 163.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1637) {
animation-delay: 163.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1638) {
animation-delay: 163.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1639) {
animation-delay: 163.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1640) {
animation-delay: 164s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1641) {
animation-delay: 164.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1642) {
animation-delay: 164.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1643) {
animation-delay: 164.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1644) {
animation-delay: 164.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1645) {
animation-delay: 164.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1646) {
animation-delay: 164.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1647) {
animation-delay: 164.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1648) {
animation-delay: 164.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1649) {
animation-delay: 164.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1650) {
animation-delay: 165s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1651) {
animation-delay: 165.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1652) {
animation-delay: 165.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1653) {
animation-delay: 165.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1654) {
animation-delay: 165.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1655) {
animation-delay: 165.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1656) {
animation-delay: 165.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1657) {
animation-delay: 165.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1658) {
animation-delay: 165.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1659) {
animation-delay: 165.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1660) {
animation-delay: 166s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1661) {
animation-delay: 166.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1662) {
animation-delay: 166.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1663) {
animation-delay: 166.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1664) {
animation-delay: 166.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1665) {
animation-delay: 166.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1666) {
animation-delay: 166.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1667) {
animation-delay: 166.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1668) {
animation-delay: 166.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1669) {
animation-delay: 166.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1670) {
animation-delay: 167s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1671) {
animation-delay: 167.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1672) {
animation-delay: 167.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1673) {
animation-delay: 167.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1674) {
animation-delay: 167.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1675) {
animation-delay: 167.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1676) {
animation-delay: 167.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1677) {
animation-delay: 167.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1678) {
animation-delay: 167.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1679) {
animation-delay: 167.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1680) {
animation-delay: 168s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1681) {
animation-delay: 168.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1682) {
animation-delay: 168.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1683) {
animation-delay: 168.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1684) {
animation-delay: 168.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1685) {
animation-delay: 168.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1686) {
animation-delay: 168.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1687) {
animation-delay: 168.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1688) {
animation-delay: 168.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1689) {
animation-delay: 168.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1690) {
animation-delay: 169s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1691) {
animation-delay: 169.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1692) {
animation-delay: 169.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1693) {
animation-delay: 169.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1694) {
animation-delay: 169.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1695) {
animation-delay: 169.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1696) {
animation-delay: 169.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1697) {
animation-delay: 169.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1698) {
animation-delay: 169.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1699) {
animation-delay: 169.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1700) {
animation-delay: 170s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1701) {
animation-delay: 170.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1702) {
animation-delay: 170.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1703) {
animation-delay: 170.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1704) {
animation-delay: 170.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1705) {
animation-delay: 170.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1706) {
animation-delay: 170.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1707) {
animation-delay: 170.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1708) {
animation-delay: 170.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1709) {
animation-delay: 170.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1710) {
animation-delay: 171s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1711) {
animation-delay: 171.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1712) {
animation-delay: 171.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1713) {
animation-delay: 171.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1714) {
animation-delay: 171.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1715) {
animation-delay: 171.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1716) {
animation-delay: 171.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1717) {
animation-delay: 171.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1718) {
animation-delay: 171.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1719) {
animation-delay: 171.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1720) {
animation-delay: 172s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1721) {
animation-delay: 172.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1722) {
animation-delay: 172.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1723) {
animation-delay: 172.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1724) {
animation-delay: 172.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1725) {
animation-delay: 172.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1726) {
animation-delay: 172.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1727) {
animation-delay: 172.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1728) {
animation-delay: 172.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1729) {
animation-delay: 172.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1730) {
animation-delay: 173s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1731) {
animation-delay: 173.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1732) {
animation-delay: 173.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1733) {
animation-delay: 173.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1734) {
animation-delay: 173.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1735) {
animation-delay: 173.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1736) {
animation-delay: 173.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1737) {
animation-delay: 173.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1738) {
animation-delay: 173.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1739) {
animation-delay: 173.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1740) {
animation-delay: 174s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1741) {
animation-delay: 174.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1742) {
animation-delay: 174.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1743) {
animation-delay: 174.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1744) {
animation-delay: 174.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1745) {
animation-delay: 174.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1746) {
animation-delay: 174.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1747) {
animation-delay: 174.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1748) {
animation-delay: 174.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1749) {
animation-delay: 174.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1750) {
animation-delay: 175s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1751) {
animation-delay: 175.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1752) {
animation-delay: 175.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1753) {
animation-delay: 175.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1754) {
animation-delay: 175.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1755) {
animation-delay: 175.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1756) {
animation-delay: 175.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1757) {
animation-delay: 175.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1758) {
animation-delay: 175.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1759) {
animation-delay: 175.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1760) {
animation-delay: 176s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1761) {
animation-delay: 176.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1762) {
animation-delay: 176.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1763) {
animation-delay: 176.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1764) {
animation-delay: 176.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1765) {
animation-delay: 176.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1766) {
animation-delay: 176.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1767) {
animation-delay: 176.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1768) {
animation-delay: 176.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1769) {
animation-delay: 176.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1770) {
animation-delay: 177s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1771) {
animation-delay: 177.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1772) {
animation-delay: 177.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1773) {
animation-delay: 177.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1774) {
animation-delay: 177.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1775) {
animation-delay: 177.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1776) {
animation-delay: 177.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1777) {
animation-delay: 177.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1778) {
animation-delay: 177.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1779) {
animation-delay: 177.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1780) {
animation-delay: 178s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1781) {
animation-delay: 178.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1782) {
animation-delay: 178.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1783) {
animation-delay: 178.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1784) {
animation-delay: 178.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1785) {
animation-delay: 178.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1786) {
animation-delay: 178.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1787) {
animation-delay: 178.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1788) {
animation-delay: 178.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1789) {
animation-delay: 178.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1790) {
animation-delay: 179s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1791) {
animation-delay: 179.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1792) {
animation-delay: 179.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1793) {
animation-delay: 179.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1794) {
animation-delay: 179.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1795) {
animation-delay: 179.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1796) {
animation-delay: 179.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1797) {
animation-delay: 179.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1798) {
animation-delay: 179.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1799) {
animation-delay: 179.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1800) {
animation-delay: 180s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1801) {
animation-delay: 180.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1802) {
animation-delay: 180.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1803) {
animation-delay: 180.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1804) {
animation-delay: 180.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1805) {
animation-delay: 180.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1806) {
animation-delay: 180.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1807) {
animation-delay: 180.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1808) {
animation-delay: 180.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1809) {
animation-delay: 180.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1810) {
animation-delay: 181s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1811) {
animation-delay: 181.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1812) {
animation-delay: 181.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1813) {
animation-delay: 181.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1814) {
animation-delay: 181.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1815) {
animation-delay: 181.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1816) {
animation-delay: 181.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1817) {
animation-delay: 181.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1818) {
animation-delay: 181.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1819) {
animation-delay: 181.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1820) {
animation-delay: 182s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1821) {
animation-delay: 182.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1822) {
animation-delay: 182.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1823) {
animation-delay: 182.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1824) {
animation-delay: 182.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1825) {
animation-delay: 182.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1826) {
animation-delay: 182.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1827) {
animation-delay: 182.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1828) {
animation-delay: 182.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1829) {
animation-delay: 182.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1830) {
animation-delay: 183s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1831) {
animation-delay: 183.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1832) {
animation-delay: 183.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1833) {
animation-delay: 183.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1834) {
animation-delay: 183.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1835) {
animation-delay: 183.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1836) {
animation-delay: 183.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1837) {
animation-delay: 183.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1838) {
animation-delay: 183.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1839) {
animation-delay: 183.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1840) {
animation-delay: 184s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1841) {
animation-delay: 184.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1842) {
animation-delay: 184.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1843) {
animation-delay: 184.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1844) {
animation-delay: 184.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1845) {
animation-delay: 184.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1846) {
animation-delay: 184.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1847) {
animation-delay: 184.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1848) {
animation-delay: 184.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1849) {
animation-delay: 184.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1850) {
animation-delay: 185s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1851) {
animation-delay: 185.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1852) {
animation-delay: 185.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1853) {
animation-delay: 185.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1854) {
animation-delay: 185.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1855) {
animation-delay: 185.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1856) {
animation-delay: 185.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1857) {
animation-delay: 185.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1858) {
animation-delay: 185.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1859) {
animation-delay: 185.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1860) {
animation-delay: 186s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1861) {
animation-delay: 186.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1862) {
animation-delay: 186.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1863) {
animation-delay: 186.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1864) {
animation-delay: 186.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1865) {
animation-delay: 186.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1866) {
animation-delay: 186.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1867) {
animation-delay: 186.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1868) {
animation-delay: 186.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1869) {
animation-delay: 186.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1870) {
animation-delay: 187s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1871) {
animation-delay: 187.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1872) {
animation-delay: 187.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1873) {
animation-delay: 187.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1874) {
animation-delay: 187.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1875) {
animation-delay: 187.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1876) {
animation-delay: 187.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1877) {
animation-delay: 187.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1878) {
animation-delay: 187.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1879) {
animation-delay: 187.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1880) {
animation-delay: 188s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1881) {
animation-delay: 188.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1882) {
animation-delay: 188.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1883) {
animation-delay: 188.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1884) {
animation-delay: 188.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1885) {
animation-delay: 188.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1886) {
animation-delay: 188.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1887) {
animation-delay: 188.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1888) {
animation-delay: 188.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1889) {
animation-delay: 188.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1890) {
animation-delay: 189s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1891) {
animation-delay: 189.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1892) {
animation-delay: 189.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1893) {
animation-delay: 189.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1894) {
animation-delay: 189.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1895) {
animation-delay: 189.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1896) {
animation-delay: 189.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1897) {
animation-delay: 189.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1898) {
animation-delay: 189.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1899) {
animation-delay: 189.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1900) {
animation-delay: 190s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1901) {
animation-delay: 190.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1902) {
animation-delay: 190.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1903) {
animation-delay: 190.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1904) {
animation-delay: 190.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1905) {
animation-delay: 190.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1906) {
animation-delay: 190.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1907) {
animation-delay: 190.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1908) {
animation-delay: 190.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1909) {
animation-delay: 190.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1910) {
animation-delay: 191s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1911) {
animation-delay: 191.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1912) {
animation-delay: 191.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1913) {
animation-delay: 191.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1914) {
animation-delay: 191.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1915) {
animation-delay: 191.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1916) {
animation-delay: 191.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1917) {
animation-delay: 191.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1918) {
animation-delay: 191.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1919) {
animation-delay: 191.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1920) {
animation-delay: 192s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1921) {
animation-delay: 192.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1922) {
animation-delay: 192.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1923) {
animation-delay: 192.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1924) {
animation-delay: 192.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1925) {
animation-delay: 192.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1926) {
animation-delay: 192.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1927) {
animation-delay: 192.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1928) {
animation-delay: 192.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1929) {
animation-delay: 192.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1930) {
animation-delay: 193s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1931) {
animation-delay: 193.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1932) {
animation-delay: 193.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1933) {
animation-delay: 193.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1934) {
animation-delay: 193.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1935) {
animation-delay: 193.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1936) {
animation-delay: 193.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1937) {
animation-delay: 193.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1938) {
animation-delay: 193.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1939) {
animation-delay: 193.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1940) {
animation-delay: 194s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1941) {
animation-delay: 194.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1942) {
animation-delay: 194.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1943) {
animation-delay: 194.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1944) {
animation-delay: 194.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1945) {
animation-delay: 194.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1946) {
animation-delay: 194.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1947) {
animation-delay: 194.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1948) {
animation-delay: 194.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1949) {
animation-delay: 194.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1950) {
animation-delay: 195s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1951) {
animation-delay: 195.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1952) {
animation-delay: 195.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1953) {
animation-delay: 195.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1954) {
animation-delay: 195.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1955) {
animation-delay: 195.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1956) {
animation-delay: 195.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1957) {
animation-delay: 195.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1958) {
animation-delay: 195.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1959) {
animation-delay: 195.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1960) {
animation-delay: 196s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1961) {
animation-delay: 196.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1962) {
animation-delay: 196.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1963) {
animation-delay: 196.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1964) {
animation-delay: 196.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1965) {
animation-delay: 196.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1966) {
animation-delay: 196.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1967) {
animation-delay: 196.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1968) {
animation-delay: 196.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1969) {
animation-delay: 196.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1970) {
animation-delay: 197s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1971) {
animation-delay: 197.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1972) {
animation-delay: 197.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1973) {
animation-delay: 197.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1974) {
animation-delay: 197.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1975) {
animation-delay: 197.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1976) {
animation-delay: 197.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1977) {
animation-delay: 197.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1978) {
animation-delay: 197.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1979) {
animation-delay: 197.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1980) {
animation-delay: 198s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1981) {
animation-delay: 198.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1982) {
animation-delay: 198.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1983) {
animation-delay: 198.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1984) {
animation-delay: 198.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1985) {
animation-delay: 198.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1986) {
animation-delay: 198.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1987) {
animation-delay: 198.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1988) {
animation-delay: 198.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1989) {
animation-delay: 198.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1990) {
animation-delay: 199s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1991) {
animation-delay: 199.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1992) {
animation-delay: 199.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1993) {
animation-delay: 199.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1994) {
animation-delay: 199.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1995) {
animation-delay: 199.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1996) {
animation-delay: 199.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1997) {
animation-delay: 199.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1998) {
animation-delay: 199.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(1999) {
animation-delay: 199.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2000) {
animation-delay: 200s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2001) {
animation-delay: 200.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2002) {
animation-delay: 200.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2003) {
animation-delay: 200.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2004) {
animation-delay: 200.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2005) {
animation-delay: 200.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2006) {
animation-delay: 200.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2007) {
animation-delay: 200.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2008) {
animation-delay: 200.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2009) {
animation-delay: 200.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2010) {
animation-delay: 201s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2011) {
animation-delay: 201.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2012) {
animation-delay: 201.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2013) {
animation-delay: 201.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2014) {
animation-delay: 201.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2015) {
animation-delay: 201.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2016) {
animation-delay: 201.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2017) {
animation-delay: 201.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2018) {
animation-delay: 201.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2019) {
animation-delay: 201.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2020) {
animation-delay: 202s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2021) {
animation-delay: 202.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2022) {
animation-delay: 202.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2023) {
animation-delay: 202.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2024) {
animation-delay: 202.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2025) {
animation-delay: 202.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2026) {
animation-delay: 202.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2027) {
animation-delay: 202.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2028) {
animation-delay: 202.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2029) {
animation-delay: 202.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2030) {
animation-delay: 203s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2031) {
animation-delay: 203.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2032) {
animation-delay: 203.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2033) {
animation-delay: 203.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2034) {
animation-delay: 203.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2035) {
animation-delay: 203.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2036) {
animation-delay: 203.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2037) {
animation-delay: 203.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2038) {
animation-delay: 203.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2039) {
animation-delay: 203.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2040) {
animation-delay: 204s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2041) {
animation-delay: 204.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2042) {
animation-delay: 204.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2043) {
animation-delay: 204.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2044) {
animation-delay: 204.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2045) {
animation-delay: 204.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2046) {
animation-delay: 204.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2047) {
animation-delay: 204.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2048) {
animation-delay: 204.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2049) {
animation-delay: 204.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2050) {
animation-delay: 205s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2051) {
animation-delay: 205.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2052) {
animation-delay: 205.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2053) {
animation-delay: 205.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2054) {
animation-delay: 205.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2055) {
animation-delay: 205.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2056) {
animation-delay: 205.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2057) {
animation-delay: 205.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2058) {
animation-delay: 205.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2059) {
animation-delay: 205.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2060) {
animation-delay: 206s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2061) {
animation-delay: 206.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2062) {
animation-delay: 206.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2063) {
animation-delay: 206.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2064) {
animation-delay: 206.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2065) {
animation-delay: 206.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2066) {
animation-delay: 206.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2067) {
animation-delay: 206.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2068) {
animation-delay: 206.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2069) {
animation-delay: 206.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2070) {
animation-delay: 207s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2071) {
animation-delay: 207.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2072) {
animation-delay: 207.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2073) {
animation-delay: 207.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2074) {
animation-delay: 207.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2075) {
animation-delay: 207.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2076) {
animation-delay: 207.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2077) {
animation-delay: 207.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2078) {
animation-delay: 207.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2079) {
animation-delay: 207.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2080) {
animation-delay: 208s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2081) {
animation-delay: 208.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2082) {
animation-delay: 208.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2083) {
animation-delay: 208.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2084) {
animation-delay: 208.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2085) {
animation-delay: 208.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2086) {
animation-delay: 208.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2087) {
animation-delay: 208.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2088) {
animation-delay: 208.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2089) {
animation-delay: 208.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2090) {
animation-delay: 209s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2091) {
animation-delay: 209.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2092) {
animation-delay: 209.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2093) {
animation-delay: 209.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2094) {
animation-delay: 209.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2095) {
animation-delay: 209.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2096) {
animation-delay: 209.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2097) {
animation-delay: 209.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2098) {
animation-delay: 209.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2099) {
animation-delay: 209.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2100) {
animation-delay: 210s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2101) {
animation-delay: 210.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2102) {
animation-delay: 210.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2103) {
animation-delay: 210.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2104) {
animation-delay: 210.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2105) {
animation-delay: 210.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2106) {
animation-delay: 210.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2107) {
animation-delay: 210.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2108) {
animation-delay: 210.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2109) {
animation-delay: 210.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2110) {
animation-delay: 211s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2111) {
animation-delay: 211.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2112) {
animation-delay: 211.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2113) {
animation-delay: 211.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2114) {
animation-delay: 211.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2115) {
animation-delay: 211.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2116) {
animation-delay: 211.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2117) {
animation-delay: 211.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2118) {
animation-delay: 211.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2119) {
animation-delay: 211.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2120) {
animation-delay: 212s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2121) {
animation-delay: 212.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2122) {
animation-delay: 212.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2123) {
animation-delay: 212.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2124) {
animation-delay: 212.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2125) {
animation-delay: 212.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2126) {
animation-delay: 212.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2127) {
animation-delay: 212.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2128) {
animation-delay: 212.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2129) {
animation-delay: 212.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2130) {
animation-delay: 213s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2131) {
animation-delay: 213.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2132) {
animation-delay: 213.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2133) {
animation-delay: 213.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2134) {
animation-delay: 213.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2135) {
animation-delay: 213.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2136) {
animation-delay: 213.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2137) {
animation-delay: 213.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2138) {
animation-delay: 213.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2139) {
animation-delay: 213.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2140) {
animation-delay: 214s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2141) {
animation-delay: 214.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2142) {
animation-delay: 214.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2143) {
animation-delay: 214.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2144) {
animation-delay: 214.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2145) {
animation-delay: 214.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2146) {
animation-delay: 214.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2147) {
animation-delay: 214.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2148) {
animation-delay: 214.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2149) {
animation-delay: 214.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2150) {
animation-delay: 215s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2151) {
animation-delay: 215.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2152) {
animation-delay: 215.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2153) {
animation-delay: 215.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2154) {
animation-delay: 215.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2155) {
animation-delay: 215.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2156) {
animation-delay: 215.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2157) {
animation-delay: 215.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2158) {
animation-delay: 215.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2159) {
animation-delay: 215.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2160) {
animation-delay: 216s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2161) {
animation-delay: 216.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2162) {
animation-delay: 216.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2163) {
animation-delay: 216.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2164) {
animation-delay: 216.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2165) {
animation-delay: 216.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2166) {
animation-delay: 216.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2167) {
animation-delay: 216.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2168) {
animation-delay: 216.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2169) {
animation-delay: 216.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2170) {
animation-delay: 217s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2171) {
animation-delay: 217.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2172) {
animation-delay: 217.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2173) {
animation-delay: 217.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2174) {
animation-delay: 217.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2175) {
animation-delay: 217.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2176) {
animation-delay: 217.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2177) {
animation-delay: 217.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2178) {
animation-delay: 217.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2179) {
animation-delay: 217.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2180) {
animation-delay: 218s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2181) {
animation-delay: 218.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2182) {
animation-delay: 218.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2183) {
animation-delay: 218.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2184) {
animation-delay: 218.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2185) {
animation-delay: 218.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2186) {
animation-delay: 218.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2187) {
animation-delay: 218.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2188) {
animation-delay: 218.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2189) {
animation-delay: 218.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2190) {
animation-delay: 219s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2191) {
animation-delay: 219.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2192) {
animation-delay: 219.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2193) {
animation-delay: 219.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2194) {
animation-delay: 219.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2195) {
animation-delay: 219.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2196) {
animation-delay: 219.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2197) {
animation-delay: 219.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2198) {
animation-delay: 219.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2199) {
animation-delay: 219.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2200) {
animation-delay: 220s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2201) {
animation-delay: 220.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2202) {
animation-delay: 220.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2203) {
animation-delay: 220.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2204) {
animation-delay: 220.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2205) {
animation-delay: 220.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2206) {
animation-delay: 220.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2207) {
animation-delay: 220.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2208) {
animation-delay: 220.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2209) {
animation-delay: 220.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2210) {
animation-delay: 221s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2211) {
animation-delay: 221.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2212) {
animation-delay: 221.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2213) {
animation-delay: 221.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2214) {
animation-delay: 221.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2215) {
animation-delay: 221.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2216) {
animation-delay: 221.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2217) {
animation-delay: 221.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2218) {
animation-delay: 221.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2219) {
animation-delay: 221.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2220) {
animation-delay: 222s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2221) {
animation-delay: 222.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2222) {
animation-delay: 222.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2223) {
animation-delay: 222.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2224) {
animation-delay: 222.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2225) {
animation-delay: 222.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2226) {
animation-delay: 222.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2227) {
animation-delay: 222.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2228) {
animation-delay: 222.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2229) {
animation-delay: 222.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2230) {
animation-delay: 223s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2231) {
animation-delay: 223.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2232) {
animation-delay: 223.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2233) {
animation-delay: 223.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2234) {
animation-delay: 223.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2235) {
animation-delay: 223.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2236) {
animation-delay: 223.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2237) {
animation-delay: 223.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2238) {
animation-delay: 223.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2239) {
animation-delay: 223.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2240) {
animation-delay: 224s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2241) {
animation-delay: 224.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2242) {
animation-delay: 224.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2243) {
animation-delay: 224.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2244) {
animation-delay: 224.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2245) {
animation-delay: 224.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2246) {
animation-delay: 224.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2247) {
animation-delay: 224.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2248) {
animation-delay: 224.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2249) {
animation-delay: 224.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2250) {
animation-delay: 225s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2251) {
animation-delay: 225.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2252) {
animation-delay: 225.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2253) {
animation-delay: 225.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2254) {
animation-delay: 225.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2255) {
animation-delay: 225.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2256) {
animation-delay: 225.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2257) {
animation-delay: 225.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2258) {
animation-delay: 225.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2259) {
animation-delay: 225.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2260) {
animation-delay: 226s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2261) {
animation-delay: 226.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2262) {
animation-delay: 226.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2263) {
animation-delay: 226.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2264) {
animation-delay: 226.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2265) {
animation-delay: 226.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2266) {
animation-delay: 226.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2267) {
animation-delay: 226.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2268) {
animation-delay: 226.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2269) {
animation-delay: 226.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2270) {
animation-delay: 227s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2271) {
animation-delay: 227.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2272) {
animation-delay: 227.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2273) {
animation-delay: 227.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2274) {
animation-delay: 227.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2275) {
animation-delay: 227.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2276) {
animation-delay: 227.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2277) {
animation-delay: 227.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2278) {
animation-delay: 227.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2279) {
animation-delay: 227.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2280) {
animation-delay: 228s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2281) {
animation-delay: 228.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2282) {
animation-delay: 228.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2283) {
animation-delay: 228.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2284) {
animation-delay: 228.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2285) {
animation-delay: 228.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2286) {
animation-delay: 228.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2287) {
animation-delay: 228.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2288) {
animation-delay: 228.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2289) {
animation-delay: 228.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2290) {
animation-delay: 229s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2291) {
animation-delay: 229.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2292) {
animation-delay: 229.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2293) {
animation-delay: 229.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2294) {
animation-delay: 229.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2295) {
animation-delay: 229.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2296) {
animation-delay: 229.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2297) {
animation-delay: 229.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2298) {
animation-delay: 229.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2299) {
animation-delay: 229.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2300) {
animation-delay: 230s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2301) {
animation-delay: 230.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2302) {
animation-delay: 230.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2303) {
animation-delay: 230.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2304) {
animation-delay: 230.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2305) {
animation-delay: 230.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2306) {
animation-delay: 230.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2307) {
animation-delay: 230.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2308) {
animation-delay: 230.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2309) {
animation-delay: 230.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2310) {
animation-delay: 231s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2311) {
animation-delay: 231.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2312) {
animation-delay: 231.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2313) {
animation-delay: 231.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2314) {
animation-delay: 231.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2315) {
animation-delay: 231.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2316) {
animation-delay: 231.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2317) {
animation-delay: 231.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2318) {
animation-delay: 231.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2319) {
animation-delay: 231.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2320) {
animation-delay: 232s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2321) {
animation-delay: 232.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2322) {
animation-delay: 232.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2323) {
animation-delay: 232.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2324) {
animation-delay: 232.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2325) {
animation-delay: 232.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2326) {
animation-delay: 232.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2327) {
animation-delay: 232.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2328) {
animation-delay: 232.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2329) {
animation-delay: 232.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2330) {
animation-delay: 233s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2331) {
animation-delay: 233.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2332) {
animation-delay: 233.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2333) {
animation-delay: 233.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2334) {
animation-delay: 233.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2335) {
animation-delay: 233.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2336) {
animation-delay: 233.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2337) {
animation-delay: 233.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2338) {
animation-delay: 233.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2339) {
animation-delay: 233.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2340) {
animation-delay: 234s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2341) {
animation-delay: 234.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2342) {
animation-delay: 234.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2343) {
animation-delay: 234.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2344) {
animation-delay: 234.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2345) {
animation-delay: 234.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2346) {
animation-delay: 234.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2347) {
animation-delay: 234.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2348) {
animation-delay: 234.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2349) {
animation-delay: 234.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2350) {
animation-delay: 235s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2351) {
animation-delay: 235.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2352) {
animation-delay: 235.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2353) {
animation-delay: 235.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2354) {
animation-delay: 235.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2355) {
animation-delay: 235.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2356) {
animation-delay: 235.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2357) {
animation-delay: 235.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2358) {
animation-delay: 235.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2359) {
animation-delay: 235.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2360) {
animation-delay: 236s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2361) {
animation-delay: 236.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2362) {
animation-delay: 236.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2363) {
animation-delay: 236.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2364) {
animation-delay: 236.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2365) {
animation-delay: 236.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2366) {
animation-delay: 236.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2367) {
animation-delay: 236.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2368) {
animation-delay: 236.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2369) {
animation-delay: 236.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2370) {
animation-delay: 237s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2371) {
animation-delay: 237.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2372) {
animation-delay: 237.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2373) {
animation-delay: 237.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2374) {
animation-delay: 237.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2375) {
animation-delay: 237.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2376) {
animation-delay: 237.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2377) {
animation-delay: 237.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2378) {
animation-delay: 237.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2379) {
animation-delay: 237.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2380) {
animation-delay: 238s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2381) {
animation-delay: 238.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2382) {
animation-delay: 238.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2383) {
animation-delay: 238.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2384) {
animation-delay: 238.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2385) {
animation-delay: 238.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2386) {
animation-delay: 238.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2387) {
animation-delay: 238.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2388) {
animation-delay: 238.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2389) {
animation-delay: 238.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2390) {
animation-delay: 239s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2391) {
animation-delay: 239.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2392) {
animation-delay: 239.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2393) {
animation-delay: 239.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2394) {
animation-delay: 239.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2395) {
animation-delay: 239.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2396) {
animation-delay: 239.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2397) {
animation-delay: 239.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2398) {
animation-delay: 239.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2399) {
animation-delay: 239.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2400) {
animation-delay: 240s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2401) {
animation-delay: 240.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2402) {
animation-delay: 240.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2403) {
animation-delay: 240.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2404) {
animation-delay: 240.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2405) {
animation-delay: 240.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2406) {
animation-delay: 240.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2407) {
animation-delay: 240.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2408) {
animation-delay: 240.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2409) {
animation-delay: 240.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2410) {
animation-delay: 241s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2411) {
animation-delay: 241.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2412) {
animation-delay: 241.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2413) {
animation-delay: 241.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2414) {
animation-delay: 241.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2415) {
animation-delay: 241.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2416) {
animation-delay: 241.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2417) {
animation-delay: 241.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2418) {
animation-delay: 241.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2419) {
animation-delay: 241.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2420) {
animation-delay: 242s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2421) {
animation-delay: 242.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2422) {
animation-delay: 242.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2423) {
animation-delay: 242.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2424) {
animation-delay: 242.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2425) {
animation-delay: 242.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2426) {
animation-delay: 242.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2427) {
animation-delay: 242.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2428) {
animation-delay: 242.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2429) {
animation-delay: 242.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2430) {
animation-delay: 243s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2431) {
animation-delay: 243.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2432) {
animation-delay: 243.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2433) {
animation-delay: 243.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2434) {
animation-delay: 243.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2435) {
animation-delay: 243.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2436) {
animation-delay: 243.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2437) {
animation-delay: 243.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2438) {
animation-delay: 243.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2439) {
animation-delay: 243.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2440) {
animation-delay: 244s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2441) {
animation-delay: 244.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2442) {
animation-delay: 244.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2443) {
animation-delay: 244.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2444) {
animation-delay: 244.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2445) {
animation-delay: 244.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2446) {
animation-delay: 244.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2447) {
animation-delay: 244.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2448) {
animation-delay: 244.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2449) {
animation-delay: 244.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2450) {
animation-delay: 245s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2451) {
animation-delay: 245.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2452) {
animation-delay: 245.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2453) {
animation-delay: 245.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2454) {
animation-delay: 245.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2455) {
animation-delay: 245.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2456) {
animation-delay: 245.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2457) {
animation-delay: 245.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2458) {
animation-delay: 245.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2459) {
animation-delay: 245.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2460) {
animation-delay: 246s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2461) {
animation-delay: 246.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2462) {
animation-delay: 246.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2463) {
animation-delay: 246.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2464) {
animation-delay: 246.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2465) {
animation-delay: 246.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2466) {
animation-delay: 246.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2467) {
animation-delay: 246.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2468) {
animation-delay: 246.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2469) {
animation-delay: 246.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2470) {
animation-delay: 247s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2471) {
animation-delay: 247.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2472) {
animation-delay: 247.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2473) {
animation-delay: 247.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2474) {
animation-delay: 247.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2475) {
animation-delay: 247.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2476) {
animation-delay: 247.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2477) {
animation-delay: 247.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2478) {
animation-delay: 247.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2479) {
animation-delay: 247.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2480) {
animation-delay: 248s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2481) {
animation-delay: 248.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2482) {
animation-delay: 248.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2483) {
animation-delay: 248.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2484) {
animation-delay: 248.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2485) {
animation-delay: 248.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2486) {
animation-delay: 248.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2487) {
animation-delay: 248.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2488) {
animation-delay: 248.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2489) {
animation-delay: 248.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2490) {
animation-delay: 249s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2491) {
animation-delay: 249.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2492) {
animation-delay: 249.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2493) {
animation-delay: 249.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2494) {
animation-delay: 249.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2495) {
animation-delay: 249.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2496) {
animation-delay: 249.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2497) {
animation-delay: 249.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2498) {
animation-delay: 249.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2499) {
animation-delay: 249.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2500) {
animation-delay: 250s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2501) {
animation-delay: 250.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2502) {
animation-delay: 250.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2503) {
animation-delay: 250.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2504) {
animation-delay: 250.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2505) {
animation-delay: 250.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2506) {
animation-delay: 250.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2507) {
animation-delay: 250.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2508) {
animation-delay: 250.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2509) {
animation-delay: 250.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2510) {
animation-delay: 251s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2511) {
animation-delay: 251.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2512) {
animation-delay: 251.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2513) {
animation-delay: 251.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2514) {
animation-delay: 251.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2515) {
animation-delay: 251.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2516) {
animation-delay: 251.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2517) {
animation-delay: 251.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2518) {
animation-delay: 251.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2519) {
animation-delay: 251.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2520) {
animation-delay: 252s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2521) {
animation-delay: 252.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2522) {
animation-delay: 252.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2523) {
animation-delay: 252.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2524) {
animation-delay: 252.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2525) {
animation-delay: 252.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2526) {
animation-delay: 252.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2527) {
animation-delay: 252.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2528) {
animation-delay: 252.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2529) {
animation-delay: 252.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2530) {
animation-delay: 253s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2531) {
animation-delay: 253.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2532) {
animation-delay: 253.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2533) {
animation-delay: 253.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2534) {
animation-delay: 253.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2535) {
animation-delay: 253.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2536) {
animation-delay: 253.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2537) {
animation-delay: 253.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2538) {
animation-delay: 253.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2539) {
animation-delay: 253.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2540) {
animation-delay: 254s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2541) {
animation-delay: 254.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2542) {
animation-delay: 254.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2543) {
animation-delay: 254.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2544) {
animation-delay: 254.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2545) {
animation-delay: 254.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2546) {
animation-delay: 254.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2547) {
animation-delay: 254.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2548) {
animation-delay: 254.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2549) {
animation-delay: 254.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2550) {
animation-delay: 255s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2551) {
animation-delay: 255.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2552) {
animation-delay: 255.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2553) {
animation-delay: 255.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2554) {
animation-delay: 255.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2555) {
animation-delay: 255.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2556) {
animation-delay: 255.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2557) {
animation-delay: 255.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2558) {
animation-delay: 255.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2559) {
animation-delay: 255.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2560) {
animation-delay: 256s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2561) {
animation-delay: 256.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2562) {
animation-delay: 256.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2563) {
animation-delay: 256.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2564) {
animation-delay: 256.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2565) {
animation-delay: 256.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2566) {
animation-delay: 256.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2567) {
animation-delay: 256.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2568) {
animation-delay: 256.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2569) {
animation-delay: 256.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2570) {
animation-delay: 257s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2571) {
animation-delay: 257.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2572) {
animation-delay: 257.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2573) {
animation-delay: 257.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2574) {
animation-delay: 257.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2575) {
animation-delay: 257.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2576) {
animation-delay: 257.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2577) {
animation-delay: 257.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2578) {
animation-delay: 257.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2579) {
animation-delay: 257.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2580) {
animation-delay: 258s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2581) {
animation-delay: 258.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2582) {
animation-delay: 258.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2583) {
animation-delay: 258.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2584) {
animation-delay: 258.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2585) {
animation-delay: 258.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2586) {
animation-delay: 258.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2587) {
animation-delay: 258.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2588) {
animation-delay: 258.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2589) {
animation-delay: 258.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2590) {
animation-delay: 259s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2591) {
animation-delay: 259.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2592) {
animation-delay: 259.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2593) {
animation-delay: 259.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2594) {
animation-delay: 259.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2595) {
animation-delay: 259.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2596) {
animation-delay: 259.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2597) {
animation-delay: 259.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2598) {
animation-delay: 259.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2599) {
animation-delay: 259.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2600) {
animation-delay: 260s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2601) {
animation-delay: 260.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2602) {
animation-delay: 260.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2603) {
animation-delay: 260.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2604) {
animation-delay: 260.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2605) {
animation-delay: 260.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2606) {
animation-delay: 260.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2607) {
animation-delay: 260.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2608) {
animation-delay: 260.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2609) {
animation-delay: 260.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2610) {
animation-delay: 261s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2611) {
animation-delay: 261.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2612) {
animation-delay: 261.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2613) {
animation-delay: 261.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2614) {
animation-delay: 261.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2615) {
animation-delay: 261.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2616) {
animation-delay: 261.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2617) {
animation-delay: 261.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2618) {
animation-delay: 261.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2619) {
animation-delay: 261.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2620) {
animation-delay: 262s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2621) {
animation-delay: 262.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2622) {
animation-delay: 262.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2623) {
animation-delay: 262.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2624) {
animation-delay: 262.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2625) {
animation-delay: 262.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2626) {
animation-delay: 262.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2627) {
animation-delay: 262.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2628) {
animation-delay: 262.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2629) {
animation-delay: 262.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2630) {
animation-delay: 263s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2631) {
animation-delay: 263.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2632) {
animation-delay: 263.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2633) {
animation-delay: 263.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2634) {
animation-delay: 263.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2635) {
animation-delay: 263.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2636) {
animation-delay: 263.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2637) {
animation-delay: 263.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2638) {
animation-delay: 263.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2639) {
animation-delay: 263.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2640) {
animation-delay: 264s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2641) {
animation-delay: 264.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2642) {
animation-delay: 264.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2643) {
animation-delay: 264.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2644) {
animation-delay: 264.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2645) {
animation-delay: 264.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2646) {
animation-delay: 264.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2647) {
animation-delay: 264.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2648) {
animation-delay: 264.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2649) {
animation-delay: 264.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2650) {
animation-delay: 265s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2651) {
animation-delay: 265.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2652) {
animation-delay: 265.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2653) {
animation-delay: 265.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2654) {
animation-delay: 265.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2655) {
animation-delay: 265.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2656) {
animation-delay: 265.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2657) {
animation-delay: 265.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2658) {
animation-delay: 265.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2659) {
animation-delay: 265.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2660) {
animation-delay: 266s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2661) {
animation-delay: 266.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2662) {
animation-delay: 266.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2663) {
animation-delay: 266.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2664) {
animation-delay: 266.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2665) {
animation-delay: 266.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2666) {
animation-delay: 266.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2667) {
animation-delay: 266.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2668) {
animation-delay: 266.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2669) {
animation-delay: 266.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2670) {
animation-delay: 267s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2671) {
animation-delay: 267.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2672) {
animation-delay: 267.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2673) {
animation-delay: 267.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2674) {
animation-delay: 267.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2675) {
animation-delay: 267.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2676) {
animation-delay: 267.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2677) {
animation-delay: 267.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2678) {
animation-delay: 267.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2679) {
animation-delay: 267.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2680) {
animation-delay: 268s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2681) {
animation-delay: 268.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2682) {
animation-delay: 268.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2683) {
animation-delay: 268.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2684) {
animation-delay: 268.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2685) {
animation-delay: 268.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2686) {
animation-delay: 268.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2687) {
animation-delay: 268.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2688) {
animation-delay: 268.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2689) {
animation-delay: 268.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2690) {
animation-delay: 269s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2691) {
animation-delay: 269.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2692) {
animation-delay: 269.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2693) {
animation-delay: 269.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2694) {
animation-delay: 269.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2695) {
animation-delay: 269.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2696) {
animation-delay: 269.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2697) {
animation-delay: 269.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2698) {
animation-delay: 269.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2699) {
animation-delay: 269.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2700) {
animation-delay: 270s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2701) {
animation-delay: 270.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2702) {
animation-delay: 270.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2703) {
animation-delay: 270.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2704) {
animation-delay: 270.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2705) {
animation-delay: 270.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2706) {
animation-delay: 270.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2707) {
animation-delay: 270.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2708) {
animation-delay: 270.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2709) {
animation-delay: 270.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2710) {
animation-delay: 271s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2711) {
animation-delay: 271.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2712) {
animation-delay: 271.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2713) {
animation-delay: 271.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2714) {
animation-delay: 271.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2715) {
animation-delay: 271.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2716) {
animation-delay: 271.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2717) {
animation-delay: 271.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2718) {
animation-delay: 271.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2719) {
animation-delay: 271.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2720) {
animation-delay: 272s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2721) {
animation-delay: 272.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2722) {
animation-delay: 272.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2723) {
animation-delay: 272.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2724) {
animation-delay: 272.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2725) {
animation-delay: 272.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2726) {
animation-delay: 272.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2727) {
animation-delay: 272.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2728) {
animation-delay: 272.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2729) {
animation-delay: 272.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2730) {
animation-delay: 273s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2731) {
animation-delay: 273.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2732) {
animation-delay: 273.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2733) {
animation-delay: 273.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2734) {
animation-delay: 273.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2735) {
animation-delay: 273.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2736) {
animation-delay: 273.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2737) {
animation-delay: 273.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2738) {
animation-delay: 273.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2739) {
animation-delay: 273.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2740) {
animation-delay: 274s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2741) {
animation-delay: 274.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2742) {
animation-delay: 274.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2743) {
animation-delay: 274.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2744) {
animation-delay: 274.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2745) {
animation-delay: 274.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2746) {
animation-delay: 274.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2747) {
animation-delay: 274.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2748) {
animation-delay: 274.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2749) {
animation-delay: 274.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2750) {
animation-delay: 275s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2751) {
animation-delay: 275.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2752) {
animation-delay: 275.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2753) {
animation-delay: 275.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2754) {
animation-delay: 275.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2755) {
animation-delay: 275.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2756) {
animation-delay: 275.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2757) {
animation-delay: 275.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2758) {
animation-delay: 275.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2759) {
animation-delay: 275.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2760) {
animation-delay: 276s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2761) {
animation-delay: 276.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2762) {
animation-delay: 276.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2763) {
animation-delay: 276.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2764) {
animation-delay: 276.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2765) {
animation-delay: 276.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2766) {
animation-delay: 276.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2767) {
animation-delay: 276.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2768) {
animation-delay: 276.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2769) {
animation-delay: 276.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2770) {
animation-delay: 277s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2771) {
animation-delay: 277.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2772) {
animation-delay: 277.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2773) {
animation-delay: 277.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2774) {
animation-delay: 277.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2775) {
animation-delay: 277.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2776) {
animation-delay: 277.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2777) {
animation-delay: 277.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2778) {
animation-delay: 277.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2779) {
animation-delay: 277.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2780) {
animation-delay: 278s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2781) {
animation-delay: 278.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2782) {
animation-delay: 278.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2783) {
animation-delay: 278.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2784) {
animation-delay: 278.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2785) {
animation-delay: 278.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2786) {
animation-delay: 278.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2787) {
animation-delay: 278.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2788) {
animation-delay: 278.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2789) {
animation-delay: 278.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2790) {
animation-delay: 279s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2791) {
animation-delay: 279.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2792) {
animation-delay: 279.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2793) {
animation-delay: 279.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2794) {
animation-delay: 279.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2795) {
animation-delay: 279.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2796) {
animation-delay: 279.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2797) {
animation-delay: 279.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2798) {
animation-delay: 279.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2799) {
animation-delay: 279.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2800) {
animation-delay: 280s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2801) {
animation-delay: 280.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2802) {
animation-delay: 280.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2803) {
animation-delay: 280.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2804) {
animation-delay: 280.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2805) {
animation-delay: 280.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2806) {
animation-delay: 280.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2807) {
animation-delay: 280.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2808) {
animation-delay: 280.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2809) {
animation-delay: 280.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2810) {
animation-delay: 281s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2811) {
animation-delay: 281.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2812) {
animation-delay: 281.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2813) {
animation-delay: 281.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2814) {
animation-delay: 281.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2815) {
animation-delay: 281.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2816) {
animation-delay: 281.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2817) {
animation-delay: 281.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2818) {
animation-delay: 281.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2819) {
animation-delay: 281.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2820) {
animation-delay: 282s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2821) {
animation-delay: 282.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2822) {
animation-delay: 282.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2823) {
animation-delay: 282.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2824) {
animation-delay: 282.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2825) {
animation-delay: 282.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2826) {
animation-delay: 282.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2827) {
animation-delay: 282.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2828) {
animation-delay: 282.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2829) {
animation-delay: 282.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2830) {
animation-delay: 283s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2831) {
animation-delay: 283.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2832) {
animation-delay: 283.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2833) {
animation-delay: 283.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2834) {
animation-delay: 283.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2835) {
animation-delay: 283.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2836) {
animation-delay: 283.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2837) {
animation-delay: 283.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2838) {
animation-delay: 283.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2839) {
animation-delay: 283.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2840) {
animation-delay: 284s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2841) {
animation-delay: 284.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2842) {
animation-delay: 284.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2843) {
animation-delay: 284.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2844) {
animation-delay: 284.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2845) {
animation-delay: 284.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2846) {
animation-delay: 284.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2847) {
animation-delay: 284.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2848) {
animation-delay: 284.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2849) {
animation-delay: 284.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2850) {
animation-delay: 285s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2851) {
animation-delay: 285.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2852) {
animation-delay: 285.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2853) {
animation-delay: 285.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2854) {
animation-delay: 285.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2855) {
animation-delay: 285.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2856) {
animation-delay: 285.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2857) {
animation-delay: 285.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2858) {
animation-delay: 285.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2859) {
animation-delay: 285.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2860) {
animation-delay: 286s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2861) {
animation-delay: 286.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2862) {
animation-delay: 286.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2863) {
animation-delay: 286.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2864) {
animation-delay: 286.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2865) {
animation-delay: 286.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2866) {
animation-delay: 286.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2867) {
animation-delay: 286.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2868) {
animation-delay: 286.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2869) {
animation-delay: 286.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2870) {
animation-delay: 287s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2871) {
animation-delay: 287.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2872) {
animation-delay: 287.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2873) {
animation-delay: 287.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2874) {
animation-delay: 287.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2875) {
animation-delay: 287.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2876) {
animation-delay: 287.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2877) {
animation-delay: 287.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2878) {
animation-delay: 287.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2879) {
animation-delay: 287.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2880) {
animation-delay: 288s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2881) {
animation-delay: 288.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2882) {
animation-delay: 288.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2883) {
animation-delay: 288.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2884) {
animation-delay: 288.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2885) {
animation-delay: 288.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2886) {
animation-delay: 288.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2887) {
animation-delay: 288.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2888) {
animation-delay: 288.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2889) {
animation-delay: 288.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2890) {
animation-delay: 289s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2891) {
animation-delay: 289.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2892) {
animation-delay: 289.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2893) {
animation-delay: 289.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2894) {
animation-delay: 289.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2895) {
animation-delay: 289.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2896) {
animation-delay: 289.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2897) {
animation-delay: 289.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2898) {
animation-delay: 289.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2899) {
animation-delay: 289.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2900) {
animation-delay: 290s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2901) {
animation-delay: 290.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2902) {
animation-delay: 290.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2903) {
animation-delay: 290.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2904) {
animation-delay: 290.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2905) {
animation-delay: 290.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2906) {
animation-delay: 290.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2907) {
animation-delay: 290.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2908) {
animation-delay: 290.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2909) {
animation-delay: 290.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2910) {
animation-delay: 291s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2911) {
animation-delay: 291.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2912) {
animation-delay: 291.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2913) {
animation-delay: 291.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2914) {
animation-delay: 291.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2915) {
animation-delay: 291.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2916) {
animation-delay: 291.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2917) {
animation-delay: 291.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2918) {
animation-delay: 291.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2919) {
animation-delay: 291.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2920) {
animation-delay: 292s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2921) {
animation-delay: 292.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2922) {
animation-delay: 292.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2923) {
animation-delay: 292.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2924) {
animation-delay: 292.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2925) {
animation-delay: 292.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2926) {
animation-delay: 292.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2927) {
animation-delay: 292.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2928) {
animation-delay: 292.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2929) {
animation-delay: 292.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2930) {
animation-delay: 293s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2931) {
animation-delay: 293.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2932) {
animation-delay: 293.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2933) {
animation-delay: 293.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2934) {
animation-delay: 293.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2935) {
animation-delay: 293.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2936) {
animation-delay: 293.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2937) {
animation-delay: 293.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2938) {
animation-delay: 293.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2939) {
animation-delay: 293.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2940) {
animation-delay: 294s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2941) {
animation-delay: 294.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2942) {
animation-delay: 294.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2943) {
animation-delay: 294.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2944) {
animation-delay: 294.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2945) {
animation-delay: 294.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2946) {
animation-delay: 294.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2947) {
animation-delay: 294.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2948) {
animation-delay: 294.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2949) {
animation-delay: 294.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2950) {
animation-delay: 295s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2951) {
animation-delay: 295.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2952) {
animation-delay: 295.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2953) {
animation-delay: 295.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2954) {
animation-delay: 295.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2955) {
animation-delay: 295.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2956) {
animation-delay: 295.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2957) {
animation-delay: 295.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2958) {
animation-delay: 295.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2959) {
animation-delay: 295.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2960) {
animation-delay: 296s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2961) {
animation-delay: 296.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2962) {
animation-delay: 296.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2963) {
animation-delay: 296.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2964) {
animation-delay: 296.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2965) {
animation-delay: 296.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2966) {
animation-delay: 296.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2967) {
animation-delay: 296.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2968) {
animation-delay: 296.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2969) {
animation-delay: 296.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2970) {
animation-delay: 297s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2971) {
animation-delay: 297.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2972) {
animation-delay: 297.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2973) {
animation-delay: 297.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2974) {
animation-delay: 297.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2975) {
animation-delay: 297.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2976) {
animation-delay: 297.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2977) {
animation-delay: 297.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2978) {
animation-delay: 297.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2979) {
animation-delay: 297.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2980) {
animation-delay: 298s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2981) {
animation-delay: 298.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2982) {
animation-delay: 298.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2983) {
animation-delay: 298.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2984) {
animation-delay: 298.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2985) {
animation-delay: 298.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2986) {
animation-delay: 298.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2987) {
animation-delay: 298.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2988) {
animation-delay: 298.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2989) {
animation-delay: 298.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2990) {
animation-delay: 299s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2991) {
animation-delay: 299.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2992) {
animation-delay: 299.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2993) {
animation-delay: 299.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2994) {
animation-delay: 299.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2995) {
animation-delay: 299.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2996) {
animation-delay: 299.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2997) {
animation-delay: 299.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2998) {
animation-delay: 299.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(2999) {
animation-delay: 299.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3000) {
animation-delay: 300s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3001) {
animation-delay: 300.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3002) {
animation-delay: 300.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3003) {
animation-delay: 300.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3004) {
animation-delay: 300.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3005) {
animation-delay: 300.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3006) {
animation-delay: 300.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3007) {
animation-delay: 300.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3008) {
animation-delay: 300.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3009) {
animation-delay: 300.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3010) {
animation-delay: 301s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3011) {
animation-delay: 301.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3012) {
animation-delay: 301.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3013) {
animation-delay: 301.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3014) {
animation-delay: 301.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3015) {
animation-delay: 301.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3016) {
animation-delay: 301.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3017) {
animation-delay: 301.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3018) {
animation-delay: 301.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3019) {
animation-delay: 301.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3020) {
animation-delay: 302s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3021) {
animation-delay: 302.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3022) {
animation-delay: 302.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3023) {
animation-delay: 302.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3024) {
animation-delay: 302.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3025) {
animation-delay: 302.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3026) {
animation-delay: 302.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3027) {
animation-delay: 302.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3028) {
animation-delay: 302.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3029) {
animation-delay: 302.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3030) {
animation-delay: 303s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3031) {
animation-delay: 303.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3032) {
animation-delay: 303.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3033) {
animation-delay: 303.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3034) {
animation-delay: 303.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3035) {
animation-delay: 303.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3036) {
animation-delay: 303.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3037) {
animation-delay: 303.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3038) {
animation-delay: 303.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3039) {
animation-delay: 303.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3040) {
animation-delay: 304s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3041) {
animation-delay: 304.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3042) {
animation-delay: 304.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3043) {
animation-delay: 304.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3044) {
animation-delay: 304.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3045) {
animation-delay: 304.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3046) {
animation-delay: 304.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3047) {
animation-delay: 304.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3048) {
animation-delay: 304.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3049) {
animation-delay: 304.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3050) {
animation-delay: 305s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3051) {
animation-delay: 305.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3052) {
animation-delay: 305.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3053) {
animation-delay: 305.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3054) {
animation-delay: 305.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3055) {
animation-delay: 305.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3056) {
animation-delay: 305.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3057) {
animation-delay: 305.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3058) {
animation-delay: 305.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3059) {
animation-delay: 305.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3060) {
animation-delay: 306s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3061) {
animation-delay: 306.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3062) {
animation-delay: 306.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3063) {
animation-delay: 306.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3064) {
animation-delay: 306.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3065) {
animation-delay: 306.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3066) {
animation-delay: 306.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3067) {
animation-delay: 306.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3068) {
animation-delay: 306.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3069) {
animation-delay: 306.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3070) {
animation-delay: 307s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3071) {
animation-delay: 307.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3072) {
animation-delay: 307.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3073) {
animation-delay: 307.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3074) {
animation-delay: 307.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3075) {
animation-delay: 307.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3076) {
animation-delay: 307.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3077) {
animation-delay: 307.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3078) {
animation-delay: 307.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3079) {
animation-delay: 307.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3080) {
animation-delay: 308s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3081) {
animation-delay: 308.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3082) {
animation-delay: 308.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3083) {
animation-delay: 308.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3084) {
animation-delay: 308.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3085) {
animation-delay: 308.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3086) {
animation-delay: 308.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3087) {
animation-delay: 308.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3088) {
animation-delay: 308.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3089) {
animation-delay: 308.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3090) {
animation-delay: 309s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3091) {
animation-delay: 309.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3092) {
animation-delay: 309.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3093) {
animation-delay: 309.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3094) {
animation-delay: 309.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3095) {
animation-delay: 309.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3096) {
animation-delay: 309.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3097) {
animation-delay: 309.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3098) {
animation-delay: 309.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3099) {
animation-delay: 309.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3100) {
animation-delay: 310s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3101) {
animation-delay: 310.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3102) {
animation-delay: 310.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3103) {
animation-delay: 310.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3104) {
animation-delay: 310.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3105) {
animation-delay: 310.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3106) {
animation-delay: 310.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3107) {
animation-delay: 310.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3108) {
animation-delay: 310.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3109) {
animation-delay: 310.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3110) {
animation-delay: 311s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3111) {
animation-delay: 311.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3112) {
animation-delay: 311.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3113) {
animation-delay: 311.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3114) {
animation-delay: 311.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3115) {
animation-delay: 311.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3116) {
animation-delay: 311.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3117) {
animation-delay: 311.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3118) {
animation-delay: 311.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3119) {
animation-delay: 311.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3120) {
animation-delay: 312s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3121) {
animation-delay: 312.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3122) {
animation-delay: 312.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3123) {
animation-delay: 312.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3124) {
animation-delay: 312.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3125) {
animation-delay: 312.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3126) {
animation-delay: 312.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3127) {
animation-delay: 312.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3128) {
animation-delay: 312.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3129) {
animation-delay: 312.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3130) {
animation-delay: 313s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3131) {
animation-delay: 313.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3132) {
animation-delay: 313.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3133) {
animation-delay: 313.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3134) {
animation-delay: 313.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3135) {
animation-delay: 313.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3136) {
animation-delay: 313.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3137) {
animation-delay: 313.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3138) {
animation-delay: 313.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3139) {
animation-delay: 313.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3140) {
animation-delay: 314s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3141) {
animation-delay: 314.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3142) {
animation-delay: 314.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3143) {
animation-delay: 314.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3144) {
animation-delay: 314.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3145) {
animation-delay: 314.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3146) {
animation-delay: 314.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3147) {
animation-delay: 314.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3148) {
animation-delay: 314.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3149) {
animation-delay: 314.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3150) {
animation-delay: 315s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3151) {
animation-delay: 315.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3152) {
animation-delay: 315.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3153) {
animation-delay: 315.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3154) {
animation-delay: 315.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3155) {
animation-delay: 315.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3156) {
animation-delay: 315.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3157) {
animation-delay: 315.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3158) {
animation-delay: 315.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3159) {
animation-delay: 315.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3160) {
animation-delay: 316s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3161) {
animation-delay: 316.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3162) {
animation-delay: 316.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3163) {
animation-delay: 316.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3164) {
animation-delay: 316.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3165) {
animation-delay: 316.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3166) {
animation-delay: 316.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3167) {
animation-delay: 316.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3168) {
animation-delay: 316.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3169) {
animation-delay: 316.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3170) {
animation-delay: 317s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3171) {
animation-delay: 317.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3172) {
animation-delay: 317.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3173) {
animation-delay: 317.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3174) {
animation-delay: 317.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3175) {
animation-delay: 317.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3176) {
animation-delay: 317.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3177) {
animation-delay: 317.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3178) {
animation-delay: 317.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3179) {
animation-delay: 317.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3180) {
animation-delay: 318s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3181) {
animation-delay: 318.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3182) {
animation-delay: 318.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3183) {
animation-delay: 318.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3184) {
animation-delay: 318.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3185) {
animation-delay: 318.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3186) {
animation-delay: 318.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3187) {
animation-delay: 318.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3188) {
animation-delay: 318.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3189) {
animation-delay: 318.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3190) {
animation-delay: 319s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3191) {
animation-delay: 319.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3192) {
animation-delay: 319.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3193) {
animation-delay: 319.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3194) {
animation-delay: 319.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3195) {
animation-delay: 319.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3196) {
animation-delay: 319.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3197) {
animation-delay: 319.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3198) {
animation-delay: 319.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3199) {
animation-delay: 319.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3200) {
animation-delay: 320s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3201) {
animation-delay: 320.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3202) {
animation-delay: 320.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3203) {
animation-delay: 320.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3204) {
animation-delay: 320.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3205) {
animation-delay: 320.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3206) {
animation-delay: 320.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3207) {
animation-delay: 320.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3208) {
animation-delay: 320.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3209) {
animation-delay: 320.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3210) {
animation-delay: 321s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3211) {
animation-delay: 321.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3212) {
animation-delay: 321.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3213) {
animation-delay: 321.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3214) {
animation-delay: 321.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3215) {
animation-delay: 321.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3216) {
animation-delay: 321.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3217) {
animation-delay: 321.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3218) {
animation-delay: 321.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3219) {
animation-delay: 321.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3220) {
animation-delay: 322s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3221) {
animation-delay: 322.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3222) {
animation-delay: 322.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3223) {
animation-delay: 322.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3224) {
animation-delay: 322.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3225) {
animation-delay: 322.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3226) {
animation-delay: 322.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3227) {
animation-delay: 322.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3228) {
animation-delay: 322.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3229) {
animation-delay: 322.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3230) {
animation-delay: 323s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3231) {
animation-delay: 323.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3232) {
animation-delay: 323.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3233) {
animation-delay: 323.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3234) {
animation-delay: 323.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3235) {
animation-delay: 323.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3236) {
animation-delay: 323.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3237) {
animation-delay: 323.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3238) {
animation-delay: 323.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3239) {
animation-delay: 323.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3240) {
animation-delay: 324s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3241) {
animation-delay: 324.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3242) {
animation-delay: 324.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3243) {
animation-delay: 324.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3244) {
animation-delay: 324.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3245) {
animation-delay: 324.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3246) {
animation-delay: 324.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3247) {
animation-delay: 324.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3248) {
animation-delay: 324.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3249) {
animation-delay: 324.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3250) {
animation-delay: 325s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3251) {
animation-delay: 325.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3252) {
animation-delay: 325.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3253) {
animation-delay: 325.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3254) {
animation-delay: 325.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3255) {
animation-delay: 325.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3256) {
animation-delay: 325.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3257) {
animation-delay: 325.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3258) {
animation-delay: 325.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3259) {
animation-delay: 325.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3260) {
animation-delay: 326s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3261) {
animation-delay: 326.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3262) {
animation-delay: 326.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3263) {
animation-delay: 326.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3264) {
animation-delay: 326.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3265) {
animation-delay: 326.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3266) {
animation-delay: 326.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3267) {
animation-delay: 326.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3268) {
animation-delay: 326.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3269) {
animation-delay: 326.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3270) {
animation-delay: 327s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3271) {
animation-delay: 327.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3272) {
animation-delay: 327.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3273) {
animation-delay: 327.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3274) {
animation-delay: 327.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3275) {
animation-delay: 327.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3276) {
animation-delay: 327.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3277) {
animation-delay: 327.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3278) {
animation-delay: 327.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3279) {
animation-delay: 327.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3280) {
animation-delay: 328s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3281) {
animation-delay: 328.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3282) {
animation-delay: 328.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3283) {
animation-delay: 328.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3284) {
animation-delay: 328.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3285) {
animation-delay: 328.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3286) {
animation-delay: 328.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3287) {
animation-delay: 328.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3288) {
animation-delay: 328.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3289) {
animation-delay: 328.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3290) {
animation-delay: 329s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3291) {
animation-delay: 329.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3292) {
animation-delay: 329.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3293) {
animation-delay: 329.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3294) {
animation-delay: 329.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3295) {
animation-delay: 329.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3296) {
animation-delay: 329.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3297) {
animation-delay: 329.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3298) {
animation-delay: 329.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3299) {
animation-delay: 329.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3300) {
animation-delay: 330s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3301) {
animation-delay: 330.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3302) {
animation-delay: 330.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3303) {
animation-delay: 330.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3304) {
animation-delay: 330.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3305) {
animation-delay: 330.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3306) {
animation-delay: 330.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3307) {
animation-delay: 330.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3308) {
animation-delay: 330.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3309) {
animation-delay: 330.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3310) {
animation-delay: 331s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3311) {
animation-delay: 331.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3312) {
animation-delay: 331.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3313) {
animation-delay: 331.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3314) {
animation-delay: 331.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3315) {
animation-delay: 331.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3316) {
animation-delay: 331.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3317) {
animation-delay: 331.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3318) {
animation-delay: 331.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3319) {
animation-delay: 331.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3320) {
animation-delay: 332s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3321) {
animation-delay: 332.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3322) {
animation-delay: 332.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3323) {
animation-delay: 332.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3324) {
animation-delay: 332.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3325) {
animation-delay: 332.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3326) {
animation-delay: 332.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3327) {
animation-delay: 332.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3328) {
animation-delay: 332.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3329) {
animation-delay: 332.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3330) {
animation-delay: 333s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3331) {
animation-delay: 333.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3332) {
animation-delay: 333.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3333) {
animation-delay: 333.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3334) {
animation-delay: 333.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3335) {
animation-delay: 333.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3336) {
animation-delay: 333.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3337) {
animation-delay: 333.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3338) {
animation-delay: 333.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3339) {
animation-delay: 333.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3340) {
animation-delay: 334s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3341) {
animation-delay: 334.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3342) {
animation-delay: 334.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3343) {
animation-delay: 334.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3344) {
animation-delay: 334.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3345) {
animation-delay: 334.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3346) {
animation-delay: 334.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3347) {
animation-delay: 334.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3348) {
animation-delay: 334.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3349) {
animation-delay: 334.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3350) {
animation-delay: 335s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3351) {
animation-delay: 335.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3352) {
animation-delay: 335.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3353) {
animation-delay: 335.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3354) {
animation-delay: 335.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3355) {
animation-delay: 335.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3356) {
animation-delay: 335.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3357) {
animation-delay: 335.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3358) {
animation-delay: 335.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3359) {
animation-delay: 335.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3360) {
animation-delay: 336s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3361) {
animation-delay: 336.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3362) {
animation-delay: 336.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3363) {
animation-delay: 336.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3364) {
animation-delay: 336.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3365) {
animation-delay: 336.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3366) {
animation-delay: 336.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3367) {
animation-delay: 336.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3368) {
animation-delay: 336.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3369) {
animation-delay: 336.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3370) {
animation-delay: 337s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3371) {
animation-delay: 337.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3372) {
animation-delay: 337.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3373) {
animation-delay: 337.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3374) {
animation-delay: 337.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3375) {
animation-delay: 337.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3376) {
animation-delay: 337.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3377) {
animation-delay: 337.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3378) {
animation-delay: 337.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3379) {
animation-delay: 337.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3380) {
animation-delay: 338s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3381) {
animation-delay: 338.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3382) {
animation-delay: 338.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3383) {
animation-delay: 338.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3384) {
animation-delay: 338.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3385) {
animation-delay: 338.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3386) {
animation-delay: 338.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3387) {
animation-delay: 338.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3388) {
animation-delay: 338.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3389) {
animation-delay: 338.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3390) {
animation-delay: 339s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3391) {
animation-delay: 339.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3392) {
animation-delay: 339.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3393) {
animation-delay: 339.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3394) {
animation-delay: 339.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3395) {
animation-delay: 339.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3396) {
animation-delay: 339.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3397) {
animation-delay: 339.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3398) {
animation-delay: 339.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3399) {
animation-delay: 339.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3400) {
animation-delay: 340s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3401) {
animation-delay: 340.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3402) {
animation-delay: 340.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3403) {
animation-delay: 340.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3404) {
animation-delay: 340.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3405) {
animation-delay: 340.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3406) {
animation-delay: 340.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3407) {
animation-delay: 340.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3408) {
animation-delay: 340.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3409) {
animation-delay: 340.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3410) {
animation-delay: 341s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3411) {
animation-delay: 341.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3412) {
animation-delay: 341.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3413) {
animation-delay: 341.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3414) {
animation-delay: 341.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3415) {
animation-delay: 341.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3416) {
animation-delay: 341.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3417) {
animation-delay: 341.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3418) {
animation-delay: 341.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3419) {
animation-delay: 341.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3420) {
animation-delay: 342s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3421) {
animation-delay: 342.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3422) {
animation-delay: 342.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3423) {
animation-delay: 342.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3424) {
animation-delay: 342.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3425) {
animation-delay: 342.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3426) {
animation-delay: 342.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3427) {
animation-delay: 342.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3428) {
animation-delay: 342.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3429) {
animation-delay: 342.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3430) {
animation-delay: 343s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3431) {
animation-delay: 343.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3432) {
animation-delay: 343.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3433) {
animation-delay: 343.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3434) {
animation-delay: 343.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3435) {
animation-delay: 343.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3436) {
animation-delay: 343.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3437) {
animation-delay: 343.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3438) {
animation-delay: 343.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3439) {
animation-delay: 343.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3440) {
animation-delay: 344s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3441) {
animation-delay: 344.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3442) {
animation-delay: 344.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3443) {
animation-delay: 344.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3444) {
animation-delay: 344.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3445) {
animation-delay: 344.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3446) {
animation-delay: 344.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3447) {
animation-delay: 344.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3448) {
animation-delay: 344.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3449) {
animation-delay: 344.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3450) {
animation-delay: 345s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3451) {
animation-delay: 345.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3452) {
animation-delay: 345.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3453) {
animation-delay: 345.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3454) {
animation-delay: 345.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3455) {
animation-delay: 345.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3456) {
animation-delay: 345.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3457) {
animation-delay: 345.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3458) {
animation-delay: 345.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3459) {
animation-delay: 345.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3460) {
animation-delay: 346s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3461) {
animation-delay: 346.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3462) {
animation-delay: 346.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3463) {
animation-delay: 346.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3464) {
animation-delay: 346.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3465) {
animation-delay: 346.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3466) {
animation-delay: 346.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3467) {
animation-delay: 346.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3468) {
animation-delay: 346.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3469) {
animation-delay: 346.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3470) {
animation-delay: 347s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3471) {
animation-delay: 347.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3472) {
animation-delay: 347.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3473) {
animation-delay: 347.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3474) {
animation-delay: 347.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3475) {
animation-delay: 347.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3476) {
animation-delay: 347.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3477) {
animation-delay: 347.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3478) {
animation-delay: 347.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3479) {
animation-delay: 347.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3480) {
animation-delay: 348s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3481) {
animation-delay: 348.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3482) {
animation-delay: 348.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3483) {
animation-delay: 348.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3484) {
animation-delay: 348.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3485) {
animation-delay: 348.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3486) {
animation-delay: 348.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3487) {
animation-delay: 348.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3488) {
animation-delay: 348.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3489) {
animation-delay: 348.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3490) {
animation-delay: 349s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3491) {
animation-delay: 349.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3492) {
animation-delay: 349.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3493) {
animation-delay: 349.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3494) {
animation-delay: 349.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3495) {
animation-delay: 349.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3496) {
animation-delay: 349.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3497) {
animation-delay: 349.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3498) {
animation-delay: 349.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3499) {
animation-delay: 349.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3500) {
animation-delay: 350s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3501) {
animation-delay: 350.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3502) {
animation-delay: 350.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3503) {
animation-delay: 350.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3504) {
animation-delay: 350.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3505) {
animation-delay: 350.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3506) {
animation-delay: 350.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3507) {
animation-delay: 350.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3508) {
animation-delay: 350.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3509) {
animation-delay: 350.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3510) {
animation-delay: 351s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3511) {
animation-delay: 351.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3512) {
animation-delay: 351.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3513) {
animation-delay: 351.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3514) {
animation-delay: 351.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3515) {
animation-delay: 351.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3516) {
animation-delay: 351.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3517) {
animation-delay: 351.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3518) {
animation-delay: 351.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3519) {
animation-delay: 351.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3520) {
animation-delay: 352s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3521) {
animation-delay: 352.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3522) {
animation-delay: 352.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3523) {
animation-delay: 352.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3524) {
animation-delay: 352.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3525) {
animation-delay: 352.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3526) {
animation-delay: 352.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3527) {
animation-delay: 352.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3528) {
animation-delay: 352.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3529) {
animation-delay: 352.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3530) {
animation-delay: 353s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3531) {
animation-delay: 353.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3532) {
animation-delay: 353.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3533) {
animation-delay: 353.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3534) {
animation-delay: 353.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3535) {
animation-delay: 353.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3536) {
animation-delay: 353.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3537) {
animation-delay: 353.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3538) {
animation-delay: 353.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3539) {
animation-delay: 353.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3540) {
animation-delay: 354s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3541) {
animation-delay: 354.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3542) {
animation-delay: 354.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3543) {
animation-delay: 354.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3544) {
animation-delay: 354.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3545) {
animation-delay: 354.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3546) {
animation-delay: 354.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3547) {
animation-delay: 354.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3548) {
animation-delay: 354.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3549) {
animation-delay: 354.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3550) {
animation-delay: 355s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3551) {
animation-delay: 355.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3552) {
animation-delay: 355.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3553) {
animation-delay: 355.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3554) {
animation-delay: 355.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3555) {
animation-delay: 355.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3556) {
animation-delay: 355.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3557) {
animation-delay: 355.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3558) {
animation-delay: 355.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3559) {
animation-delay: 355.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3560) {
animation-delay: 356s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3561) {
animation-delay: 356.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3562) {
animation-delay: 356.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3563) {
animation-delay: 356.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3564) {
animation-delay: 356.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3565) {
animation-delay: 356.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3566) {
animation-delay: 356.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3567) {
animation-delay: 356.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3568) {
animation-delay: 356.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3569) {
animation-delay: 356.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3570) {
animation-delay: 357s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3571) {
animation-delay: 357.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3572) {
animation-delay: 357.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3573) {
animation-delay: 357.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3574) {
animation-delay: 357.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3575) {
animation-delay: 357.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3576) {
animation-delay: 357.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3577) {
animation-delay: 357.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3578) {
animation-delay: 357.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3579) {
animation-delay: 357.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3580) {
animation-delay: 358s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3581) {
animation-delay: 358.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3582) {
animation-delay: 358.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3583) {
animation-delay: 358.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3584) {
animation-delay: 358.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3585) {
animation-delay: 358.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3586) {
animation-delay: 358.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3587) {
animation-delay: 358.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3588) {
animation-delay: 358.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3589) {
animation-delay: 358.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3590) {
animation-delay: 359s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3591) {
animation-delay: 359.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3592) {
animation-delay: 359.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3593) {
animation-delay: 359.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3594) {
animation-delay: 359.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3595) {
animation-delay: 359.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3596) {
animation-delay: 359.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3597) {
animation-delay: 359.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3598) {
animation-delay: 359.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3599) {
animation-delay: 359.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3600) {
animation-delay: 360s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3601) {
animation-delay: 360.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3602) {
animation-delay: 360.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3603) {
animation-delay: 360.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3604) {
animation-delay: 360.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3605) {
animation-delay: 360.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3606) {
animation-delay: 360.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3607) {
animation-delay: 360.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3608) {
animation-delay: 360.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3609) {
animation-delay: 360.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3610) {
animation-delay: 361s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3611) {
animation-delay: 361.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3612) {
animation-delay: 361.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3613) {
animation-delay: 361.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3614) {
animation-delay: 361.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3615) {
animation-delay: 361.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3616) {
animation-delay: 361.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3617) {
animation-delay: 361.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3618) {
animation-delay: 361.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3619) {
animation-delay: 361.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3620) {
animation-delay: 362s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3621) {
animation-delay: 362.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3622) {
animation-delay: 362.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3623) {
animation-delay: 362.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3624) {
animation-delay: 362.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3625) {
animation-delay: 362.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3626) {
animation-delay: 362.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3627) {
animation-delay: 362.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3628) {
animation-delay: 362.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3629) {
animation-delay: 362.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3630) {
animation-delay: 363s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3631) {
animation-delay: 363.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3632) {
animation-delay: 363.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3633) {
animation-delay: 363.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3634) {
animation-delay: 363.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3635) {
animation-delay: 363.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3636) {
animation-delay: 363.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3637) {
animation-delay: 363.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3638) {
animation-delay: 363.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3639) {
animation-delay: 363.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3640) {
animation-delay: 364s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3641) {
animation-delay: 364.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3642) {
animation-delay: 364.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3643) {
animation-delay: 364.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3644) {
animation-delay: 364.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3645) {
animation-delay: 364.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3646) {
animation-delay: 364.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3647) {
animation-delay: 364.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3648) {
animation-delay: 364.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3649) {
animation-delay: 364.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3650) {
animation-delay: 365s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3651) {
animation-delay: 365.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3652) {
animation-delay: 365.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3653) {
animation-delay: 365.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3654) {
animation-delay: 365.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3655) {
animation-delay: 365.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3656) {
animation-delay: 365.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3657) {
animation-delay: 365.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3658) {
animation-delay: 365.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3659) {
animation-delay: 365.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3660) {
animation-delay: 366s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3661) {
animation-delay: 366.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3662) {
animation-delay: 366.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3663) {
animation-delay: 366.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3664) {
animation-delay: 366.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3665) {
animation-delay: 366.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3666) {
animation-delay: 366.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3667) {
animation-delay: 366.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3668) {
animation-delay: 366.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3669) {
animation-delay: 366.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3670) {
animation-delay: 367s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3671) {
animation-delay: 367.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3672) {
animation-delay: 367.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3673) {
animation-delay: 367.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3674) {
animation-delay: 367.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3675) {
animation-delay: 367.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3676) {
animation-delay: 367.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3677) {
animation-delay: 367.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3678) {
animation-delay: 367.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3679) {
animation-delay: 367.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3680) {
animation-delay: 368s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3681) {
animation-delay: 368.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3682) {
animation-delay: 368.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3683) {
animation-delay: 368.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3684) {
animation-delay: 368.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3685) {
animation-delay: 368.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3686) {
animation-delay: 368.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3687) {
animation-delay: 368.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3688) {
animation-delay: 368.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3689) {
animation-delay: 368.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3690) {
animation-delay: 369s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3691) {
animation-delay: 369.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3692) {
animation-delay: 369.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3693) {
animation-delay: 369.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3694) {
animation-delay: 369.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3695) {
animation-delay: 369.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3696) {
animation-delay: 369.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3697) {
animation-delay: 369.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3698) {
animation-delay: 369.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3699) {
animation-delay: 369.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3700) {
animation-delay: 370s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3701) {
animation-delay: 370.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3702) {
animation-delay: 370.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3703) {
animation-delay: 370.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3704) {
animation-delay: 370.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3705) {
animation-delay: 370.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3706) {
animation-delay: 370.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3707) {
animation-delay: 370.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3708) {
animation-delay: 370.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3709) {
animation-delay: 370.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3710) {
animation-delay: 371s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3711) {
animation-delay: 371.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3712) {
animation-delay: 371.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3713) {
animation-delay: 371.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3714) {
animation-delay: 371.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3715) {
animation-delay: 371.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3716) {
animation-delay: 371.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3717) {
animation-delay: 371.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3718) {
animation-delay: 371.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3719) {
animation-delay: 371.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3720) {
animation-delay: 372s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3721) {
animation-delay: 372.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3722) {
animation-delay: 372.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3723) {
animation-delay: 372.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3724) {
animation-delay: 372.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3725) {
animation-delay: 372.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3726) {
animation-delay: 372.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3727) {
animation-delay: 372.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3728) {
animation-delay: 372.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3729) {
animation-delay: 372.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3730) {
animation-delay: 373s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3731) {
animation-delay: 373.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3732) {
animation-delay: 373.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3733) {
animation-delay: 373.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3734) {
animation-delay: 373.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3735) {
animation-delay: 373.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3736) {
animation-delay: 373.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3737) {
animation-delay: 373.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3738) {
animation-delay: 373.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3739) {
animation-delay: 373.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3740) {
animation-delay: 374s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3741) {
animation-delay: 374.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3742) {
animation-delay: 374.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3743) {
animation-delay: 374.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3744) {
animation-delay: 374.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3745) {
animation-delay: 374.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3746) {
animation-delay: 374.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3747) {
animation-delay: 374.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3748) {
animation-delay: 374.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3749) {
animation-delay: 374.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3750) {
animation-delay: 375s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3751) {
animation-delay: 375.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3752) {
animation-delay: 375.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3753) {
animation-delay: 375.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3754) {
animation-delay: 375.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3755) {
animation-delay: 375.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3756) {
animation-delay: 375.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3757) {
animation-delay: 375.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3758) {
animation-delay: 375.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3759) {
animation-delay: 375.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3760) {
animation-delay: 376s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3761) {
animation-delay: 376.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3762) {
animation-delay: 376.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3763) {
animation-delay: 376.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3764) {
animation-delay: 376.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3765) {
animation-delay: 376.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3766) {
animation-delay: 376.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3767) {
animation-delay: 376.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3768) {
animation-delay: 376.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3769) {
animation-delay: 376.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3770) {
animation-delay: 377s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3771) {
animation-delay: 377.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3772) {
animation-delay: 377.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3773) {
animation-delay: 377.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3774) {
animation-delay: 377.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3775) {
animation-delay: 377.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3776) {
animation-delay: 377.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3777) {
animation-delay: 377.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3778) {
animation-delay: 377.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3779) {
animation-delay: 377.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3780) {
animation-delay: 378s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3781) {
animation-delay: 378.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3782) {
animation-delay: 378.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3783) {
animation-delay: 378.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3784) {
animation-delay: 378.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3785) {
animation-delay: 378.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3786) {
animation-delay: 378.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3787) {
animation-delay: 378.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3788) {
animation-delay: 378.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3789) {
animation-delay: 378.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3790) {
animation-delay: 379s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3791) {
animation-delay: 379.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3792) {
animation-delay: 379.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3793) {
animation-delay: 379.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3794) {
animation-delay: 379.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3795) {
animation-delay: 379.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3796) {
animation-delay: 379.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3797) {
animation-delay: 379.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3798) {
animation-delay: 379.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3799) {
animation-delay: 379.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3800) {
animation-delay: 380s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3801) {
animation-delay: 380.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3802) {
animation-delay: 380.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3803) {
animation-delay: 380.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3804) {
animation-delay: 380.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3805) {
animation-delay: 380.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3806) {
animation-delay: 380.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3807) {
animation-delay: 380.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3808) {
animation-delay: 380.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3809) {
animation-delay: 380.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3810) {
animation-delay: 381s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3811) {
animation-delay: 381.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3812) {
animation-delay: 381.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3813) {
animation-delay: 381.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3814) {
animation-delay: 381.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3815) {
animation-delay: 381.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3816) {
animation-delay: 381.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3817) {
animation-delay: 381.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3818) {
animation-delay: 381.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3819) {
animation-delay: 381.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3820) {
animation-delay: 382s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3821) {
animation-delay: 382.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3822) {
animation-delay: 382.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3823) {
animation-delay: 382.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3824) {
animation-delay: 382.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3825) {
animation-delay: 382.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3826) {
animation-delay: 382.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3827) {
animation-delay: 382.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3828) {
animation-delay: 382.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3829) {
animation-delay: 382.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3830) {
animation-delay: 383s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3831) {
animation-delay: 383.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3832) {
animation-delay: 383.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3833) {
animation-delay: 383.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3834) {
animation-delay: 383.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3835) {
animation-delay: 383.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3836) {
animation-delay: 383.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3837) {
animation-delay: 383.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3838) {
animation-delay: 383.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3839) {
animation-delay: 383.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3840) {
animation-delay: 384s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3841) {
animation-delay: 384.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3842) {
animation-delay: 384.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3843) {
animation-delay: 384.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3844) {
animation-delay: 384.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3845) {
animation-delay: 384.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3846) {
animation-delay: 384.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3847) {
animation-delay: 384.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3848) {
animation-delay: 384.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3849) {
animation-delay: 384.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3850) {
animation-delay: 385s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3851) {
animation-delay: 385.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3852) {
animation-delay: 385.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3853) {
animation-delay: 385.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3854) {
animation-delay: 385.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3855) {
animation-delay: 385.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3856) {
animation-delay: 385.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3857) {
animation-delay: 385.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3858) {
animation-delay: 385.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3859) {
animation-delay: 385.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3860) {
animation-delay: 386s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3861) {
animation-delay: 386.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3862) {
animation-delay: 386.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3863) {
animation-delay: 386.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3864) {
animation-delay: 386.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3865) {
animation-delay: 386.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3866) {
animation-delay: 386.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3867) {
animation-delay: 386.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3868) {
animation-delay: 386.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3869) {
animation-delay: 386.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3870) {
animation-delay: 387s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3871) {
animation-delay: 387.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3872) {
animation-delay: 387.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3873) {
animation-delay: 387.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3874) {
animation-delay: 387.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3875) {
animation-delay: 387.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3876) {
animation-delay: 387.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3877) {
animation-delay: 387.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3878) {
animation-delay: 387.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3879) {
animation-delay: 387.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3880) {
animation-delay: 388s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3881) {
animation-delay: 388.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3882) {
animation-delay: 388.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3883) {
animation-delay: 388.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3884) {
animation-delay: 388.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3885) {
animation-delay: 388.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3886) {
animation-delay: 388.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3887) {
animation-delay: 388.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3888) {
animation-delay: 388.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3889) {
animation-delay: 388.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3890) {
animation-delay: 389s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3891) {
animation-delay: 389.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3892) {
animation-delay: 389.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3893) {
animation-delay: 389.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3894) {
animation-delay: 389.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3895) {
animation-delay: 389.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3896) {
animation-delay: 389.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3897) {
animation-delay: 389.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3898) {
animation-delay: 389.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3899) {
animation-delay: 389.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3900) {
animation-delay: 390s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3901) {
animation-delay: 390.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3902) {
animation-delay: 390.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3903) {
animation-delay: 390.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3904) {
animation-delay: 390.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3905) {
animation-delay: 390.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3906) {
animation-delay: 390.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3907) {
animation-delay: 390.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3908) {
animation-delay: 390.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3909) {
animation-delay: 390.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3910) {
animation-delay: 391s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3911) {
animation-delay: 391.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3912) {
animation-delay: 391.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3913) {
animation-delay: 391.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3914) {
animation-delay: 391.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3915) {
animation-delay: 391.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3916) {
animation-delay: 391.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3917) {
animation-delay: 391.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3918) {
animation-delay: 391.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3919) {
animation-delay: 391.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3920) {
animation-delay: 392s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3921) {
animation-delay: 392.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3922) {
animation-delay: 392.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3923) {
animation-delay: 392.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3924) {
animation-delay: 392.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3925) {
animation-delay: 392.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3926) {
animation-delay: 392.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3927) {
animation-delay: 392.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3928) {
animation-delay: 392.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3929) {
animation-delay: 392.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3930) {
animation-delay: 393s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3931) {
animation-delay: 393.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3932) {
animation-delay: 393.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3933) {
animation-delay: 393.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3934) {
animation-delay: 393.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3935) {
animation-delay: 393.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3936) {
animation-delay: 393.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3937) {
animation-delay: 393.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3938) {
animation-delay: 393.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3939) {
animation-delay: 393.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3940) {
animation-delay: 394s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3941) {
animation-delay: 394.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3942) {
animation-delay: 394.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3943) {
animation-delay: 394.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3944) {
animation-delay: 394.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3945) {
animation-delay: 394.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3946) {
animation-delay: 394.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3947) {
animation-delay: 394.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3948) {
animation-delay: 394.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3949) {
animation-delay: 394.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3950) {
animation-delay: 395s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3951) {
animation-delay: 395.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3952) {
animation-delay: 395.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3953) {
animation-delay: 395.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3954) {
animation-delay: 395.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3955) {
animation-delay: 395.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3956) {
animation-delay: 395.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3957) {
animation-delay: 395.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3958) {
animation-delay: 395.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3959) {
animation-delay: 395.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3960) {
animation-delay: 396s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3961) {
animation-delay: 396.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3962) {
animation-delay: 396.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3963) {
animation-delay: 396.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3964) {
animation-delay: 396.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3965) {
animation-delay: 396.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3966) {
animation-delay: 396.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3967) {
animation-delay: 396.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3968) {
animation-delay: 396.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3969) {
animation-delay: 396.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3970) {
animation-delay: 397s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3971) {
animation-delay: 397.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3972) {
animation-delay: 397.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3973) {
animation-delay: 397.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3974) {
animation-delay: 397.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3975) {
animation-delay: 397.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3976) {
animation-delay: 397.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3977) {
animation-delay: 397.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3978) {
animation-delay: 397.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3979) {
animation-delay: 397.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3980) {
animation-delay: 398s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3981) {
animation-delay: 398.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3982) {
animation-delay: 398.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3983) {
animation-delay: 398.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3984) {
animation-delay: 398.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3985) {
animation-delay: 398.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3986) {
animation-delay: 398.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3987) {
animation-delay: 398.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3988) {
animation-delay: 398.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3989) {
animation-delay: 398.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3990) {
animation-delay: 399s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3991) {
animation-delay: 399.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3992) {
animation-delay: 399.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3993) {
animation-delay: 399.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3994) {
animation-delay: 399.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3995) {
animation-delay: 399.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3996) {
animation-delay: 399.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3997) {
animation-delay: 399.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3998) {
animation-delay: 399.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(3999) {
animation-delay: 399.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4000) {
animation-delay: 400s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4001) {
animation-delay: 400.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4002) {
animation-delay: 400.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4003) {
animation-delay: 400.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4004) {
animation-delay: 400.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4005) {
animation-delay: 400.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4006) {
animation-delay: 400.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4007) {
animation-delay: 400.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4008) {
animation-delay: 400.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4009) {
animation-delay: 400.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4010) {
animation-delay: 401s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4011) {
animation-delay: 401.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4012) {
animation-delay: 401.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4013) {
animation-delay: 401.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4014) {
animation-delay: 401.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4015) {
animation-delay: 401.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4016) {
animation-delay: 401.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4017) {
animation-delay: 401.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4018) {
animation-delay: 401.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4019) {
animation-delay: 401.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4020) {
animation-delay: 402s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4021) {
animation-delay: 402.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4022) {
animation-delay: 402.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4023) {
animation-delay: 402.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4024) {
animation-delay: 402.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4025) {
animation-delay: 402.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4026) {
animation-delay: 402.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4027) {
animation-delay: 402.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4028) {
animation-delay: 402.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4029) {
animation-delay: 402.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4030) {
animation-delay: 403s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4031) {
animation-delay: 403.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4032) {
animation-delay: 403.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4033) {
animation-delay: 403.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4034) {
animation-delay: 403.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4035) {
animation-delay: 403.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4036) {
animation-delay: 403.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4037) {
animation-delay: 403.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4038) {
animation-delay: 403.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4039) {
animation-delay: 403.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4040) {
animation-delay: 404s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4041) {
animation-delay: 404.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4042) {
animation-delay: 404.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4043) {
animation-delay: 404.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4044) {
animation-delay: 404.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4045) {
animation-delay: 404.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4046) {
animation-delay: 404.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4047) {
animation-delay: 404.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4048) {
animation-delay: 404.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4049) {
animation-delay: 404.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4050) {
animation-delay: 405s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4051) {
animation-delay: 405.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4052) {
animation-delay: 405.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4053) {
animation-delay: 405.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4054) {
animation-delay: 405.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4055) {
animation-delay: 405.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4056) {
animation-delay: 405.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4057) {
animation-delay: 405.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4058) {
animation-delay: 405.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4059) {
animation-delay: 405.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4060) {
animation-delay: 406s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4061) {
animation-delay: 406.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4062) {
animation-delay: 406.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4063) {
animation-delay: 406.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4064) {
animation-delay: 406.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4065) {
animation-delay: 406.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4066) {
animation-delay: 406.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4067) {
animation-delay: 406.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4068) {
animation-delay: 406.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4069) {
animation-delay: 406.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4070) {
animation-delay: 407s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4071) {
animation-delay: 407.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4072) {
animation-delay: 407.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4073) {
animation-delay: 407.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4074) {
animation-delay: 407.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4075) {
animation-delay: 407.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4076) {
animation-delay: 407.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4077) {
animation-delay: 407.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4078) {
animation-delay: 407.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4079) {
animation-delay: 407.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4080) {
animation-delay: 408s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4081) {
animation-delay: 408.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4082) {
animation-delay: 408.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4083) {
animation-delay: 408.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4084) {
animation-delay: 408.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4085) {
animation-delay: 408.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4086) {
animation-delay: 408.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4087) {
animation-delay: 408.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4088) {
animation-delay: 408.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4089) {
animation-delay: 408.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4090) {
animation-delay: 409s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4091) {
animation-delay: 409.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4092) {
animation-delay: 409.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4093) {
animation-delay: 409.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4094) {
animation-delay: 409.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4095) {
animation-delay: 409.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4096) {
animation-delay: 409.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4097) {
animation-delay: 409.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4098) {
animation-delay: 409.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4099) {
animation-delay: 409.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4100) {
animation-delay: 410s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4101) {
animation-delay: 410.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4102) {
animation-delay: 410.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4103) {
animation-delay: 410.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4104) {
animation-delay: 410.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4105) {
animation-delay: 410.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4106) {
animation-delay: 410.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4107) {
animation-delay: 410.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4108) {
animation-delay: 410.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4109) {
animation-delay: 410.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4110) {
animation-delay: 411s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4111) {
animation-delay: 411.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4112) {
animation-delay: 411.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4113) {
animation-delay: 411.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4114) {
animation-delay: 411.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4115) {
animation-delay: 411.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4116) {
animation-delay: 411.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4117) {
animation-delay: 411.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4118) {
animation-delay: 411.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4119) {
animation-delay: 411.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4120) {
animation-delay: 412s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4121) {
animation-delay: 412.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4122) {
animation-delay: 412.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4123) {
animation-delay: 412.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4124) {
animation-delay: 412.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4125) {
animation-delay: 412.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4126) {
animation-delay: 412.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4127) {
animation-delay: 412.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4128) {
animation-delay: 412.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4129) {
animation-delay: 412.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4130) {
animation-delay: 413s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4131) {
animation-delay: 413.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4132) {
animation-delay: 413.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4133) {
animation-delay: 413.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4134) {
animation-delay: 413.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4135) {
animation-delay: 413.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4136) {
animation-delay: 413.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4137) {
animation-delay: 413.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4138) {
animation-delay: 413.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4139) {
animation-delay: 413.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4140) {
animation-delay: 414s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4141) {
animation-delay: 414.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4142) {
animation-delay: 414.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4143) {
animation-delay: 414.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4144) {
animation-delay: 414.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4145) {
animation-delay: 414.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4146) {
animation-delay: 414.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4147) {
animation-delay: 414.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4148) {
animation-delay: 414.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4149) {
animation-delay: 414.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4150) {
animation-delay: 415s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4151) {
animation-delay: 415.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4152) {
animation-delay: 415.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4153) {
animation-delay: 415.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4154) {
animation-delay: 415.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4155) {
animation-delay: 415.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4156) {
animation-delay: 415.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4157) {
animation-delay: 415.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4158) {
animation-delay: 415.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4159) {
animation-delay: 415.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4160) {
animation-delay: 416s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4161) {
animation-delay: 416.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4162) {
animation-delay: 416.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4163) {
animation-delay: 416.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4164) {
animation-delay: 416.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4165) {
animation-delay: 416.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4166) {
animation-delay: 416.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4167) {
animation-delay: 416.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4168) {
animation-delay: 416.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4169) {
animation-delay: 416.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4170) {
animation-delay: 417s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4171) {
animation-delay: 417.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4172) {
animation-delay: 417.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4173) {
animation-delay: 417.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4174) {
animation-delay: 417.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4175) {
animation-delay: 417.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4176) {
animation-delay: 417.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4177) {
animation-delay: 417.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4178) {
animation-delay: 417.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4179) {
animation-delay: 417.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4180) {
animation-delay: 418s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4181) {
animation-delay: 418.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4182) {
animation-delay: 418.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4183) {
animation-delay: 418.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4184) {
animation-delay: 418.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4185) {
animation-delay: 418.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4186) {
animation-delay: 418.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4187) {
animation-delay: 418.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4188) {
animation-delay: 418.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4189) {
animation-delay: 418.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4190) {
animation-delay: 419s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4191) {
animation-delay: 419.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4192) {
animation-delay: 419.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4193) {
animation-delay: 419.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4194) {
animation-delay: 419.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4195) {
animation-delay: 419.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4196) {
animation-delay: 419.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4197) {
animation-delay: 419.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4198) {
animation-delay: 419.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4199) {
animation-delay: 419.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4200) {
animation-delay: 420s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4201) {
animation-delay: 420.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4202) {
animation-delay: 420.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4203) {
animation-delay: 420.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4204) {
animation-delay: 420.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4205) {
animation-delay: 420.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4206) {
animation-delay: 420.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4207) {
animation-delay: 420.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4208) {
animation-delay: 420.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4209) {
animation-delay: 420.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4210) {
animation-delay: 421s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4211) {
animation-delay: 421.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4212) {
animation-delay: 421.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4213) {
animation-delay: 421.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4214) {
animation-delay: 421.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4215) {
animation-delay: 421.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4216) {
animation-delay: 421.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4217) {
animation-delay: 421.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4218) {
animation-delay: 421.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4219) {
animation-delay: 421.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4220) {
animation-delay: 422s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4221) {
animation-delay: 422.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4222) {
animation-delay: 422.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4223) {
animation-delay: 422.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4224) {
animation-delay: 422.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4225) {
animation-delay: 422.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4226) {
animation-delay: 422.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4227) {
animation-delay: 422.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4228) {
animation-delay: 422.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4229) {
animation-delay: 422.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4230) {
animation-delay: 423s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4231) {
animation-delay: 423.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4232) {
animation-delay: 423.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4233) {
animation-delay: 423.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4234) {
animation-delay: 423.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4235) {
animation-delay: 423.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4236) {
animation-delay: 423.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4237) {
animation-delay: 423.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4238) {
animation-delay: 423.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4239) {
animation-delay: 423.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4240) {
animation-delay: 424s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4241) {
animation-delay: 424.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4242) {
animation-delay: 424.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4243) {
animation-delay: 424.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4244) {
animation-delay: 424.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4245) {
animation-delay: 424.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4246) {
animation-delay: 424.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4247) {
animation-delay: 424.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4248) {
animation-delay: 424.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4249) {
animation-delay: 424.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4250) {
animation-delay: 425s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4251) {
animation-delay: 425.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4252) {
animation-delay: 425.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4253) {
animation-delay: 425.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4254) {
animation-delay: 425.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4255) {
animation-delay: 425.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4256) {
animation-delay: 425.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4257) {
animation-delay: 425.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4258) {
animation-delay: 425.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4259) {
animation-delay: 425.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4260) {
animation-delay: 426s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4261) {
animation-delay: 426.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4262) {
animation-delay: 426.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4263) {
animation-delay: 426.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4264) {
animation-delay: 426.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4265) {
animation-delay: 426.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4266) {
animation-delay: 426.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4267) {
animation-delay: 426.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4268) {
animation-delay: 426.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4269) {
animation-delay: 426.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4270) {
animation-delay: 427s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4271) {
animation-delay: 427.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4272) {
animation-delay: 427.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4273) {
animation-delay: 427.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4274) {
animation-delay: 427.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4275) {
animation-delay: 427.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4276) {
animation-delay: 427.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4277) {
animation-delay: 427.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4278) {
animation-delay: 427.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4279) {
animation-delay: 427.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4280) {
animation-delay: 428s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4281) {
animation-delay: 428.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4282) {
animation-delay: 428.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4283) {
animation-delay: 428.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4284) {
animation-delay: 428.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4285) {
animation-delay: 428.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4286) {
animation-delay: 428.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4287) {
animation-delay: 428.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4288) {
animation-delay: 428.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4289) {
animation-delay: 428.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4290) {
animation-delay: 429s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4291) {
animation-delay: 429.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4292) {
animation-delay: 429.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4293) {
animation-delay: 429.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4294) {
animation-delay: 429.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4295) {
animation-delay: 429.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4296) {
animation-delay: 429.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4297) {
animation-delay: 429.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4298) {
animation-delay: 429.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4299) {
animation-delay: 429.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4300) {
animation-delay: 430s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4301) {
animation-delay: 430.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4302) {
animation-delay: 430.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4303) {
animation-delay: 430.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4304) {
animation-delay: 430.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4305) {
animation-delay: 430.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4306) {
animation-delay: 430.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4307) {
animation-delay: 430.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4308) {
animation-delay: 430.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4309) {
animation-delay: 430.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4310) {
animation-delay: 431s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4311) {
animation-delay: 431.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4312) {
animation-delay: 431.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4313) {
animation-delay: 431.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4314) {
animation-delay: 431.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4315) {
animation-delay: 431.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4316) {
animation-delay: 431.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4317) {
animation-delay: 431.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4318) {
animation-delay: 431.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4319) {
animation-delay: 431.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4320) {
animation-delay: 432s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4321) {
animation-delay: 432.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4322) {
animation-delay: 432.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4323) {
animation-delay: 432.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4324) {
animation-delay: 432.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4325) {
animation-delay: 432.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4326) {
animation-delay: 432.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4327) {
animation-delay: 432.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4328) {
animation-delay: 432.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4329) {
animation-delay: 432.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4330) {
animation-delay: 433s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4331) {
animation-delay: 433.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4332) {
animation-delay: 433.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4333) {
animation-delay: 433.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4334) {
animation-delay: 433.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4335) {
animation-delay: 433.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4336) {
animation-delay: 433.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4337) {
animation-delay: 433.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4338) {
animation-delay: 433.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4339) {
animation-delay: 433.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4340) {
animation-delay: 434s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4341) {
animation-delay: 434.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4342) {
animation-delay: 434.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4343) {
animation-delay: 434.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4344) {
animation-delay: 434.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4345) {
animation-delay: 434.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4346) {
animation-delay: 434.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4347) {
animation-delay: 434.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4348) {
animation-delay: 434.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4349) {
animation-delay: 434.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4350) {
animation-delay: 435s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4351) {
animation-delay: 435.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4352) {
animation-delay: 435.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4353) {
animation-delay: 435.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4354) {
animation-delay: 435.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4355) {
animation-delay: 435.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4356) {
animation-delay: 435.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4357) {
animation-delay: 435.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4358) {
animation-delay: 435.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4359) {
animation-delay: 435.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4360) {
animation-delay: 436s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4361) {
animation-delay: 436.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4362) {
animation-delay: 436.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4363) {
animation-delay: 436.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4364) {
animation-delay: 436.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4365) {
animation-delay: 436.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4366) {
animation-delay: 436.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4367) {
animation-delay: 436.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4368) {
animation-delay: 436.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4369) {
animation-delay: 436.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4370) {
animation-delay: 437s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4371) {
animation-delay: 437.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4372) {
animation-delay: 437.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4373) {
animation-delay: 437.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4374) {
animation-delay: 437.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4375) {
animation-delay: 437.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4376) {
animation-delay: 437.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4377) {
animation-delay: 437.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4378) {
animation-delay: 437.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4379) {
animation-delay: 437.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4380) {
animation-delay: 438s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4381) {
animation-delay: 438.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4382) {
animation-delay: 438.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4383) {
animation-delay: 438.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4384) {
animation-delay: 438.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4385) {
animation-delay: 438.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4386) {
animation-delay: 438.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4387) {
animation-delay: 438.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4388) {
animation-delay: 438.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4389) {
animation-delay: 438.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4390) {
animation-delay: 439s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4391) {
animation-delay: 439.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4392) {
animation-delay: 439.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4393) {
animation-delay: 439.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4394) {
animation-delay: 439.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4395) {
animation-delay: 439.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4396) {
animation-delay: 439.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4397) {
animation-delay: 439.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4398) {
animation-delay: 439.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4399) {
animation-delay: 439.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4400) {
animation-delay: 440s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4401) {
animation-delay: 440.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4402) {
animation-delay: 440.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4403) {
animation-delay: 440.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4404) {
animation-delay: 440.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4405) {
animation-delay: 440.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4406) {
animation-delay: 440.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4407) {
animation-delay: 440.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4408) {
animation-delay: 440.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4409) {
animation-delay: 440.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4410) {
animation-delay: 441s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4411) {
animation-delay: 441.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4412) {
animation-delay: 441.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4413) {
animation-delay: 441.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4414) {
animation-delay: 441.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4415) {
animation-delay: 441.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4416) {
animation-delay: 441.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4417) {
animation-delay: 441.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4418) {
animation-delay: 441.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4419) {
animation-delay: 441.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4420) {
animation-delay: 442s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4421) {
animation-delay: 442.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4422) {
animation-delay: 442.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4423) {
animation-delay: 442.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4424) {
animation-delay: 442.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4425) {
animation-delay: 442.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4426) {
animation-delay: 442.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4427) {
animation-delay: 442.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4428) {
animation-delay: 442.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4429) {
animation-delay: 442.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4430) {
animation-delay: 443s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4431) {
animation-delay: 443.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4432) {
animation-delay: 443.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4433) {
animation-delay: 443.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4434) {
animation-delay: 443.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4435) {
animation-delay: 443.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4436) {
animation-delay: 443.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4437) {
animation-delay: 443.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4438) {
animation-delay: 443.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4439) {
animation-delay: 443.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4440) {
animation-delay: 444s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4441) {
animation-delay: 444.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4442) {
animation-delay: 444.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4443) {
animation-delay: 444.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4444) {
animation-delay: 444.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4445) {
animation-delay: 444.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4446) {
animation-delay: 444.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4447) {
animation-delay: 444.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4448) {
animation-delay: 444.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4449) {
animation-delay: 444.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4450) {
animation-delay: 445s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4451) {
animation-delay: 445.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4452) {
animation-delay: 445.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4453) {
animation-delay: 445.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4454) {
animation-delay: 445.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4455) {
animation-delay: 445.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4456) {
animation-delay: 445.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4457) {
animation-delay: 445.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4458) {
animation-delay: 445.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4459) {
animation-delay: 445.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4460) {
animation-delay: 446s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4461) {
animation-delay: 446.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4462) {
animation-delay: 446.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4463) {
animation-delay: 446.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4464) {
animation-delay: 446.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4465) {
animation-delay: 446.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4466) {
animation-delay: 446.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4467) {
animation-delay: 446.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4468) {
animation-delay: 446.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4469) {
animation-delay: 446.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4470) {
animation-delay: 447s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4471) {
animation-delay: 447.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4472) {
animation-delay: 447.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4473) {
animation-delay: 447.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4474) {
animation-delay: 447.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4475) {
animation-delay: 447.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4476) {
animation-delay: 447.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4477) {
animation-delay: 447.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4478) {
animation-delay: 447.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4479) {
animation-delay: 447.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4480) {
animation-delay: 448s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4481) {
animation-delay: 448.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4482) {
animation-delay: 448.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4483) {
animation-delay: 448.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4484) {
animation-delay: 448.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4485) {
animation-delay: 448.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4486) {
animation-delay: 448.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4487) {
animation-delay: 448.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4488) {
animation-delay: 448.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4489) {
animation-delay: 448.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4490) {
animation-delay: 449s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4491) {
animation-delay: 449.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4492) {
animation-delay: 449.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4493) {
animation-delay: 449.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4494) {
animation-delay: 449.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4495) {
animation-delay: 449.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4496) {
animation-delay: 449.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4497) {
animation-delay: 449.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4498) {
animation-delay: 449.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4499) {
animation-delay: 449.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4500) {
animation-delay: 450s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4501) {
animation-delay: 450.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4502) {
animation-delay: 450.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4503) {
animation-delay: 450.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4504) {
animation-delay: 450.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4505) {
animation-delay: 450.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4506) {
animation-delay: 450.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4507) {
animation-delay: 450.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4508) {
animation-delay: 450.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4509) {
animation-delay: 450.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4510) {
animation-delay: 451s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4511) {
animation-delay: 451.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4512) {
animation-delay: 451.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4513) {
animation-delay: 451.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4514) {
animation-delay: 451.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4515) {
animation-delay: 451.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4516) {
animation-delay: 451.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4517) {
animation-delay: 451.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4518) {
animation-delay: 451.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4519) {
animation-delay: 451.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4520) {
animation-delay: 452s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4521) {
animation-delay: 452.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4522) {
animation-delay: 452.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4523) {
animation-delay: 452.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4524) {
animation-delay: 452.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4525) {
animation-delay: 452.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4526) {
animation-delay: 452.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4527) {
animation-delay: 452.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4528) {
animation-delay: 452.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4529) {
animation-delay: 452.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4530) {
animation-delay: 453s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4531) {
animation-delay: 453.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4532) {
animation-delay: 453.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4533) {
animation-delay: 453.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4534) {
animation-delay: 453.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4535) {
animation-delay: 453.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4536) {
animation-delay: 453.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4537) {
animation-delay: 453.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4538) {
animation-delay: 453.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4539) {
animation-delay: 453.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4540) {
animation-delay: 454s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4541) {
animation-delay: 454.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4542) {
animation-delay: 454.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4543) {
animation-delay: 454.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4544) {
animation-delay: 454.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4545) {
animation-delay: 454.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4546) {
animation-delay: 454.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4547) {
animation-delay: 454.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4548) {
animation-delay: 454.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4549) {
animation-delay: 454.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4550) {
animation-delay: 455s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4551) {
animation-delay: 455.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4552) {
animation-delay: 455.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4553) {
animation-delay: 455.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4554) {
animation-delay: 455.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4555) {
animation-delay: 455.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4556) {
animation-delay: 455.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4557) {
animation-delay: 455.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4558) {
animation-delay: 455.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4559) {
animation-delay: 455.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4560) {
animation-delay: 456s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4561) {
animation-delay: 456.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4562) {
animation-delay: 456.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4563) {
animation-delay: 456.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4564) {
animation-delay: 456.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4565) {
animation-delay: 456.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4566) {
animation-delay: 456.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4567) {
animation-delay: 456.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4568) {
animation-delay: 456.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4569) {
animation-delay: 456.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4570) {
animation-delay: 457s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4571) {
animation-delay: 457.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4572) {
animation-delay: 457.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4573) {
animation-delay: 457.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4574) {
animation-delay: 457.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4575) {
animation-delay: 457.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4576) {
animation-delay: 457.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4577) {
animation-delay: 457.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4578) {
animation-delay: 457.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4579) {
animation-delay: 457.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4580) {
animation-delay: 458s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4581) {
animation-delay: 458.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4582) {
animation-delay: 458.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4583) {
animation-delay: 458.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4584) {
animation-delay: 458.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4585) {
animation-delay: 458.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4586) {
animation-delay: 458.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4587) {
animation-delay: 458.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4588) {
animation-delay: 458.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4589) {
animation-delay: 458.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4590) {
animation-delay: 459s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4591) {
animation-delay: 459.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4592) {
animation-delay: 459.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4593) {
animation-delay: 459.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4594) {
animation-delay: 459.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4595) {
animation-delay: 459.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4596) {
animation-delay: 459.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4597) {
animation-delay: 459.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4598) {
animation-delay: 459.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4599) {
animation-delay: 459.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4600) {
animation-delay: 460s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4601) {
animation-delay: 460.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4602) {
animation-delay: 460.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4603) {
animation-delay: 460.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4604) {
animation-delay: 460.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4605) {
animation-delay: 460.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4606) {
animation-delay: 460.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4607) {
animation-delay: 460.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4608) {
animation-delay: 460.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4609) {
animation-delay: 460.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4610) {
animation-delay: 461s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4611) {
animation-delay: 461.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4612) {
animation-delay: 461.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4613) {
animation-delay: 461.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4614) {
animation-delay: 461.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4615) {
animation-delay: 461.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4616) {
animation-delay: 461.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4617) {
animation-delay: 461.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4618) {
animation-delay: 461.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4619) {
animation-delay: 461.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4620) {
animation-delay: 462s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4621) {
animation-delay: 462.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4622) {
animation-delay: 462.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4623) {
animation-delay: 462.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4624) {
animation-delay: 462.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4625) {
animation-delay: 462.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4626) {
animation-delay: 462.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4627) {
animation-delay: 462.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4628) {
animation-delay: 462.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4629) {
animation-delay: 462.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4630) {
animation-delay: 463s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4631) {
animation-delay: 463.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4632) {
animation-delay: 463.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4633) {
animation-delay: 463.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4634) {
animation-delay: 463.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4635) {
animation-delay: 463.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4636) {
animation-delay: 463.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4637) {
animation-delay: 463.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4638) {
animation-delay: 463.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4639) {
animation-delay: 463.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4640) {
animation-delay: 464s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4641) {
animation-delay: 464.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4642) {
animation-delay: 464.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4643) {
animation-delay: 464.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4644) {
animation-delay: 464.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4645) {
animation-delay: 464.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4646) {
animation-delay: 464.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4647) {
animation-delay: 464.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4648) {
animation-delay: 464.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4649) {
animation-delay: 464.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4650) {
animation-delay: 465s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4651) {
animation-delay: 465.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4652) {
animation-delay: 465.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4653) {
animation-delay: 465.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4654) {
animation-delay: 465.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4655) {
animation-delay: 465.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4656) {
animation-delay: 465.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4657) {
animation-delay: 465.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4658) {
animation-delay: 465.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4659) {
animation-delay: 465.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4660) {
animation-delay: 466s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4661) {
animation-delay: 466.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4662) {
animation-delay: 466.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4663) {
animation-delay: 466.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4664) {
animation-delay: 466.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4665) {
animation-delay: 466.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4666) {
animation-delay: 466.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4667) {
animation-delay: 466.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4668) {
animation-delay: 466.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4669) {
animation-delay: 466.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4670) {
animation-delay: 467s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4671) {
animation-delay: 467.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4672) {
animation-delay: 467.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4673) {
animation-delay: 467.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4674) {
animation-delay: 467.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4675) {
animation-delay: 467.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4676) {
animation-delay: 467.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4677) {
animation-delay: 467.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4678) {
animation-delay: 467.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4679) {
animation-delay: 467.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4680) {
animation-delay: 468s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4681) {
animation-delay: 468.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4682) {
animation-delay: 468.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4683) {
animation-delay: 468.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4684) {
animation-delay: 468.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4685) {
animation-delay: 468.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4686) {
animation-delay: 468.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4687) {
animation-delay: 468.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4688) {
animation-delay: 468.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4689) {
animation-delay: 468.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4690) {
animation-delay: 469s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4691) {
animation-delay: 469.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4692) {
animation-delay: 469.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4693) {
animation-delay: 469.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4694) {
animation-delay: 469.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4695) {
animation-delay: 469.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4696) {
animation-delay: 469.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4697) {
animation-delay: 469.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4698) {
animation-delay: 469.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4699) {
animation-delay: 469.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4700) {
animation-delay: 470s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4701) {
animation-delay: 470.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4702) {
animation-delay: 470.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4703) {
animation-delay: 470.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4704) {
animation-delay: 470.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4705) {
animation-delay: 470.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4706) {
animation-delay: 470.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4707) {
animation-delay: 470.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4708) {
animation-delay: 470.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4709) {
animation-delay: 470.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4710) {
animation-delay: 471s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4711) {
animation-delay: 471.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4712) {
animation-delay: 471.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4713) {
animation-delay: 471.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4714) {
animation-delay: 471.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4715) {
animation-delay: 471.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4716) {
animation-delay: 471.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4717) {
animation-delay: 471.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4718) {
animation-delay: 471.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4719) {
animation-delay: 471.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4720) {
animation-delay: 472s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4721) {
animation-delay: 472.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4722) {
animation-delay: 472.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4723) {
animation-delay: 472.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4724) {
animation-delay: 472.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4725) {
animation-delay: 472.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4726) {
animation-delay: 472.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4727) {
animation-delay: 472.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4728) {
animation-delay: 472.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4729) {
animation-delay: 472.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4730) {
animation-delay: 473s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4731) {
animation-delay: 473.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4732) {
animation-delay: 473.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4733) {
animation-delay: 473.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4734) {
animation-delay: 473.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4735) {
animation-delay: 473.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4736) {
animation-delay: 473.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4737) {
animation-delay: 473.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4738) {
animation-delay: 473.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4739) {
animation-delay: 473.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4740) {
animation-delay: 474s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4741) {
animation-delay: 474.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4742) {
animation-delay: 474.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4743) {
animation-delay: 474.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4744) {
animation-delay: 474.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4745) {
animation-delay: 474.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4746) {
animation-delay: 474.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4747) {
animation-delay: 474.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4748) {
animation-delay: 474.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4749) {
animation-delay: 474.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4750) {
animation-delay: 475s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4751) {
animation-delay: 475.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4752) {
animation-delay: 475.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4753) {
animation-delay: 475.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4754) {
animation-delay: 475.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4755) {
animation-delay: 475.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4756) {
animation-delay: 475.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4757) {
animation-delay: 475.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4758) {
animation-delay: 475.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4759) {
animation-delay: 475.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4760) {
animation-delay: 476s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4761) {
animation-delay: 476.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4762) {
animation-delay: 476.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4763) {
animation-delay: 476.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4764) {
animation-delay: 476.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4765) {
animation-delay: 476.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4766) {
animation-delay: 476.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4767) {
animation-delay: 476.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4768) {
animation-delay: 476.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4769) {
animation-delay: 476.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4770) {
animation-delay: 477s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4771) {
animation-delay: 477.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4772) {
animation-delay: 477.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4773) {
animation-delay: 477.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4774) {
animation-delay: 477.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4775) {
animation-delay: 477.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4776) {
animation-delay: 477.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4777) {
animation-delay: 477.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4778) {
animation-delay: 477.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4779) {
animation-delay: 477.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4780) {
animation-delay: 478s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4781) {
animation-delay: 478.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4782) {
animation-delay: 478.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4783) {
animation-delay: 478.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4784) {
animation-delay: 478.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4785) {
animation-delay: 478.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4786) {
animation-delay: 478.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4787) {
animation-delay: 478.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4788) {
animation-delay: 478.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4789) {
animation-delay: 478.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4790) {
animation-delay: 479s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4791) {
animation-delay: 479.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4792) {
animation-delay: 479.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4793) {
animation-delay: 479.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4794) {
animation-delay: 479.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4795) {
animation-delay: 479.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4796) {
animation-delay: 479.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4797) {
animation-delay: 479.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4798) {
animation-delay: 479.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4799) {
animation-delay: 479.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4800) {
animation-delay: 480s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4801) {
animation-delay: 480.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4802) {
animation-delay: 480.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4803) {
animation-delay: 480.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4804) {
animation-delay: 480.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4805) {
animation-delay: 480.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4806) {
animation-delay: 480.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4807) {
animation-delay: 480.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4808) {
animation-delay: 480.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4809) {
animation-delay: 480.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4810) {
animation-delay: 481s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4811) {
animation-delay: 481.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4812) {
animation-delay: 481.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4813) {
animation-delay: 481.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4814) {
animation-delay: 481.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4815) {
animation-delay: 481.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4816) {
animation-delay: 481.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4817) {
animation-delay: 481.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4818) {
animation-delay: 481.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4819) {
animation-delay: 481.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4820) {
animation-delay: 482s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4821) {
animation-delay: 482.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4822) {
animation-delay: 482.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4823) {
animation-delay: 482.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4824) {
animation-delay: 482.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4825) {
animation-delay: 482.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4826) {
animation-delay: 482.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4827) {
animation-delay: 482.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4828) {
animation-delay: 482.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4829) {
animation-delay: 482.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4830) {
animation-delay: 483s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4831) {
animation-delay: 483.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4832) {
animation-delay: 483.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4833) {
animation-delay: 483.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4834) {
animation-delay: 483.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4835) {
animation-delay: 483.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4836) {
animation-delay: 483.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4837) {
animation-delay: 483.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4838) {
animation-delay: 483.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4839) {
animation-delay: 483.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4840) {
animation-delay: 484s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4841) {
animation-delay: 484.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4842) {
animation-delay: 484.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4843) {
animation-delay: 484.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4844) {
animation-delay: 484.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4845) {
animation-delay: 484.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4846) {
animation-delay: 484.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4847) {
animation-delay: 484.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4848) {
animation-delay: 484.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4849) {
animation-delay: 484.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4850) {
animation-delay: 485s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4851) {
animation-delay: 485.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4852) {
animation-delay: 485.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4853) {
animation-delay: 485.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4854) {
animation-delay: 485.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4855) {
animation-delay: 485.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4856) {
animation-delay: 485.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4857) {
animation-delay: 485.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4858) {
animation-delay: 485.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4859) {
animation-delay: 485.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4860) {
animation-delay: 486s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4861) {
animation-delay: 486.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4862) {
animation-delay: 486.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4863) {
animation-delay: 486.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4864) {
animation-delay: 486.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4865) {
animation-delay: 486.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4866) {
animation-delay: 486.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4867) {
animation-delay: 486.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4868) {
animation-delay: 486.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4869) {
animation-delay: 486.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4870) {
animation-delay: 487s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4871) {
animation-delay: 487.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4872) {
animation-delay: 487.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4873) {
animation-delay: 487.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4874) {
animation-delay: 487.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4875) {
animation-delay: 487.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4876) {
animation-delay: 487.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4877) {
animation-delay: 487.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4878) {
animation-delay: 487.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4879) {
animation-delay: 487.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4880) {
animation-delay: 488s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4881) {
animation-delay: 488.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4882) {
animation-delay: 488.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4883) {
animation-delay: 488.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4884) {
animation-delay: 488.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4885) {
animation-delay: 488.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4886) {
animation-delay: 488.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4887) {
animation-delay: 488.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4888) {
animation-delay: 488.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4889) {
animation-delay: 488.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4890) {
animation-delay: 489s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4891) {
animation-delay: 489.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4892) {
animation-delay: 489.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4893) {
animation-delay: 489.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4894) {
animation-delay: 489.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4895) {
animation-delay: 489.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4896) {
animation-delay: 489.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4897) {
animation-delay: 489.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4898) {
animation-delay: 489.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4899) {
animation-delay: 489.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4900) {
animation-delay: 490s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4901) {
animation-delay: 490.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4902) {
animation-delay: 490.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4903) {
animation-delay: 490.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4904) {
animation-delay: 490.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4905) {
animation-delay: 490.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4906) {
animation-delay: 490.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4907) {
animation-delay: 490.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4908) {
animation-delay: 490.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4909) {
animation-delay: 490.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4910) {
animation-delay: 491s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4911) {
animation-delay: 491.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4912) {
animation-delay: 491.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4913) {
animation-delay: 491.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4914) {
animation-delay: 491.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4915) {
animation-delay: 491.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4916) {
animation-delay: 491.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4917) {
animation-delay: 491.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4918) {
animation-delay: 491.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4919) {
animation-delay: 491.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4920) {
animation-delay: 492s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4921) {
animation-delay: 492.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4922) {
animation-delay: 492.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4923) {
animation-delay: 492.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4924) {
animation-delay: 492.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4925) {
animation-delay: 492.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4926) {
animation-delay: 492.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4927) {
animation-delay: 492.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4928) {
animation-delay: 492.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4929) {
animation-delay: 492.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4930) {
animation-delay: 493s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4931) {
animation-delay: 493.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4932) {
animation-delay: 493.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4933) {
animation-delay: 493.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4934) {
animation-delay: 493.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4935) {
animation-delay: 493.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4936) {
animation-delay: 493.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4937) {
animation-delay: 493.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4938) {
animation-delay: 493.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4939) {
animation-delay: 493.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4940) {
animation-delay: 494s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4941) {
animation-delay: 494.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4942) {
animation-delay: 494.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4943) {
animation-delay: 494.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4944) {
animation-delay: 494.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4945) {
animation-delay: 494.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4946) {
animation-delay: 494.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4947) {
animation-delay: 494.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4948) {
animation-delay: 494.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4949) {
animation-delay: 494.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4950) {
animation-delay: 495s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4951) {
animation-delay: 495.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4952) {
animation-delay: 495.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4953) {
animation-delay: 495.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4954) {
animation-delay: 495.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4955) {
animation-delay: 495.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4956) {
animation-delay: 495.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4957) {
animation-delay: 495.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4958) {
animation-delay: 495.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4959) {
animation-delay: 495.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4960) {
animation-delay: 496s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4961) {
animation-delay: 496.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4962) {
animation-delay: 496.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4963) {
animation-delay: 496.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4964) {
animation-delay: 496.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4965) {
animation-delay: 496.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4966) {
animation-delay: 496.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4967) {
animation-delay: 496.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4968) {
animation-delay: 496.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4969) {
animation-delay: 496.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4970) {
animation-delay: 497s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4971) {
animation-delay: 497.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4972) {
animation-delay: 497.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4973) {
animation-delay: 497.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4974) {
animation-delay: 497.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4975) {
animation-delay: 497.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4976) {
animation-delay: 497.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4977) {
animation-delay: 497.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4978) {
animation-delay: 497.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4979) {
animation-delay: 497.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4980) {
animation-delay: 498s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4981) {
animation-delay: 498.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4982) {
animation-delay: 498.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4983) {
animation-delay: 498.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4984) {
animation-delay: 498.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4985) {
animation-delay: 498.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4986) {
animation-delay: 498.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4987) {
animation-delay: 498.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4988) {
animation-delay: 498.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4989) {
animation-delay: 498.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4990) {
animation-delay: 499s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4991) {
animation-delay: 499.1s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4992) {
animation-delay: 499.2s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4993) {
animation-delay: 499.3s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4994) {
animation-delay: 499.4s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4995) {
animation-delay: 499.5s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4996) {
animation-delay: 499.6s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4997) {
animation-delay: 499.7s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4998) {
animation-delay: 499.8s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(4999) {
animation-delay: 499.9s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:nth-child(5000) {
animation-delay: 500s; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper .todo-item-action {
display: flex;
align-items: center;
justify-content: space-between;
width: 5.75rem; }
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper .todo-item-action a {
cursor: pointer;
font-size: 1.2rem;
line-height: 1.5; }
.todo-application .content-area-wrapper .content-right .todo-task-list .no-results {
display: none;
padding: 1.5rem;
text-align: center; }
.todo-application .content-area-wrapper .content-right .todo-task-list .no-results.show {
display: block; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
top: 100px; }
75% {
opacity: 0.5;
top: 0px; }
100% {
opacity: 1; } }
@media (max-width: 575.98px) {
.todo-application .app-content .sidebar-left .todo-sidebar {
left: -1.12rem !important; } }
@media (max-width: 767.98px) {
.todo-application .sidebar-content .sidebar-close-icon {
visibility: visible !important; } }
@media (max-width: 991.98px) {
.todo-application .app-content .sidebar-left .todo-sidebar {
transform: translateX(-110%);
transition: all .3s ease-in-out;
left: 0;
position: fixed;
z-index: 5;
left: -2px; }
.todo-application .app-content .sidebar-left.show .todo-sidebar {
transform: translateX(13%);
transition: all .3s ease;
display: block; }
.todo-application .app-content .content-right {
width: 100%; }
.todo-application .app-content .content-right .todo-app-list-wrapper {
border-left: 0; }
.todo-application .app-content .content-right .app-fixed-search {
border-top-left-radius: 0.5rem; } }
@media (max-width: 575.98px) {
.content-right .todo-task-list .todo-title-wrapper, .todo-title-area {
display: block !important; }
.content-right .todo-task-list .todo-title-wrapper .todo-item-action {
float: none !important;
width: 100% !important;
display: block !important;
margin-top: .5rem; }
.content-right .todo-task-list .todo-title-wrapper .todo-item-action a {
margin-right: 1rem; } }
@media (max-width: 349.98px) {
.todo-application .content-area-wrapper .sidebar .todo-sidebar {
width: 230px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li {
padding-top: 0; } }
================================================
FILE: public/backend/css/pages/app-user.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
/* user page css */
/*---------------*/
.users-list-wrapper .actions-dropodown {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
border-radius: 0.5rem; }
.users-list-wrapper a,
.users-list-wrapper span {
color: inherit; }
.users-list-wrapper a i,
.users-list-wrapper span i {
cursor: pointer;
font-size: 1.2rem; }
.users-list-wrapper a i.users-delete-icon,
.users-list-wrapper span i.users-delete-icon {
font-size: 1.2rem; }
.users-list-wrapper a i.users-delete-icon:hover,
.users-list-wrapper span i.users-delete-icon:hover {
color: #ea5455; }
.users-list-wrapper a i.users-edit-icon:hover,
.users-list-wrapper span i.users-edit-icon:hover {
color: #7367f0; }
.users-list-wrapper .badge {
text-transform: uppercase; }
.users-list-wrapper .ag-icon-checkbox-unchecked {
color: #b8c2cc !important;
font-size: 22px; }
.users-list-wrapper .ag-icon-checkbox-checked,
.users-list-wrapper .ag-icon-checkbox-indeterminate {
font-size: 22px; }
.page-users-view .users-view-image {
width: 150px; }
.page-users-view table td {
padding-bottom: .8rem;
min-width: 140px;
word-break: break-word; }
.page-users-view .users-view-permission table td,
.page-users-view .users-view-permission table th {
padding-bottom: 0; }
.page-users-edit .users-avatar-shadow {
box-shadow: 2px 4px 14px 0 rgba(34, 41, 47, 0.4); }
================================================
FILE: public/backend/css/pages/app-users.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.dataTables_wrapper .dataTables_length {
display: inline-block; }
.dataTables_wrapper .dataTables_length .custom-select {
width: 6.714rem !important;
height: 3rem;
border-radius: 1.428rem;
border: 1px solid #dae1e7;
font-size: 1rem;
margin-bottom: 1.5rem;
background-position: calc(100% - 8px) 13px, calc(100% - 13px) 13px, 100% 0 !important; }
.dataTables_wrapper .dataTables_length .custom-select:focus {
box-shadow: none; }
.dataTables_wrapper .dataTables_filter {
display: flex;
justify-content: flex-end; }
.dataTables_wrapper .dataTables_filter .form-control {
border-radius: 1.428rem;
border: 1px solid #dae1e7;
font-size: 1rem;
width: 197px;
height: 40px;
padding-left: 2.2rem; }
.dataTables_wrapper .dataTables_filter label {
position: relative; }
.dataTables_wrapper .dataTables_filter label:after {
content: "\e8bd";
font-family: "feather";
position: absolute;
left: 1.428rem;
top: 10px;
font-size: 1.1rem;
color: #dae1e7; }
.dataTables_wrapper .dt-checkboxes-select-all input,
.dataTables_wrapper .dt-checkboxes-select input {
width: 0;
position: relative; }
.dataTables_wrapper .dt-checkboxes-select-all input:before,
.dataTables_wrapper .dt-checkboxes-select input:before {
border: 2px solid #b4b4b4;
content: "";
width: 1.071rem;
height: 1.071rem;
padding: 0;
border-radius: 2px;
transition: all 0.2s ease;
transform: rotate(-90deg);
overflow: hidden;
transition: all 0.2s ease;
position: absolute; }
.dataTables_wrapper .dt-checkboxes-select-all input:after,
.dataTables_wrapper .dt-checkboxes-select input:after {
background-color: #7367f0;
border: 2px solid #7367f0;
font-family: "feather";
content: "\e83f";
font-size: 0.75rem;
line-height: 1.2;
color: #fff;
opacity: 0;
position: absolute;
width: 0.928rem;
height: 1rem;
transform: translate(100%);
transform-origin: right;
transition: all 0.2s ease;
overflow: hidden; }
.dataTables_wrapper .dt-checkboxes-select-all input:active:checked:after,
.dataTables_wrapper .dt-checkboxes-select input:active:checked:after {
transform: translate(3px); }
.dataTables_wrapper .dt-checkboxes-select-all input:checked:before,
.dataTables_wrapper .dt-checkboxes-select input:checked:before {
border: 2px solid #7367f0;
transform: rotate(0deg); }
.dataTables_wrapper .dt-checkboxes-select-all input:checked:after,
.dataTables_wrapper .dt-checkboxes-select input:checked:after {
transition: all 0.2s ease;
opacity: 1;
transform: translate(0); }
.dataTables_wrapper .dataTable thead tr th:first-child {
padding-right: 2rem; }
.dataTables_wrapper .dataTable tbody .select-checkbox:before, .dataTables_wrapper .dataTable tbody .select-checkbox:after {
display: none !important; }
.dataTables_wrapper .dataTable tbody tr.selected {
border-radius: 0; }
.dataTables_wrapper .dataTable tbody tr td:first-child {
padding-right: 2rem; }
.dataTables_wrapper .dataTable tbody tr td .user-info {
display: flex;
justify-content: flex-start;
align-items: center; }
.dataTables_wrapper .dataTables_paginate .pagination {
justify-content: center !important; }
@media (max-width: 1199.98px) {
.dataTables_wrapper .dataTable tbody tr td:nth-child(2) {
display: flex;
flex-wrap: wrap; } }
_:-ms-lang(x) tbody tr td.dt-checkboxes-cell input,
_:-ms-lang(x) tbody tr th.dt-checkboxes-cell input,
_:-ms-lang(x) thead tr td.dt-checkboxes-cell input,
_:-ms-lang(x) thead tr th.dt-checkboxes-cell input,
.dataTable tbody tr td.dt-checkboxes-cell input,
.dataTable tbody tr th.dt-checkboxes-cell input,
.dataTable thead tr td.dt-checkboxes-cell input,
.dataTable thead tr th.dt-checkboxes-cell input {
width: auto !important; }
@supports (-moz-osx-font-smoothing: auto) {
.dataTable input {
width: auto !important; } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.dataTable tbody td.dt-checkboxes-cell input:after {
left: -0.485rem; }
.dataTable .dt-checkboxes-cell input {
-webkit-appearance: none;
top: -10px; } } }
.dataTable .mac-checkbox {
-webkit-appearance: none;
outline: none;
width: auto; }
================================================
FILE: public/backend/css/pages/authentication.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.bg-authentication {
background-color: #eff2f7; }
.bg-authentication .login-footer {
padding: 0rem 1.5rem 0.5rem; }
.bg-authentication .login-footer .footer-btn .btn {
padding: 0.9rem 1.2rem !important;
margin: 1rem 1rem 1rem 0rem; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.bg-authentication {
width: 100%; } }
================================================
FILE: public/backend/css/pages/card-analytics.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.customer-info.list-group .list-group-item:last-child {
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem; }
.customer-info.list-group .list-group-item .series-info i {
top: 0;
margin-right: 0.3rem; }
.avg-sessions .progress {
margin-top: 0.5rem; }
.analytics-list.list-group .list-group-item {
border: 0; }
.analytics-list.list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.analytics-list.list-group .list-group-item .btn {
display: none; }
.analytics-list.list-group .list-group-item:hover .btn {
display: inline-block; }
.chart-dropdown .btn {
font-size: 0.8rem;
font-weight: 500; }
.chart-dropdown .btn:after {
left: 0;
position: relative; }
@media only screen and (max-width: 992px) and (min-width: 768px) {
.analytics-list .float-left, .analytics-list .float-right {
display: block; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#dashboard-analytics .avatar .avatar-content, #statistics-card .avatar .avatar-content {
padding: 0 !important; } }
================================================
FILE: public/backend/css/pages/colors.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.colors-list li {
padding: 0.4rem; }
.colors-list li i {
font-size: 1.2rem;
top: 2px;
position: relative;
margin-right: 0.25rem; }
================================================
FILE: public/backend/css/pages/coming-soon.css
================================================
/*========== Coming Soon Background Image =========*/
.clockCard {
float: left; }
.getting-started {
font-size: 3rem; }
.lead {
font-size: 1rem; }
================================================
FILE: public/backend/css/pages/dashboard-analytics.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
#dashboard-analytics .img-left {
width: 200px;
position: absolute;
top: 0;
left: 0; }
#dashboard-analytics .img-right {
width: 175px;
position: absolute;
top: 0;
right: 0; }
#dashboard-analytics .bg-analytics {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7)); }
#dashboard-analytics .bg-analytics .avatar {
margin-bottom: 2rem; }
#dashboard-analytics table tr th:first-child, #dashboard-analytics table tr td:first-child {
padding-left: 2rem; }
#dashboard-analytics table tr th:last-child, #dashboard-analytics table tr td:last-child {
padding-right: 2rem; }
#dashboard-analytics table td {
padding: .75rem; }
@media only screen and (max-width: 576px) {
#dashboard-analytics .img-left, #dashboard-analytics .img-right {
width: 140px; } }
================================================
FILE: public/backend/css/pages/dashboard-ecommerce.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.chat-application .chat-app-window .user-chats {
padding: 10px 20px;
position: relative;
text-align: center;
height: 415px; }
.chat-application .chat-app-window .user-chats .chats {
padding: 0; }
.chat-application .chat-app-window .user-chats .chats .chat-body {
display: block;
margin: 10px 30px 0 0;
overflow: hidden; }
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content {
text-align: left;
display: block;
float: right;
padding: .75rem 1rem;
margin: 0 20px 10px 0;
clear: both;
color: #fff;
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
border-radius: .5rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
margin: 0; }
.chat-application .chat-app-window .user-chats .chats .chat-avatar {
float: right; }
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar {
float: left; }
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-body {
margin: 0; }
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
text-align: left;
float: left;
margin: 10px 10px 10px 20px;
color: #626262;
background: none;
background-color: white;
border: 1px solid #dae1e7; }
================================================
FILE: public/backend/css/pages/data-list-view.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.data-list-view-header .table-responsive .top,
.data-thumb-view-header .table-responsive .top {
display: flex;
justify-content: space-between;
padding: 0 1rem;
margin-bottom: 1rem; }
.data-list-view-header .table-responsive .top .action-btns,
.data-thumb-view-header .table-responsive .top .action-btns {
margin-top: 1.5rem;
display: flex; }
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown,
.data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
border-radius: 0.5rem;
margin-right: 0.75rem; }
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle,
.data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle {
font-size: 1.125rem;
font-weight: 500; }
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle:after,
.data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle:after {
left: 0; }
.data-list-view-header .table-responsive .top .action-btns .dt-buttons .btn,
.data-thumb-view-header .table-responsive .top .action-btns .dt-buttons .btn {
padding: 0.9rem 0.938rem; }
.data-list-view-header .table-responsive .top .dataTables_length,
.data-thumb-view-header .table-responsive .top .dataTables_length {
display: inline-block; }
.data-list-view-header .table-responsive .top .dataTables_length .custom-select,
.data-thumb-view-header .table-responsive .top .dataTables_length .custom-select {
width: 8.714rem;
height: 3rem;
border-radius: 1.428rem;
border: 1px solid #dae1e7;
font-size: 1rem;
background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0; }
.data-list-view-header .table-responsive .top .dataTables_length .custom-select:focus,
.data-thumb-view-header .table-responsive .top .dataTables_length .custom-select:focus {
box-shadow: none; }
.data-list-view-header .table-responsive .top .dataTables_filter,
.data-thumb-view-header .table-responsive .top .dataTables_filter {
display: inline-block; }
.data-list-view-header .table-responsive .top .dataTables_filter .form-control,
.data-thumb-view-header .table-responsive .top .dataTables_filter .form-control {
padding: 1.45rem 2.8rem !important;
border-radius: 1.428rem;
border: 1px solid #dae1e7; }
.data-list-view-header .table-responsive .top .dataTables_filter label,
.data-thumb-view-header .table-responsive .top .dataTables_filter label {
position: relative; }
.data-list-view-header .table-responsive .top .dataTables_filter label:after,
.data-thumb-view-header .table-responsive .top .dataTables_filter label:after {
content: "\e8bd";
font-family: "feather";
position: absolute;
left: 1.428rem;
top: 0.928rem; }
.data-list-view-header .table-responsive .dataTables_wrapper .dataTables_paginate ul.pagination,
.data-thumb-view-header .table-responsive .dataTables_wrapper .dataTables_paginate ul.pagination {
justify-content: center; }
.data-list-view-header .add-new-data-sidebar .overlay-bg,
.data-thumb-view-header .add-new-data-sidebar .overlay-bg {
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
transition: all 0.3s ease;
opacity: 0;
z-index: 1032; }
.data-list-view-header .add-new-data-sidebar .overlay-bg.show,
.data-thumb-view-header .add-new-data-sidebar .overlay-bg.show {
opacity: 1;
display: block; }
.data-list-view-header .add-new-data-sidebar .add-new-data,
.data-thumb-view-header .add-new-data-sidebar .add-new-data {
width: 28.57rem;
max-width: 90vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
background: #fff;
position: fixed;
left: auto;
right: 0;
top: 0;
z-index: 1033;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
transform: translateX(100%);
transition: all 0.25s ease;
overflow: hidden; }
.data-list-view-header .add-new-data-sidebar .add-new-data.show,
.data-thumb-view-header .add-new-data-sidebar .add-new-data.show {
transform: translateX(0%); }
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title {
padding-bottom: 0.714rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar {
position: relative; }
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar i,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar i {
position: absolute;
font-size: 1.71rem;
right: 0;
top: -0.1428rem;
cursor: pointer; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: calc(100% - 10rem);
position: relative; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col {
margin-top: 1.25rem; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col.data-list-upload,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col.data-list-upload {
margin-top: 2rem; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone {
min-height: 14.285rem; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message {
height: auto; }
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message:before,
.data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message:before {
font-size: 2.857rem; }
table.data-list-view.dataTable,
table.data-thumb-view.dataTable {
border-spacing: 0 1.3rem;
padding: 0 0.7rem; }
table.data-list-view.dataTable thead th,
table.data-thumb-view.dataTable thead th {
padding: 0.714rem 1.785rem;
font-weight: 600; }
table.data-list-view.dataTable thead th input:focus,
table.data-thumb-view.dataTable thead th input:focus {
outline: 0; }
table.data-list-view.dataTable thead th:first-child,
table.data-thumb-view.dataTable thead th:first-child {
padding-left: 0; }
table.data-list-view.dataTable thead .sorting_asc,
table.data-list-view.dataTable thead .sorting_desc,
table.data-list-view.dataTable thead .sorting,
table.data-thumb-view.dataTable thead .sorting_asc,
table.data-thumb-view.dataTable thead .sorting_desc,
table.data-thumb-view.dataTable thead .sorting {
padding-right: inherit; }
table.data-list-view.dataTable thead .sorting_asc:before,
table.data-list-view.dataTable thead .sorting_desc:before,
table.data-list-view.dataTable thead .sorting:before,
table.data-thumb-view.dataTable thead .sorting_asc:before,
table.data-thumb-view.dataTable thead .sorting_desc:before,
table.data-thumb-view.dataTable thead .sorting:before {
font-size: 0.7rem;
left: 0.857rem;
top: 0.642rem; }
table.data-list-view.dataTable thead .sorting_asc:after,
table.data-list-view.dataTable thead .sorting_desc:after,
table.data-list-view.dataTable thead .sorting:after,
table.data-thumb-view.dataTable thead .sorting_asc:after,
table.data-thumb-view.dataTable thead .sorting_desc:after,
table.data-thumb-view.dataTable thead .sorting:after {
font-size: 0.7rem;
left: 0.857rem;
top: 1.071rem; }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input {
width: 0;
position: relative; }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:before,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:before {
border: 2px solid #b4b4b4;
content: "";
width: 1.071rem;
height: 1.071rem;
padding: 0;
border-radius: 2px;
transition: all 0.2s ease;
transform: rotate(-90deg);
overflow: hidden;
transition: all 0.2s ease;
position: absolute; }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:after,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:after {
background-color: #7367f0;
border: 2px solid #7367f0;
font-family: "feather";
content: "\e83f";
font-size: 0.75rem;
line-height: 1.2;
color: #fff;
opacity: 0;
position: absolute;
width: 0.928rem;
height: 1rem;
transform: translate(100%);
transform-origin: right;
transition: all 0.2s ease;
overflow: hidden; }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:active:checked:after,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:active:checked:after {
transform: translate(3px); }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:checked:before,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:checked:before {
border: 2px solid #7367f0;
transform: rotate(0deg); }
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:checked:after,
table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:checked:after {
transition: all 0.2s ease;
opacity: 1;
transform: translate(0); }
table.data-list-view.dataTable tbody tr,
table.data-thumb-view.dataTable tbody tr {
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px 0px;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 0.5rem; }
table.data-list-view.dataTable tbody tr:hover,
table.data-thumb-view.dataTable tbody tr:hover {
transform: translateY(-4px);
transition: all 0.3s ease; }
table.data-list-view.dataTable tbody tr td:first-child,
table.data-thumb-view.dataTable tbody tr td:first-child {
padding-left: 1rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem; }
table.data-list-view.dataTable tbody tr td:last-child,
table.data-thumb-view.dataTable tbody tr td:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem; }
table.data-list-view.dataTable tbody tr.selected td,
table.data-thumb-view.dataTable tbody tr.selected td {
border-radius: 0; }
table.data-list-view.dataTable tbody td,
table.data-thumb-view.dataTable tbody td {
padding: 1.357rem;
border: none;
vertical-align: middle; }
table.data-list-view.dataTable tbody td input:focus,
table.data-thumb-view.dataTable tbody td input:focus {
outline: 0; }
table.data-list-view.dataTable tbody td.product-name,
table.data-thumb-view.dataTable tbody td.product-name {
font-weight: 500; }
table.data-list-view.dataTable tbody td:focus,
table.data-thumb-view.dataTable tbody td:focus {
outline: 0; }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input {
width: 0;
position: relative; }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:before,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:before {
border: 2px solid #b4b4b4;
position: absolute;
left: -8px;
content: "";
width: 1.071rem;
height: 1.071rem;
padding: 0;
border-radius: 2px;
transform: rotate(-90deg);
overflow: hidden;
transition: all 0.2s ease; }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:after,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:after {
background-color: #7367f0;
font-family: "feather";
content: "\e83f";
font-size: 0.75rem;
color: #fff;
opacity: 0;
position: absolute;
left: -0.4285rem;
width: 0.857rem;
height: 1rem;
overflow: hidden;
transform: rotate(-90deg) translate(100%);
transform-origin: right;
transition: all 0.2s ease; }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:active:checked:after,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:active:checked:after {
transform: translate(3px); }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:before,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:checked:before {
transform: rotate(0deg);
border: 2px solid #7367f0;
transition: all 0.2s ease; }
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:after,
table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:checked:after {
opacity: 1;
transition: all 0.2s ease;
transform: rotate(0deg) translate(0); }
table.data-list-view.dataTable tbody td .progress,
table.data-thumb-view.dataTable tbody td .progress {
margin-bottom: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
table.data-thumb-view.dataTable tbody tr td {
padding-top: 0.714rem;
padding-bottom: 0.714rem; }
table.data-thumb-view.dataTable tbody tr td.product-img img {
height: 7.857rem; }
@media (max-width: 768px) {
#data-list-view .table-responsive .top,
#data-thumb-view .table-responsive .top {
flex-direction: column; }
#data-list-view .table-responsive .dt-buttons,
#data-thumb-view .table-responsive .dt-buttons {
width: auto;
text-align: left; }
#data-list-view .table-responsive .dataTables_length,
#data-list-view .table-responsive .dataTables_filter,
#data-thumb-view .table-responsive .dataTables_length,
#data-thumb-view .table-responsive .dataTables_filter {
text-align: right; } }
@media (max-width: 576px) {
.add-new-data-sidebar .data-items .data-list-upload .dropzone .dz-message:before {
top: 3.428rem; } }
_:-ms-lang(x) tbody tr td.dt-checkboxes-cell input,
_:-ms-lang(x) tbody tr th.dt-checkboxes-cell input,
_:-ms-lang(x) thead tr td.dt-checkboxes-cell input,
_:-ms-lang(x) thead tr th.dt-checkboxes-cell input,
.data-list-view.dataTable tbody tr td.dt-checkboxes-cell input,
.data-list-view.dataTable tbody tr th.dt-checkboxes-cell input,
.data-list-view.dataTable thead tr td.dt-checkboxes-cell input,
.data-list-view.dataTable thead tr th.dt-checkboxes-cell input,
.data-thumb-view.dataTable tbody tr td.dt-checkboxes-cell input,
.data-thumb-view.dataTable tbody tr th.dt-checkboxes-cell input,
.data-thumb-view.dataTable thead tr td.dt-checkboxes-cell input,
.data-thumb-view.dataTable thead tr th.dt-checkboxes-cell input {
width: auto; }
_:-ms-lang(x) .table-responsive .top .dataTables_filter .form-control,
.data-list-view.dataTable .table-responsive .top .dataTables_filter .form-control,
.data-thumb-view.dataTable .table-responsive .top .dataTables_filter .form-control {
height: 1.4rem !important;
padding: 0rem 0.5rem !important; }
_:-ms-lang(x) .table-responsive .top .dataTables_filter .form-control:after,
.data-list-view.dataTable .table-responsive .top .dataTables_filter .form-control:after,
.data-thumb-view.dataTable .table-responsive .top .dataTables_filter .form-control:after {
display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#data-list-view .table-responsive .top .dataTables_filter .form-control,
#data-thumb-view .table-responsive .top .dataTables_filter .form-control {
height: 3rem !important;
padding: 0rem 1rem !important; }
#data-list-view .table-responsive .top .dataTables_filter label:after,
#data-thumb-view .table-responsive .top .dataTables_filter label:after {
display: none; } }
@supports (-moz-osx-font-smoothing: auto) {
.data-list-view input,
.data-thumb-view input {
width: auto !important; } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
table.data-list-view tbody td.dt-checkboxes-cell input:after, table.data-thumb-view tbody td.dt-checkboxes-cell input:after {
left: -0.485rem; }
.data-list-view .dt-checkboxes-cell input,
.data-thumb-view .dt-checkboxes-cell input {
-webkit-appearance: none;
top: -10px; } } }
.data-list-view .mac-checkbox,
.data-thumb-view .mac-checkbox {
-webkit-appearance: none;
top: -10px; }
================================================
FILE: public/backend/css/pages/error.css
================================================
.error-code {
font-size: 10rem; }
================================================
FILE: public/backend/css/pages/faq.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.faq-bg {
background: url(../../../app-assets/images/pages/faq.jpg) no-repeat;
background-size: cover; }
.faq-bg .form-control:focus ~ .form-control-position i {
color: #7367f0; }
.faq .faq-content .faq-table-content {
cursor: pointer;
padding: 0.5rem;
font-weight: 500; }
.faq .faq-content .faq-table-content i {
margin-right: 0.5rem; }
.faq .supporter-details .supporter-img img {
width: 35px;
height: 35px;
margin-right: 0.5rem;
cursor: pointer; }
.faq .supporter-info {
vertical-align: middle; }
.faq .accordion .collapse-title {
font-weight: 500;
color: #2c2c2c; }
.faq .accordion .collapse-margin {
background-color: #fff; }
@media only screen and (min-width: 992px) {
.faq-bg .card-body {
padding: 8rem !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq-bg .card-body {
padding: 6rem !important; } }
================================================
FILE: public/backend/css/pages/invoice.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.invoice-page {
padding: 2.2rem; }
.invoice-page .recipient-contact i,
.invoice-page .company-contact i {
padding-right: 0.2rem;
position: relative;
top: 2px; }
.invoice-page .recipient-info p,
.invoice-page .company-info p,
.invoice-page .company-contact p,
.invoice-page .recipient-contact p {
line-height: 2;
margin-bottom: 0; }
.invoice-page .invoice-items-table table,
.invoice-page .invoice-total-table table {
border: 2px solid #f8f8f8; }
@media print {
.content-header,
.buy-now,
.btn-print,
.footer,
.open,
.main-menu,
.invoice-print {
display: none; }
.app-content,
#invoice-template,
.navbar-container,
.navbar-wrapper,
.header-navbar,
.invoice-print,
.content-wrapper {
margin: 0 !important;
padding: 0 !important; }
#invoice-footer {
position: relative;
top: -80px !important; }
#invoice-company-details,
#invoice-footer {
margin-top: 5rem !important; }
.table-responsive {
-ms-overflow-style: none; } }
@page {
margin: 10px; }
================================================
FILE: public/backend/css/pages/knowledge-base.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.knowledge-base-bg {
background: url(../../../app-assets/images/pages/knowledge-base-cover.jpg) no-repeat;
background-size: cover; }
.knowledge-base-category .list-group-item, .knowledge-base-question .list-group-item {
padding: 0.5rem 0; }
.knowledge-base-category .list-group-item:hover, .knowledge-base-question .list-group-item:hover {
background-color: transparent; }
.article-question li {
margin-bottom: 0.5rem;
display: flex; }
.article-question i {
font-size: 1.2rem;
top: 2px;
position: relative;
margin: 0 0.5rem; }
@media only screen and (min-width: 992px) {
.knowledge-base-bg .card-body {
padding: 8rem !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.knowledge-base-bg .card-body {
padding: 6rem !important; } }
================================================
FILE: public/backend/css/pages/page-auth.css
================================================
.auth-wrapper {
display: flex;
flex-basis: 100%;
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
width: 100%; }
.auth-wrapper .auth-inner {
width: 100%;
position: relative; }
.auth-wrapper.auth-v1 {
align-items: center;
justify-content: center;
overflow: hidden; }
.auth-wrapper.auth-v1 .auth-inner:before {
width: 244px;
height: 243px;
content: ' ';
position: absolute;
top: -54px;
left: -46px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC"); }
@media (max-width: 575.98px) {
.auth-wrapper.auth-v1 .auth-inner:before {
display: none; } }
.auth-wrapper.auth-v1 .auth-inner:after {
width: 272px;
height: 272px;
content: ' ';
position: absolute;
bottom: -55px;
right: -75px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
z-index: -1; }
@media (max-width: 575.98px) {
.auth-wrapper.auth-v1 .auth-inner:after {
display: none; } }
.auth-wrapper.auth-v2 {
align-items: flex-start; }
.auth-wrapper.auth-v2 .auth-inner {
height: 100vh;
overflow-y: auto;
height: calc(var(--vh, 1vh) * 100); }
.auth-wrapper.auth-v2 .brand-logo {
position: absolute;
top: 2rem;
left: 2rem;
margin: 0;
z-index: 1; }
.auth-wrapper.auth-v1 .auth-inner {
max-width: 400px; }
.auth-wrapper .brand-logo {
display: flex;
justify-content: center;
margin: 1rem 0 2rem 0; }
.auth-wrapper .brand-logo .brand-text {
font-weight: 600; }
.auth-wrapper .auth-footer-btn .btn {
padding: 0.6rem !important; }
.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
margin-right: 1rem; }
@media (min-width: 1200px) {
.auth-wrapper.auth-v2 .auth-card {
width: 400px; } }
.auth-wrapper .auth-bg {
background-color: #fff; }
.dark-layout .auth-wrapper .auth-bg {
background-color: #283046; }
@media (max-height: 625px) {
.dark-layout .auth-wrapper .auth-inner {
background-color: #283046; }
.auth-wrapper .auth-bg {
padding-top: 3rem; }
.auth-wrapper .auth-inner {
background-color: #fff;
padding-bottom: 1rem; }
.auth-wrapper.auth-v2 .brand-logo {
width: 100%;
display: flex;
justify-content: unset;
position: relative;
left: 0;
padding-left: 1.5rem; } }
================================================
FILE: public/backend/css/pages/register.css
================================================
================================================
FILE: public/backend/css/pages/search.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
#search-results .media-list .media {
padding: 0.5rem 1rem; }
#search-results .media-list .media-body .list-inline i {
font-size: 1.2rem; }
.search-menu .search-filter, .search-menu .dropdown-toggle {
padding: 0.55rem 1rem !important;
cursor: pointer;
background-color: #fff;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
.search-menu .dropdown-toggle {
border-radius: 1.5rem !important; }
.search-menu .dropdown-toggle::after {
display: none; }
.search-result-info .btn.dropdown-toggle::after {
left: 0; }
@media only screen and (min-width: 577px) {
#search-results li.media .media-object {
width: 100px; }
#search-results li.media iframe {
width: 100px;
height: 65px; } }
@media only screen and (max-width: 576px) {
#search-results li.media .media-left {
width: 100%; }
#search-results li.media .media-left img, #search-results li.media .media-left iframe {
width: 100%;
text-align: center; } }
================================================
FILE: public/backend/css/pages/timeline.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
/* Timeline */
.timeline {
position: relative;
display: block;
margin: 0;
padding: 10px 0;
list-style: none; }
.timeline:after {
content: " ";
display: table;
clear: both; }
.timeline:before {
content: " ";
display: table; }
.timeline > li {
list-style: none; }
.timeline > li:nth-child(even) {
float: left;
clear: left; }
.timeline > li:nth-child(odd) {
float: right;
clear: right; }
.timeline .media {
border-bottom: 1px solid #eee;
font-size: 13px; }
.timeline .media p {
font-size: 13px; }
.timeline .media:last-child {
border-bottom: 0; }
.timeline-line + .timeline-item {
margin-top: -20px; }
.timeline-group {
display: block;
position: relative;
margin: 20px 0;
text-align: center;
float: none !important;
z-index: 1; }
.timeline-poster {
margin-top: -20px; }
.timeline-poster .btn-link {
color: #a1aab0; }
.timeline-poster .btn-link:active {
color: #3e5771; }
.timeline-poster .btn-link:focus {
color: #3e5771; }
.timeline-poster .btn-link:hover {
color: #3e5771; }
.timeline-poster .btn-link.active {
color: #3e5771; }
#timeline.timeline-center .timeline-line {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background-color: #ddd;
transform: translate(-50%, 0); }
#timeline.timeline-center .timeline-item {
position: relative;
display: inline-block;
width: 50%;
padding: 0 50px 35px; }
#timeline.timeline-center .timeline-item:nth-child(even) {
padding: 0px 35px 50px 0px; }
#timeline.timeline-center .timeline-item:nth-child(even):after {
content: '';
position: absolute;
right: 19px;
top: 10px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #ccc;
z-index: 1;
right: 25px;
top: 20px;
border-left: 11px solid #fff; }
#timeline.timeline-center .timeline-item:nth-child(even):before {
content: '';
position: absolute;
right: 24px;
top: 20px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #ccc;
z-index: 1; }
#timeline.timeline-center .timeline-item:nth-child(even) > .timeline-badge {
right: -20px; }
#timeline.timeline-center .timeline-item:nth-child(odd) {
padding: 0px 0px 50px 35px; }
#timeline.timeline-center .timeline-item:nth-child(odd):after {
content: '';
position: absolute;
left: 19px;
top: 10px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
z-index: 1;
left: 25px;
top: 20px;
border-right: 11px solid #fff; }
#timeline.timeline-center .timeline-item:nth-child(odd):before {
content: '';
position: absolute;
left: 24px;
top: 20px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
z-index: 1; }
#timeline.timeline-center .timeline-item:nth-child(odd) > .timeline-badge {
left: -20px; }
#timeline.timeline-center .timeline-item > .timeline-badge {
position: absolute;
top: 12px;
z-index: 1; }
#timeline.timeline-center .timeline-item > .timeline-badge > span {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
text-decoration: none;
transition: all ease .3s; }
#timeline.timeline-center .timeline-item > .timeline-badge > span i {
color: #fff;
font-size: 1.6rem;
display: block;
line-height: 40px;
top: 0; }
#timeline.timeline-center .timeline-item > .timeline-badge > span:active {
transform: scale(1.1); }
#timeline.timeline-center .timeline-item > .timeline-badge > span:focus {
transform: scale(1.1); }
#timeline.timeline-center .timeline-item > .timeline-badge > span:hover {
transform: scale(1.1); }
#timeline.timeline-center .timeline-item > .timeline-badge > a.active {
transform: scale(1.1); }
#timeline.timeline-center .timeline-item > .timeline-panel {
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px; }
#timeline.timeline-center .timeline-item > .timeline-panel:hover .timeline-actions {
display: block; }
#timeline.timeline-right .timeline-line {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 2px;
background-color: #ddd;
transform: translate(-50%, 0); }
#timeline.timeline-right .timeline-group {
text-align: right; }
#timeline.timeline-right .timeline-item {
position: relative;
display: inline-block;
width: 100%;
padding: 0px 43px 35px 0px; }
#timeline.timeline-right .timeline-item:after {
content: '';
position: absolute;
right: 33px;
top: 21px;
width: 0;
height: 0;
z-index: 1;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-left: 11px solid #fff; }
#timeline.timeline-right .timeline-item:before {
content: '';
position: absolute;
right: 32px;
top: 20px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #ccc;
z-index: 1; }
#timeline.timeline-right .timeline-item > .timeline-badge {
right: -8px; }
#timeline.timeline-right .timeline-item > .timeline-badge {
position: absolute;
top: 12px;
z-index: 1; }
#timeline.timeline-right .timeline-item > .timeline-badge > span {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
text-decoration: none;
transition: all ease .3s; }
#timeline.timeline-right .timeline-item > .timeline-badge > span i {
color: #fff;
font-size: 1.6rem;
display: block;
line-height: 40px;
top: 0; }
#timeline.timeline-right .timeline-item > .timeline-badge > span:active {
transform: scale(1.1); }
#timeline.timeline-right .timeline-item > .timeline-badge > span:focus {
transform: scale(1.1); }
#timeline.timeline-right .timeline-item > .timeline-badge > span:hover {
transform: scale(1.1); }
#timeline.timeline-right .timeline-item > .timeline-badge > a.active {
transform: scale(1.1); }
#timeline.timeline-right .timeline-item > .timeline-panel {
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px; }
#timeline.timeline-right .timeline-item > .timeline-panel:hover .timeline-actions {
display: block; }
#timeline.timeline-right .timeline-item.block:nth-child(even):before {
right: 8px;
left: auto; }
#timeline.timeline-right .timeline-item.block:nth-child(even):after {
right: 11px;
left: auto; }
#timeline.timeline-right .timeline-item.block:nth-child(odd):after {
right: 8px;
right: auto; }
#timeline.timeline-left .timeline-line {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 12px;
width: 2px;
background-color: #ddd;
transform: translate(-50%, 0); }
#timeline.timeline-left .timeline-group {
text-align: left; }
#timeline.timeline-left .timeline-item {
position: relative;
display: inline-block;
width: 100%;
padding: 0 0 35px 43px; }
#timeline.timeline-left .timeline-item:after {
content: '';
position: absolute;
left: 33px;
top: 21px;
width: 0;
height: 0;
z-index: 1;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-right: 11px solid #fff; }
#timeline.timeline-left .timeline-item:before {
content: '';
position: absolute;
left: 32px;
top: 20px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
z-index: 1; }
#timeline.timeline-left .timeline-item > .timeline-badge {
left: -8px; }
#timeline.timeline-left .timeline-item > .timeline-badge {
position: absolute;
top: 12px;
z-index: 1; }
#timeline.timeline-left .timeline-item > .timeline-badge > span {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
text-decoration: none;
transition: all ease .3s; }
#timeline.timeline-left .timeline-item > .timeline-badge > span i {
color: #fff;
font-size: 1.6rem;
display: block;
line-height: 40px;
top: 0; }
#timeline.timeline-left .timeline-item > .timeline-badge > span:active {
transform: scale(1.1); }
#timeline.timeline-left .timeline-item > .timeline-badge > span:focus {
transform: scale(1.1); }
#timeline.timeline-left .timeline-item > .timeline-badge > span:hover {
transform: scale(1.1); }
#timeline.timeline-left .timeline-item > .timeline-badge > a.active {
transform: scale(1.1); }
#timeline.timeline-left .timeline-item > .timeline-panel {
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px; }
#timeline.timeline-left .timeline-item > .timeline-panel:hover .timeline-actions {
display: block; }
#timeline .timeline-item.block:nth-child(even) {
width: 100% !important;
margin-top: 5px; }
#timeline .timeline-item.block:nth-child(even):after {
left: 50%;
right: auto;
top: -11px;
border: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ccc;
transform: translate(-50%, 0);
top: -10px;
border: 0;
border-left: 11px solid #f8f8f8;
border-right: 11px solid #f8f8f8;
border-bottom: 11px solid #fff; }
#timeline .timeline-item.block:nth-child(even):before {
left: 50%;
right: auto;
top: -11px;
border: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ccc;
transform: translate(-50%, 0); }
#timeline .timeline-item.block:nth-child(even) > .timeline-badge {
top: -28px;
left: 50%;
right: auto;
transform: translate(-50%, 0); }
#timeline .timeline-item.block:nth-child(odd) {
width: 100% !important;
margin-top: 5px; }
#timeline .timeline-item.block:nth-child(odd):after {
left: 50%;
right: auto;
top: -11px;
border: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ccc;
transform: translate(-50%, 0);
top: -10px;
border: 0;
border-left: 11px solid #f8f8f8;
border-right: 11px solid #f8f8f8;
border-bottom: 11px solid #fff; }
#timeline .timeline-item.block:nth-child(odd):before {
left: 50%;
right: auto;
top: -11px;
border: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ccc;
transform: translate(-50%, 0); }
#timeline .timeline-item.block:nth-child(odd) > .timeline-badge {
top: -28px;
left: 50%;
right: auto;
transform: translate(-50%, 0); }
.timeline-actions {
display: none; }
.timeline-content {
padding: 15px; }
.timeline-footer {
padding: 15px;
border-top: 1px solid #eee;
background-color: #fbfcfc;
border-radius: 0 0 5px 5px; }
.timeline-heading {
padding: 15px;
font-size: 20px; }
.timeline-liveliness {
padding: 15px;
border-top: 1px solid #eee;
background-color: #fbfcfc; }
.timeline-heading + .timeline-content {
padding-top: 0; }
.timeline-date {
font-size: 14px;
color: #aaa; }
.timeline-embed {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.timeline-embed .embed-element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.timeline-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.timeline-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.timeline-embed object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.timeline-img {
display: block;
padding: 5px 0; }
.timeline-img.first {
margin-right: -10px; }
.timeline-img.middle {
margin-right: -10px;
margin-left: -10px; }
.timeline-img.last {
margin-left: -10px; }
.timeline-resume {
border-top: 1px solid #eee;
background-color: #fbfcfc; }
.timeline-avatar {
margin-top: -2px;
margin-right: 10px; }
.timeline-title {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.42857;
font-weight: 600;
color: #3e5771;
text-decoration: none; }
.timeline-title > small {
display: block;
font-size: 12px;
line-height: 1.5;
color: #a1aab0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.wrapkit-content-rtl .timeline-avatar {
margin-right: 0;
margin-left: 10px; }
@media (min-width: 992px) {
.timeline-item:nth-child(even) {
padding: 0px 35px 50px 0px; }
.timeline-item:nth-child(odd) {
padding: 0 0px 50px 35px; } }
@media (max-width: 991.98px) {
.timeline {
padding-left: 15px; }
.timeline-line {
left: 15px; }
.timeline-group {
display: inline-block;
margin-left: -22px; }
.timeline-item {
width: 100% !important;
margin-top: 0 !important;
padding-right: 10px; }
.timeline-item:nth-child(even):after {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0);
left: 40px;
top: 21px;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-right: 11px solid #fff; }
.timeline-item:nth-child(even):before {
left: 39px;
top: 20px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0); }
.timeline-item:nth-child(even) > .timeline-badge {
top: 12px;
left: -20px;
right: auto;
transform: translate(0, 0); }
.timeline-item:nth-child(odd):after {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0);
left: 40px;
top: 21px;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-right: 11px solid #fff; }
.timeline-item:nth-child(odd):before {
left: 39px;
top: 20px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0); }
.timeline-item:nth-child(odd) > .timeline-badge {
top: 12px;
left: -20px;
right: auto;
transform: translate(0, 0); }
.timeline-item.block:nth-child(even) {
padding-bottom: 0; }
.timeline-item.block:nth-child(even):after {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0);
left: 20px;
top: 11px;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-right: 11px solid #fff; }
.timeline-item.block:nth-child(even):before {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0); }
.timeline-item.block:nth-child(even) > .timeline-badge {
top: 12px;
left: -6px;
right: auto;
transform: translate(0, 0); }
.timeline-item.block:nth-child(odd) {
padding-bottom: 0; }
.timeline-item.block:nth-child(odd):after {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0);
left: 20px;
top: 11px;
border-top: 11px solid #f8f8f8;
border-bottom: 11px solid #f8f8f8;
border-right: 11px solid #fff; }
.timeline-item.block:nth-child(odd):before {
left: 19px;
top: 10px;
border: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
transform: translate(0, 0); }
.timeline-item.block:nth-child(odd) > .timeline-badge {
top: 12px;
left: -6px;
right: auto;
transform: translate(0, 0); } }
@media (max-width: 991.98px) {
#timeline.timeline-wrapper .timeline {
padding: 0; }
#timeline.timeline-wrapper .timeline .card-body {
text-align: left; }
#timeline.timeline-wrapper .timeline-line {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background-color: #ddd;
transform: translate(-50%, 0); }
#timeline.timeline-wrapper .timeline-group {
display: block;
margin-left: -6px;
text-align: center; }
#timeline.timeline-wrapper .timeline-item {
display: block;
padding: 20px 0 20px !important; }
#timeline.timeline-wrapper .timeline-item:nth-child(even) {
float: none;
clear: both; }
#timeline.timeline-wrapper .timeline-item:nth-child(even):after {
display: none; }
#timeline.timeline-wrapper .timeline-item:nth-child(even):before {
display: none; }
#timeline.timeline-wrapper .timeline-item:nth-child(odd) {
float: none;
clear: both; }
#timeline.timeline-wrapper .timeline-item:nth-child(odd):after {
display: none; }
#timeline.timeline-wrapper .timeline-item:nth-child(odd):before {
display: none; }
#timeline.timeline-wrapper .timeline-item > .timeline-badge {
top: 0px !important;
left: 45% !important; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(even) {
float: none;
clear: both; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(even):after {
display: none; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(even):before {
display: none; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd) {
float: none;
clear: both; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd):after {
display: none; }
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd):before {
display: none; }
#timeline.timeline-wrapper .timeline-item.timeline-poster > .timeline-badge {
display: none; } }
@media (max-width: 575.98px) {
.timeline-item > .timeline-badge {
top: 0px !important;
left: 44% !important; } }
================================================
FILE: public/backend/css/pages/user-settings.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.user-form .dropzone {
min-height: 200px;
width: 200px; }
.user-form .dropzone .dz-message {
font-size: 1rem;
height: auto; }
.user-form .dropzone .dz-message:before {
font-size: 2rem; }
================================================
FILE: public/backend/css/pages/users.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
#user-profile .profile-img-container {
position: absolute;
bottom: -3rem;
left: 10%;
width: 80%; }
#user-profile .profile-img-container img {
border: 0.3rem solid #fff;
height: 85px;
width: 85px; }
#user-profile #profile-info .card-header i {
position: relative;
top: -3px; }
#user-profile #profile-info .user-like i {
font-size: 1.7rem; }
#user-profile #profile-info .suggested-block .user-page-info p {
margin-bottom: 0;
font-weight: 500; }
#user-profile #profile-info .suggested-block i {
cursor: pointer; }
#user-profile .relative {
position: relative; }
#user-profile .profile-header-nav {
background-color: #fff;
padding: 0.75rem 1rem; }
#user-profile .profile-header-nav .navbar {
justify-content: flex-end; }
#user-profile .profile-header-nav .navbar .navbar-toggler {
font-size: 1.7rem;
color: #626262; }
#user-profile .profile-header-nav .navbar .navbar-toggler:focus {
outline: none; }
#user-profile .user-latest-img {
transition: all .2s ease-in-out; }
#user-profile .user-latest-img:hover {
transform: translateY(-4px) scale(1.2);
z-index: 30; }
#user-profile .block-element .spinner-border {
border-width: 2px; }
@media only screen and (min-width: 992px) {
#user-profile .profile-header-nav .navbar .nav-item {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important; } }
@media only screen and (max-width: 992px) {
#user-profile .user-latest-img img {
width: 100%; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
#user-profile .profile-header-nav .navbar .nav-item {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; } }
================================================
FILE: public/backend/css/plugins/animate/animate.css
================================================
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
================================================
FILE: public/backend/css/plugins/extensions/context-menu.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
/********* CONTEXT MENU *********/
.context-menu-list {
width: 248px; }
.context-menu-list .context-menu-item {
padding: .6rem 2rem; }
.context-menu-list .context-menu-item:not(:last-child) {
border-bottom: 1px solid #dae1e7; }
================================================
FILE: public/backend/css/plugins/extensions/drag-and-drop.css
================================================
#draggable-cards .card {
cursor: grab; }
#basic-list-group .list-group-item, #multiple-list-group-a .list-group-item, #multiple-list-group-b .list-group-item {
cursor: grab; }
#clone-lists .chip {
cursor: grab; }
#multiple-list-group-a, #multiple-list-group-b {
min-height: 5.714rem; }
#dd-with-handle .list-group {
min-height: 5.714rem; }
#dd-with-handle .list-group .handle {
padding: 0 5px;
margin-right: 5px;
background-color: rgba(0, 0, 0, 0.1);
cursor: move;
font-size: 1.2rem; }
================================================
FILE: public/backend/css/plugins/extensions/media-plyr.css
================================================
.audio-player:focus {
outline: 0; }
.plyr__controls {
justify-content: flex-start; }
.plyr__progress {
flex-grow: 1; }
================================================
FILE: public/backend/css/plugins/extensions/noui-slider.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.noUi-background {
background: #f0f0f0; }
.noUi-target {
background-color: #ebebeb;
border: none;
box-shadow: none;
border-radius: 1rem; }
.noUi-target.noUi-connect {
box-shadow: none; }
.noUi-horizontal {
height: 10px;
padding-right: 17px; }
.noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
top: -5px;
left: -1px;
cursor: pointer; }
.noUi-horizontal .noUi-origin {
left: 17px;
right: -17px; }
.noUi-horizontal.slider-xl {
height: 14px; }
.noUi-horizontal.slider-xl .noUi-handle {
width: 28px;
height: 28px;
top: -7px; }
.noUi-horizontal.slider-lg {
height: 12px; }
.noUi-horizontal.slider-lg .noUi-handle {
width: 24px;
height: 24px;
top: -6px; }
.noUi-horizontal.slider-sm {
height: 6px; }
.noUi-horizontal.slider-sm .noUi-handle {
height: 15px;
width: 15px;
right: -2px !important; }
.noUi-horizontal.slider-xs {
height: 3px; }
.noUi-horizontal.slider-xs .noUi-handle {
height: 10px;
width: 10px;
top: -4px;
right: -2px !important; }
.noUi-handle {
box-shadow: none;
border: none;
border-radius: 50%;
background: #fff;
border: 5px solid #7367f0; }
.noUi-handle:after, .noUi-handle:before {
display: none; }
.circle-filled .noUi-handle {
background: #7367f0;
border-radius: 50%; }
.circle-filled .noUi-handle:after, .circle-filled .noUi-handle:before {
display: none; }
.square .noUi-handle {
background: #7367f0;
border-radius: 3px; }
.square .noUi-handle:before {
display: block;
width: 2px;
height: 10px;
left: 2px;
top: 0px; }
.square .noUi-handle:after {
display: block;
width: 2px;
height: 10px;
left: 7px;
top: 0px; }
.square.slider-xl .noUi-handle:before {
left: 5px;
top: 4px; }
.square.slider-xl .noUi-handle:after {
left: 10px;
top: 4px; }
.square.slider-lg .noUi-handle:before {
left: 3px;
top: 2px; }
.square.slider-lg .noUi-handle:after {
left: 8px;
top: 2px; }
.square.slider-sm .noUi-handle:before {
left: -1px;
top: -1px;
height: 7px; }
.square.slider-sm .noUi-handle:after {
left: 4px;
top: -1px;
height: 7px; }
.square.slider-xs .noUi-handle:before {
left: -3px;
top: -3px;
height: 5px; }
.square.slider-xs .noUi-handle:after {
left: 1px;
top: -3px;
height: 5px; }
.noUi-connect {
background: #7367f0;
box-shadow: none; }
.noUi-vertical {
display: inline-block;
width: 8px;
height: 150px; }
.noUi-vertical .noUi-handle {
width: 20px;
height: 20px;
top: -5px;
left: -6px; }
.noUi-vertical.square .noUi-handle {
background: #7367f0;
border-radius: 3px; }
.noUi-vertical.square .noUi-handle:before {
display: block;
width: 12px;
height: 2px;
left: -1px;
top: 2px; }
.noUi-vertical.square .noUi-handle:after {
display: block;
width: 12px;
height: 2px;
left: -1px;
top: 7px; }
.noUi-vertical .noUi-tooltip {
transform: translate(-10%, -50%); }
.example-val {
font: 400 12px Arial;
color: #888;
display: block;
margin: 15px 0; }
.noUi-handle:focus {
outline: 0; }
_:-ms-lang(x),
.slider-select {
flex: 0 0 10%;
max-width: 10%; }
================================================
FILE: public/backend/css/plugins/extensions/swiper.css
================================================
/*=========================================================================================
File Name: swiper.scss
Description: swiper plugin scss.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
DARK LAYOUT
=========================================================*/
/* Swiper css */
/* ---------- */
/* swiper slide shadow */
.swiper-container .swiper-shadow {
box-shadow: 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important; }
.swiper-centered-slides.swiper-container .swiper-slide {
text-align: center;
font-weight: 500;
background-color: #fff;
height: auto;
width: auto !important;
padding: 2rem 5.5rem;
cursor: pointer; }
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
border: 2px solid #7367f0; }
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i {
color: #7367f0; }
.swiper-centered-slides .swiper-button-next:after,
.swiper-centered-slides .swiper-button-prev:after {
border-radius: 50%;
background-color: #7367f0;
box-shadow: 0 2px 4px 0 rgba(34, 41, 47, 0.5) !important; }
.swiper-centered-slides-2.swiper-container .swiper-slide {
font-weight: 500;
background-color: #f2f4f4;
height: auto;
width: auto !important;
cursor: pointer; }
.swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
color: #fff;
background-color: #7367f0;
box-shadow: 0 3px 6px 0 rgba(115, 103, 240, 0.5) !important; }
/* cube effect */
.swiper-cube-effect.swiper-container {
width: 300px;
left: 50%;
margin-left: -150px;
margin-top: -12px; }
/* swiper coverflow slide width */
.swiper-coverflow.swiper-container .swiper-slide {
width: 300px; }
.gallery-thumbs {
padding: 10px 0;
background: #22292f; }
.gallery-thumbs .swiper-slide {
opacity: 0.4; }
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1; }
.swiper-parallax .swiper-slide {
padding: 2.67rem 4rem; }
.swiper-parallax .swiper-slide .title {
font-size: 1.14rem;
padding: .5rem 0; }
.swiper-parallax .swiper-slide .text {
font-size: 1rem; }
.swiper-parallax .parallax-bg {
position: absolute;
width: 130%; }
.swiper-virtual.swiper-container {
height: 300px; }
.swiper-virtual.swiper-container .swiper-slide {
/* virtual slides */
font-size: 1.51rem;
background-color: #eee;
display: flex;
justify-content: center;
align-items: center; }
.swiper-button-prev,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: none;
color: #fff;
width: 35px;
font-size: 2rem; }
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-container-rtl .swiper-button-prev:focus,
.swiper-container-rtl .swiper-button-next:focus {
outline: none; }
.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
font-family: 'feather'; }
.swiper-button-prev:after {
content: "\e843";
padding-right: 1px; }
.swiper-button-next:after {
content: "\e844";
padding-left: 2px; }
.swiper-container-rtl .swiper-button-prev:after {
content: "\e844"; }
.swiper-container-rtl .swiper-button-next:after {
content: "\e843"; }
@media only screen and (max-width: 768px) {
.swiper-button-prev {
font-size: 1.32rem;
top: 55%; }
.swiper-button-next {
font-size: 1.32rem;
top: 55%;
width: 15px; }
.swiper-parallax .swiper-slide {
padding: 1rem 1.2rem; }
.swiper-parallax img {
height: 100% !important; } }
@media only screen and (max-width: 576px) {
.swiper-centered-slides.swiper-container .swiper-slide {
padding: 1.6rem 2.5rem; }
.swiper-centered-slides.swiper-container .swiper-slide i {
font-size: 1.14rem !important; }
.swiper-cube-effect.swiper-container {
width: 150px;
left: 70%; }
.swiper-parallax .swiper-slide {
padding: 1rem 1.3rem; }
.swiper-virtual.swiper-container .swiper-slide {
font-size: 1rem; } }
================================================
FILE: public/backend/css/plugins/extensions/toastr.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
#toast-container > div {
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
filter: alpha(opacity=90);
max-width: none; }
#toast-container > div:hover {
-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75); }
.toast {
background-color: #7367f0; }
.toast-success {
background-color: #28c76f; }
.toast-error {
background-color: #ea5455; }
.toast-info {
background-color: #00cfe8; }
.toast-warning {
background-color: #ff9f43; }
================================================
FILE: public/backend/css/plugins/forms/extended/typeahed.css
================================================
/* Typeahead Starts */
.typeahead .twitter-typeahead {
width: 100%; }
.typeahead .twitter-typeahead .tt-menu {
width: 100%; }
.typeahead .twitter-typeahead .empty-message {
padding: 5px 10px;
text-align: center; }
.typeahead .twitter-typeahead .rtl-typeahead .tt-menu {
text-align: right; }
.typeahead .twitter-typeahead .league-name {
margin: 0 10px 5px 10px;
padding: 7px 5px 10px;
border-bottom: 1px solid #ccc; }
.typeahead .scrollable-dropdown .twitter-typeahead .tt-menu {
max-height: 150px;
overflow-y: auto; }
/* Typeahead Ends */
/* MaxLength Starts */
.bootstrap-maxlength {
margin-top: 0.5rem; }
/* MaxLength Ends */
================================================
FILE: public/backend/css/plugins/forms/form-inputs-groups.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
/* For Input Group TouchPin */
#touchspin .input-group.bootstrap-touchspin .input-group-prepend, #touchspin .input-group.bootstrap-touchspin .input-group-append {
display: block; }
/* For Input Group TouchPin */
.segmented-buttons-with-dropdown .input-group .form-control, .buttons-with-dropdown .input-group .form-control {
height: 3rem; }
.bootstrap-touchspin.touchspin-with-icon .input-group-append .input-group-text i {
font-size: 1.25rem; }
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin, .bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin-stop-mousewheel {
height: calc(calc(1.25em + 1.4rem)-0.05rem + 2.2px); }
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group.touchspin-with-icon .input-group-text.bootstrap-touchspin-postfix {
padding: 0.85rem 1rem; }
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .default-height .input-group.touchspin-vertical {
height: calc(2.9rem + 2px); }
================================================
FILE: public/backend/css/plugins/forms/validation/form-validation.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.form-group.issue .help-block, .form-group.issue .help-inline, .form-group.error .help-block, .form-group.error .help-inline {
color: #ea5455; }
.form-group.issue input, .form-group.issue select, .form-group.issue textarea, .form-group.error input, .form-group.error select, .form-group.error textarea {
border-color: #ea5455; }
.form-group.issue input:focus, .form-group.issue select:focus, .form-group.issue textarea:focus, .form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus {
border-color: #ea5455;
-webkit-box-shadow: 0 3 10px 0 #ea5455;
-moz-box-shadow: 0 3 10px 0 #ea5455;
box-shadow: 0 3 10px 0 #ea5455; }
.form-group .help-block ul {
padding-left: 0; }
.form-group .help-block ul li {
list-style-type: none;
font-size: 0.875rem;
padding-top: 0.2rem; }
================================================
FILE: public/backend/css/plugins/forms/wizard.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.app-content .wizard {
width: 100%; }
.app-content .wizard .content {
margin-left: 0 !important; }
.app-content .wizard > .steps {
position: relative;
display: block;
width: 100%; }
.app-content .wizard > .steps .current-info {
position: absolute;
left: -99999px; }
.app-content .wizard > .steps > ul {
display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
list-style: none; }
.app-content .wizard > .steps > ul > li {
display: table-cell;
width: auto;
vertical-align: top;
text-align: center;
position: relative; }
.app-content .wizard > .steps > ul > li a {
position: relative;
padding-top: 52px;
margin-top: 20px;
margin-bottom: 20px;
display: block; }
.app-content .wizard > .steps > ul > li:before {
content: '';
display: block;
position: absolute;
z-index: 9;
left: 0; }
.app-content .wizard > .steps > ul > li:after {
content: '';
display: block;
position: absolute;
z-index: 9;
right: 0; }
.app-content .wizard > .steps > ul > li:last-child:after {
content: none; }
.app-content .wizard > .steps > ul > li.current > a {
color: #7367f0;
cursor: default; }
.app-content .wizard > .steps > ul > li.current .step {
border-color: #7367f0;
background-color: #7367f0;
color: #fff; }
.app-content .wizard > .steps > ul > li.disabled a {
color: #636363;
cursor: default; }
.app-content .wizard > .steps > ul > li.disabled a:hover {
color: #636363;
cursor: default; }
.app-content .wizard > .steps > ul > li.disabled a:focus {
color: #636363;
cursor: default; }
.app-content .wizard > .steps > ul > li.disabled .step {
color: #b8c2cc; }
.app-content .wizard > .steps > ul > li.done a {
color: #636363; }
.app-content .wizard > .steps > ul > li.done a:hover {
color: #636363; }
.app-content .wizard > .steps > ul > li.done a:focus {
color: #636363; }
.app-content .wizard > .steps > ul > li.done .step {
background-color: #fff;
border-color: #7367f0;
color: #b8c2cc; }
.app-content .wizard > .steps > ul > li.done:last-child .step {
background-color: #7367f0;
border-color: #7367f0;
color: #fff; }
.app-content .wizard > .steps > ul > li.error > a {
color: #ea5455; }
.app-content .wizard > .steps > ul > li.error .step {
border-color: #ea5455;
color: #fff;
background-color: #ea5455; }
.app-content .wizard > .steps .step {
background-color: #fff;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -24px;
z-index: 10;
text-align: center; }
.app-content .wizard > .steps .step i {
position: relative;
top: 2px; }
.app-content .wizard > .content {
position: relative;
width: auto;
padding: 0;
margin: 0; }
.app-content .wizard > .content > .title {
position: absolute;
left: -99999px; }
.app-content .wizard > .content > .body {
padding: 0 20px; }
.app-content .wizard > .content > iframe {
border: 0 none;
width: 100%;
height: 100%; }
.app-content .wizard > .actions {
position: relative;
display: block;
text-align: right;
padding: 20px;
padding-top: 0; }
.app-content .wizard > .actions > ul {
list-style: none;
padding: 0;
margin: 0; }
.app-content .wizard > .actions > ul:after {
content: '';
display: table;
clear: both; }
.app-content .wizard > .actions > ul > li {
float: left; }
.app-content .wizard > .actions > ul > li + li {
margin-left: 10px;
float: right; }
.app-content .wizard > .actions > ul > li > a {
background: #7367f0;
color: #fff;
display: block;
padding: 7px 12px;
border-radius: 0.42rem;
border: 1px solid transparent; }
.app-content .wizard > .actions > ul > li > a:hover {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
.app-content .wizard > .actions > ul > li > a:focus {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
.app-content .wizard > .actions > ul > li > a:active {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"] {
background-color: #7367f0;
color: #fff;
border-radius: 0.42rem; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:focus {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:active {
-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; }
.app-content .wizard > .actions > ul > li.disabled > a {
color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a:hover {
color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a:focus {
color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"] {
-webkit-box-shadow: none;
box-shadow: none; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus {
-webkit-box-shadow: none;
box-shadow: none; }
.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
top: 43px;
width: 50%;
height: 3px;
background-color: #7367f0; }
.app-content .wizard.wizard-circle > .steps > ul > li.current:after {
background-color: transparent; }
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
background-color: transparent; }
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after {
background-color: transparent; }
.app-content .wizard.wizard-circle > .steps .step {
width: 50px;
height: 50px;
line-height: 3rem;
border: 3px solid #b8c2cc;
font-size: 1.5rem;
font-weight: 500;
border-radius: 50%; }
@media (max-width: 768px) {
.app-content .wizard > .steps > ul {
margin-bottom: 20px; }
.app-content .wizard > .steps > ul > li {
display: block;
float: left;
width: 33%; }
.app-content .wizard > .steps > ul > li > a {
margin-bottom: 0; }
.app-content .wizard > .steps > ul > li:last-child:after {
content: '';
background-color: #7367f0; } }
@media (max-width: 480px) {
.app-content .wizard > .steps > ul > li.current:after {
background-color: #7367f0; } }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-beat.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-beat {
50% {
opacity: 0.2;
transform: scale(0.75); }
100% {
opacity: 1;
transform: scale(1); } }
.ball-beat > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation: ball-beat 0.7s 0s infinite linear; }
.ball-beat > div:nth-child(2n-1) {
animation-delay: -0.35s !important; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-clip-rotate-multiple.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate-multiple {
position: relative; }
.ball-clip-rotate-multiple > div {
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #b8c2cc;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
animation: rotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > div:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
animation-duration: 0.5s;
border-color: #b8c2cc transparent #b8c2cc transparent;
animation-direction: reverse; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-clip-rotate-pulse.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
@keyframes scale {
30% {
transform: scale(0.3); }
100% {
transform: scale(1); } }
.ball-clip-rotate-pulse {
position: relative;
transform: translateY(-15px); }
.ball-clip-rotate-pulse > div {
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%; }
.ball-clip-rotate-pulse > div:first-child {
background: #b8c2cc;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #b8c2cc;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #b8c2cc transparent #b8c2cc transparent;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation-duration: 1s; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-clip-rotate.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
border: 2px solid #b8c2cc;
border-bottom-color: transparent;
height: 25px;
width: 25px;
background: transparent !important;
display: inline-block;
animation: rotate 0.75s 0s linear infinite; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-grid-beat.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
.ball-grid-beat {
width: 57px; }
.ball-grid-beat > div:nth-child(1) {
animation-delay: 0.13s;
animation-duration: 1.32s; }
.ball-grid-beat > div:nth-child(2) {
animation-delay: -0.11s;
animation-duration: 1.17s; }
.ball-grid-beat > div:nth-child(3) {
animation-delay: 0.09s;
animation-duration: 1.19s; }
.ball-grid-beat > div:nth-child(4) {
animation-delay: -0.13s;
animation-duration: 1.32s; }
.ball-grid-beat > div:nth-child(5) {
animation-delay: 0.76s;
animation-duration: 0.66s; }
.ball-grid-beat > div:nth-child(6) {
animation-delay: 0.69s;
animation-duration: 1.34s; }
.ball-grid-beat > div:nth-child(7) {
animation-delay: 0.17s;
animation-duration: 1.47s; }
.ball-grid-beat > div:nth-child(8) {
animation-delay: 0.47s;
animation-duration: 0.81s; }
.ball-grid-beat > div:nth-child(9) {
animation-delay: -0.19s;
animation-duration: 1.42s; }
.ball-grid-beat > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
float: left;
animation-name: ball-grid-beat;
animation-iteration-count: infinite;
animation-delay: 0; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-grid-pulse.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-grid-pulse {
0% {
transform: scale(1); }
50% {
transform: scale(0.5);
opacity: 0.7; }
100% {
transform: scale(1);
opacity: 1; } }
.ball-grid-pulse {
width: 57px; }
.ball-grid-pulse > div:nth-child(1) {
animation-delay: 0.21s;
animation-duration: 0.68s; }
.ball-grid-pulse > div:nth-child(2) {
animation-delay: 0.74s;
animation-duration: 0.61s; }
.ball-grid-pulse > div:nth-child(3) {
animation-delay: 0.49s;
animation-duration: 0.92s; }
.ball-grid-pulse > div:nth-child(4) {
animation-delay: 0.73s;
animation-duration: 1.55s; }
.ball-grid-pulse > div:nth-child(5) {
animation-delay: -0.12s;
animation-duration: 1.49s; }
.ball-grid-pulse > div:nth-child(6) {
animation-delay: 0.09s;
animation-duration: 0.68s; }
.ball-grid-pulse > div:nth-child(7) {
animation-delay: -0.16s;
animation-duration: 1.44s; }
.ball-grid-pulse > div:nth-child(8) {
animation-delay: 0.63s;
animation-duration: 1.11s; }
.ball-grid-pulse > div:nth-child(9) {
animation-delay: -0.09s;
animation-duration: 0.65s; }
.ball-grid-pulse > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
float: left;
animation-name: ball-grid-pulse;
animation-iteration-count: infinite;
animation-delay: 0; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-pulse-rise.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-pulse-rise-even {
0% {
transform: scale(1.1); }
25% {
transform: translateY(-30px); }
50% {
transform: scale(0.4); }
75% {
transform: translateY(30px); }
100% {
transform: translateY(0);
transform: scale(1); } }
@keyframes ball-pulse-rise-odd {
0% {
transform: scale(0.4); }
25% {
transform: translateY(30px); }
50% {
transform: scale(1.1); }
75% {
transform: translateY(-30px); }
100% {
transform: translateY(0);
transform: scale(0.75); } }
.ball-pulse-rise > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-iteration-count: infinite;
animation-delay: 0; }
.ball-pulse-rise > div:nth-child(2n) {
animation-name: ball-pulse-rise-even; }
.ball-pulse-rise > div:nth-child(2n-1) {
animation-name: ball-pulse-rise-odd; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-pulse-round.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-pulse-round {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0); }
40% {
transform: scale(1);
-webkit-transform: scale(1); } }
.ball-pulse-round > div {
animation-fill-mode: both;
width: 10px;
height: 10px;
animation: ball-pulse-round 1.2s infinite ease-in-out; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-pulse-sync.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-pulse-sync {
33% {
transform: translateY(10px); }
66% {
transform: translateY(-10px); }
100% {
transform: translateY(0); } }
.ball-pulse-sync > div:nth-child(1) {
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-pulse.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes scale {
0% {
transform: scale(1);
opacity: 1; }
45% {
transform: scale(0.1);
opacity: 0.7; }
80% {
transform: scale(1);
opacity: 1; } }
.ball-pulse > div:nth-child(1) {
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(2) {
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(3) {
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-rotate.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(180deg); }
100% {
transform: rotate(360deg); } }
.ball-rotate {
position: relative; }
.ball-rotate > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: relative; }
.ball-rotate > div:first-child {
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
.ball-rotate > div:before, .ball-rotate > div:after {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8; }
.ball-rotate > div:before {
top: 0px;
left: -28px; }
.ball-rotate > div:after {
top: 0px;
left: 25px; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-scale-multiple.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-multiple {
0% {
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale-multiple {
position: relative; }
.ball-scale-multiple > div:nth-child(2) {
animation-delay: -0.4s; }
.ball-scale-multiple > div:nth-child(3) {
animation-delay: -0.2s; }
.ball-scale-multiple > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
animation: ball-scale-multiple 1s 0s linear infinite; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-scale-random.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random {
width: 37px;
height: 40px; }
.ball-scale-random > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random > div:nth-child(1) {
margin-left: -7px;
animation: ball-scale 1s 0.2s ease-in-out infinite; }
.ball-scale-random > div:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
animation: ball-scale 1s 0.5s ease-in-out infinite; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-scale-ripple-multiple.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-ripple-multiple {
0% {
transform: scale(0.1);
opacity: 1; }
70% {
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple-multiple {
position: relative;
transform: translateY(-25px); }
.ball-scale-ripple-multiple > div:nth-child(0) {
animation-delay: -0.8s; }
.ball-scale-ripple-multiple > div:nth-child(1) {
animation-delay: -0.6s; }
.ball-scale-ripple-multiple > div:nth-child(2) {
animation-delay: -0.4s; }
.ball-scale-ripple-multiple > div:nth-child(3) {
animation-delay: -0.2s; }
.ball-scale-ripple-multiple > div {
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #b8c2cc;
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-scale-ripple.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-ripple {
0% {
transform: scale(0.1);
opacity: 1; }
70% {
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple > div {
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #b8c2cc;
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-scale.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
animation: ball-scale 1s 0s ease-in-out infinite; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-spin-fade-loader.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
transform: scale(0.4); }
100% {
opacity: 1;
transform: scale(1); } }
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px; }
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-spin-loader.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
.ball-spin-loader {
position: relative; }
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
animation: ball-spin-loader 2s 0.9s infinite linear; }
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
animation: ball-spin-loader 2s 1.8s infinite linear; }
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
animation: ball-spin-loader 2s 2.7s infinite linear; }
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
animation: ball-spin-loader 2s 3.6s infinite linear; }
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
animation: ball-spin-loader 2s 4.5s infinite linear; }
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
animation: ball-spin-loader 2s 5.4s infinite linear; }
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
animation: ball-spin-loader 2s 6.3s infinite linear; }
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
animation: ball-spin-loader 2s 7.2s infinite linear; }
.ball-spin-loader > div {
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-triangle-trace.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-triangle-path-1 {
33% {
transform: translate(25px, -50px); }
66% {
transform: translate(50px, 0px); }
100% {
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-2 {
33% {
transform: translate(25px, 50px); }
66% {
transform: translate(-25px, 50px); }
100% {
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-3 {
33% {
transform: translate(-50px, 0px); }
66% {
transform: translate(-25px, -50px); }
100% {
transform: translate(0px, 0px); } }
.ball-triangle-path {
position: relative;
transform: translate(-29.994px, -37.50938px); }
.ball-triangle-path > div:nth-child(1) {
animation-name: ball-triangle-path-1;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(2) {
animation-name: ball-triangle-path-2;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(3) {
animation-name: ball-triangle-path-3;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div {
animation-fill-mode: both;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #b8c2cc; }
.ball-triangle-path > div:nth-of-type(1) {
top: 50px; }
.ball-triangle-path > div:nth-of-type(2) {
left: 25px; }
.ball-triangle-path > div:nth-of-type(3) {
top: 50px;
left: 50px; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-zig-zag-deflect.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-zig-deflect {
17% {
transform: translate(-15px, -30px); }
34% {
transform: translate(15px, -30px); }
50% {
transform: translate(0, 0); }
67% {
transform: translate(15px, -30px); }
84% {
transform: translate(-15px, -30px); }
100% {
transform: translate(0, 0); } }
@keyframes ball-zag-deflect {
17% {
transform: translate(15px, 30px); }
34% {
transform: translate(-15px, 30px); }
50% {
transform: translate(0, 0); }
67% {
transform: translate(-15px, 30px); }
84% {
transform: translate(15px, 30px); }
100% {
transform: translate(0, 0); } }
.ball-zig-zag-deflect {
position: relative;
transform: translate(-15px, -15px); }
.ball-zig-zag-deflect > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag-deflect > div:first-child {
animation: ball-zig-deflect 1.5s 0s infinite linear; }
.ball-zig-zag-deflect > div:last-child {
animation: ball-zag-deflect 1.5s 0s infinite linear; }
================================================
FILE: public/backend/css/plugins/loaders/animations/ball-zig-zag.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-zig {
33% {
transform: translate(-15px, -30px); }
66% {
transform: translate(15px, -30px); }
100% {
transform: translate(0, 0); } }
@keyframes ball-zag {
33% {
transform: translate(15px, 30px); }
66% {
transform: translate(-15px, 30px); }
100% {
transform: translate(0, 0); } }
.ball-zig-zag {
position: relative;
transform: translate(-15px, -15px); }
.ball-zig-zag > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag > div:first-child {
animation: ball-zig 0.7s 0s infinite linear; }
.ball-zig-zag > div:last-child {
animation: ball-zag 0.7s 0s infinite linear; }
================================================
FILE: public/backend/css/plugins/loaders/animations/cube-transition.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes cube-transition {
25% {
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
transform: translate(50px, 50px) rotate(-180deg); }
75% {
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
transform: rotate(-360deg); } }
.cube-transition {
position: relative;
transform: translate(-25px, -25px); }
.cube-transition > div {
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #b8c2cc;
animation: cube-transition 1.6s 0s infinite ease-in-out; }
.cube-transition > div:last-child {
animation-delay: -0.8s; }
================================================
FILE: public/backend/css/plugins/loaders/animations/line-scale-pulse-out-rapid.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-pulse-out-rapid {
0% {
transform: scaley(1); }
80% {
transform: scaley(0.3); }
90% {
transform: scaley(1); } }
.line-scale-pulse-out-rapid > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
vertical-align: middle;
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
animation-delay: 0s !important; }
================================================
FILE: public/backend/css/plugins/loaders/animations/line-scale-pulse-out.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-pulse-out {
0% {
transform: scaley(1); }
50% {
transform: scaley(0.4); }
100% {
transform: scaley(1); } }
.line-scale-pulse-out > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
animation-delay: -0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
animation-delay: -0.2s !important; }
================================================
FILE: public/backend/css/plugins/loaders/animations/line-scale-random.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-party {
0% {
transform: scale(1); }
50% {
transform: scale(0.5); }
100% {
transform: scale(1); } }
.line-scale-party > div:nth-child(1) {
animation-delay: -0.08s;
animation-duration: 1.27s; }
.line-scale-party > div:nth-child(2) {
animation-delay: 0.04s;
animation-duration: 0.74s; }
.line-scale-party > div:nth-child(3) {
animation-delay: 0.67s;
animation-duration: 1.09s; }
.line-scale-party > div:nth-child(4) {
animation-delay: 0.34s;
animation-duration: 0.37s; }
.line-scale-party > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation-name: line-scale-party;
animation-iteration-count: infinite;
animation-delay: 0; }
================================================
FILE: public/backend/css/plugins/loaders/animations/line-scale.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale {
0% {
transform: scaley(1); }
50% {
transform: scaley(0.4); }
100% {
transform: scaley(1); } }
.line-scale > div:nth-child(1) {
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(2) {
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(3) {
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(4) {
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(5) {
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
================================================
FILE: public/backend/css/plugins/loaders/animations/line-spin-fade-loader.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px; }
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
transform: rotate(-45deg);
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
transform: rotate(90deg);
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
transform: rotate(45deg);
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
transform: rotate(-45deg);
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
transform: rotate(90deg);
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
transform: rotate(45deg);
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
.line-spin-fade-loader > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px; }
================================================
FILE: public/backend/css/plugins/loaders/animations/pacman.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate_pacman_half_up {
0% {
transform: rotate(270deg); }
50% {
transform: rotate(360deg); }
100% {
transform: rotate(270deg); } }
@keyframes rotate_pacman_half_down {
0% {
transform: rotate(90deg); }
50% {
transform: rotate(0deg); }
100% {
transform: rotate(90deg); } }
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
transform: translate(-100px, -6.25px); } }
.pacman {
position: relative; }
.pacman > div:nth-child(2) {
animation: pacman-balls 1s -0.99s infinite linear; }
.pacman > div:nth-child(3) {
animation: pacman-balls 1s -0.66s infinite linear; }
.pacman > div:nth-child(4) {
animation: pacman-balls 1s -0.33s infinite linear; }
.pacman > div:nth-child(5) {
animation: pacman-balls 1s 0s infinite linear; }
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #b8c2cc;
border-left: 25px solid #b8c2cc;
border-bottom: 25px solid #b8c2cc;
border-radius: 25px;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px; }
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #b8c2cc;
border-left: 25px solid #b8c2cc;
border-bottom: 25px solid #b8c2cc;
border-radius: 25px;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px; }
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
transform: translate(0, -6.25px);
top: 25px;
left: 70px; }
================================================
FILE: public/backend/css/plugins/loaders/animations/semi-circle-spin.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes spin-rotate {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(180deg); }
100% {
transform: rotate(360deg); } }
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden; }
.semi-circle-spin > div {
position: absolute;
border-width: 0px;
border-radius: 100%;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: linear-gradient(transparent 0%, transparent 70%, #b8c2cc 30%, #b8c2cc 100%);
width: 100%;
height: 100%; }
================================================
FILE: public/backend/css/plugins/loaders/animations/square-spin.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes square-spin {
25% {
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin > div {
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #b8c2cc;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
================================================
FILE: public/backend/css/plugins/loaders/animations/triangle-skew-spin.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes triangle-skew-spin {
25% {
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
transform: perspective(100px) rotateX(0) rotateY(0); } }
.triangle-skew-spin > div {
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #b8c2cc;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
================================================
FILE: public/backend/css/plugins/loaders/loaders.css
================================================
/**
* Copyright (c) 2016 Connor Atherton
*
* All animations must live in their own file
* in the animations directory and be included
* here.
*
*/
/**
* Styles shared by multiple animations
*/
/*========================================================
DARK LAYOUT
=========================================================*/
/* Custom Loader.CSS */
.loader-container {
position: absolute;
top: 50%;
left: 50%; }
.double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto; }
.double-bounce .child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: doubleBounce 2s infinite ease-in-out; }
.double-bounce .double-bounce2 {
animation-delay: -1.0s; }
@-webkit-keyframes doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
@keyframes doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
.chasing-dots {
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: chasingDotsRotate 2s infinite linear; }
.chasing-dots .child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
animation: chasingDotsBounce 2s infinite ease-in-out; }
.chasing-dots .dot2 {
top: auto;
bottom: 0;
animation-delay: -1s; }
@-webkit-keyframes chasingDotsRotate {
100% {
transform: rotate(360deg); } }
@keyframes chasingDotsRotate {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes chasingDotsBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
@keyframes chasingDotsBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
.cube-grid {
width: 40px;
height: 40px;
margin: 40px auto; }
.cube-grid .cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
animation: cubeGridScaleDelay 1.3s infinite ease-in-out; }
.cube-grid .cube1 {
animation-delay: 0.2s; }
.cube-grid .cube2 {
animation-delay: 0.3s; }
.cube-grid .cube3 {
animation-delay: 0.4s; }
.cube-grid .cube4 {
animation-delay: 0.1s; }
.cube-grid .cube5 {
animation-delay: 0.2s; }
.cube-grid .cube6 {
animation-delay: 0.3s; }
.cube-grid .cube7 {
animation-delay: 0.0s; }
.cube-grid .cube8 {
animation-delay: 0.1s; }
.cube-grid .cube9 {
animation-delay: 0.2s; }
@-webkit-keyframes cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
@keyframes cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
.fading-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.fading-circle .circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.fading-circle .circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: circleFadeDelay 1.2s infinite ease-in-out both; }
.fading-circle .circle2 {
transform: rotate(30deg); }
.fading-circle .circle2:before {
animation-delay: -1.1s; }
.fading-circle .circle3 {
transform: rotate(60deg); }
.fading-circle .circle3:before {
animation-delay: -1s; }
.fading-circle .circle4 {
transform: rotate(90deg); }
.fading-circle .circle4:before {
animation-delay: -0.9s; }
.fading-circle .circle5 {
transform: rotate(120deg); }
.fading-circle .circle5:before {
animation-delay: -0.8s; }
.fading-circle .circle6 {
transform: rotate(150deg); }
.fading-circle .circle6:before {
animation-delay: -0.7s; }
.fading-circle .circle7 {
transform: rotate(180deg); }
.fading-circle .circle7:before {
animation-delay: -0.6s; }
.fading-circle .circle8 {
transform: rotate(210deg); }
.fading-circle .circle8:before {
animation-delay: -0.5s; }
.fading-circle .circle9 {
transform: rotate(240deg); }
.fading-circle .circle9:before {
animation-delay: -0.4s; }
.fading-circle .circle10 {
transform: rotate(270deg); }
.fading-circle .circle10:before {
animation-delay: -0.3s; }
.fading-circle .circle11 {
transform: rotate(300deg); }
.fading-circle .circle11:before {
animation-delay: -0.2s; }
.fading-circle .circle12 {
transform: rotate(330deg); }
.fading-circle .circle12:before {
animation-delay: -0.1s; }
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
@keyframes circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
.folding-cube {
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.folding-cube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.folding-cube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
animation: foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.folding-cube .cube2 {
transform: scale(1.1) rotateZ(90deg); }
.folding-cube .cube2:before {
animation-delay: 0.3s; }
.folding-cube .cube3 {
transform: scale(1.1) rotateZ(180deg); }
.folding-cube .cube3:before {
animation-delay: 0.6s; }
.folding-cube .cube4 {
transform: scale(1.1) rotateZ(270deg); }
.folding-cube .cube4:before {
animation-delay: 0.9s; }
@-webkit-keyframes foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
@keyframes foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/**
* Dots
*/
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes scale {
0% {
transform: scale(1);
opacity: 1; }
45% {
transform: scale(0.1);
opacity: 0.7; }
80% {
transform: scale(1);
opacity: 1; } }
.ball-pulse > div:nth-child(1) {
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(2) {
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(3) {
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-pulse-sync {
33% {
transform: translateY(10px); }
66% {
transform: translateY(-10px); }
100% {
transform: translateY(0); } }
.ball-pulse-sync > div:nth-child(1) {
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
animation: ball-scale 1s 0s ease-in-out infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random {
width: 37px;
height: 40px; }
.ball-scale-random > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random > div:nth-child(1) {
margin-left: -7px;
animation: ball-scale 1s 0.2s ease-in-out infinite; }
.ball-scale-random > div:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
animation: ball-scale 1s 0.5s ease-in-out infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(180deg); }
100% {
transform: rotate(360deg); } }
.ball-rotate {
position: relative; }
.ball-rotate > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: relative; }
.ball-rotate > div:first-child {
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
.ball-rotate > div:before, .ball-rotate > div:after {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8; }
.ball-rotate > div:before {
top: 0px;
left: -28px; }
.ball-rotate > div:after {
top: 0px;
left: 25px; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
border: 2px solid #b8c2cc;
border-bottom-color: transparent;
height: 25px;
width: 25px;
background: transparent !important;
display: inline-block;
animation: rotate 0.75s 0s linear infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
@keyframes scale {
30% {
transform: scale(0.3); }
100% {
transform: scale(1); } }
.ball-clip-rotate-pulse {
position: relative;
transform: translateY(-15px); }
.ball-clip-rotate-pulse > div {
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%; }
.ball-clip-rotate-pulse > div:first-child {
background: #b8c2cc;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #b8c2cc;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #b8c2cc transparent #b8c2cc transparent;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation-duration: 1s; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate {
0% {
transform: rotate(0deg) scale(1); }
50% {
transform: rotate(180deg) scale(0.6); }
100% {
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate-multiple {
position: relative; }
.ball-clip-rotate-multiple > div {
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #b8c2cc;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
animation: rotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > div:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
animation-duration: 0.5s;
border-color: #b8c2cc transparent #b8c2cc transparent;
animation-direction: reverse; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-ripple {
0% {
transform: scale(0.1);
opacity: 1; }
70% {
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple > div {
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #b8c2cc;
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-ripple-multiple {
0% {
transform: scale(0.1);
opacity: 1; }
70% {
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple-multiple {
position: relative;
transform: translateY(-25px); }
.ball-scale-ripple-multiple > div:nth-child(0) {
animation-delay: -0.8s; }
.ball-scale-ripple-multiple > div:nth-child(1) {
animation-delay: -0.6s; }
.ball-scale-ripple-multiple > div:nth-child(2) {
animation-delay: -0.4s; }
.ball-scale-ripple-multiple > div:nth-child(3) {
animation-delay: -0.2s; }
.ball-scale-ripple-multiple > div {
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #b8c2cc;
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-beat {
50% {
opacity: 0.2;
transform: scale(0.75); }
100% {
opacity: 1;
transform: scale(1); } }
.ball-beat > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation: ball-beat 0.7s 0s infinite linear; }
.ball-beat > div:nth-child(2n-1) {
animation-delay: -0.35s !important; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-scale-multiple {
0% {
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.ball-scale-multiple {
position: relative; }
.ball-scale-multiple > div:nth-child(2) {
animation-delay: -0.4s; }
.ball-scale-multiple > div:nth-child(3) {
animation-delay: -0.2s; }
.ball-scale-multiple > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
animation: ball-scale-multiple 1s 0s linear infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-triangle-path-1 {
33% {
transform: translate(25px, -50px); }
66% {
transform: translate(50px, 0px); }
100% {
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-2 {
33% {
transform: translate(25px, 50px); }
66% {
transform: translate(-25px, 50px); }
100% {
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-3 {
33% {
transform: translate(-50px, 0px); }
66% {
transform: translate(-25px, -50px); }
100% {
transform: translate(0px, 0px); } }
.ball-triangle-path {
position: relative;
transform: translate(-29.994px, -37.50938px); }
.ball-triangle-path > div:nth-child(1) {
animation-name: ball-triangle-path-1;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(2) {
animation-name: ball-triangle-path-2;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(3) {
animation-name: ball-triangle-path-3;
animation-delay: 0;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
.ball-triangle-path > div {
animation-fill-mode: both;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #b8c2cc; }
.ball-triangle-path > div:nth-of-type(1) {
top: 50px; }
.ball-triangle-path > div:nth-of-type(2) {
left: 25px; }
.ball-triangle-path > div:nth-of-type(3) {
top: 50px;
left: 50px; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-pulse-rise-even {
0% {
transform: scale(1.1); }
25% {
transform: translateY(-30px); }
50% {
transform: scale(0.4); }
75% {
transform: translateY(30px); }
100% {
transform: translateY(0);
transform: scale(1); } }
@keyframes ball-pulse-rise-odd {
0% {
transform: scale(0.4); }
25% {
transform: translateY(30px); }
50% {
transform: scale(1.1); }
75% {
transform: translateY(-30px); }
100% {
transform: translateY(0);
transform: scale(0.75); } }
.ball-pulse-rise > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-iteration-count: infinite;
animation-delay: 0; }
.ball-pulse-rise > div:nth-child(2n) {
animation-name: ball-pulse-rise-even; }
.ball-pulse-rise > div:nth-child(2n-1) {
animation-name: ball-pulse-rise-odd; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
.ball-grid-beat {
width: 57px; }
.ball-grid-beat > div:nth-child(1) {
animation-delay: 0.46s;
animation-duration: 1.36s; }
.ball-grid-beat > div:nth-child(2) {
animation-delay: 0.67s;
animation-duration: 0.71s; }
.ball-grid-beat > div:nth-child(3) {
animation-delay: 0.35s;
animation-duration: 1.51s; }
.ball-grid-beat > div:nth-child(4) {
animation-delay: 0.3s;
animation-duration: 1.06s; }
.ball-grid-beat > div:nth-child(5) {
animation-delay: -0.01s;
animation-duration: 1.59s; }
.ball-grid-beat > div:nth-child(6) {
animation-delay: 0.57s;
animation-duration: 1.14s; }
.ball-grid-beat > div:nth-child(7) {
animation-delay: 0.53s;
animation-duration: 1s; }
.ball-grid-beat > div:nth-child(8) {
animation-delay: 0.01s;
animation-duration: 1s; }
.ball-grid-beat > div:nth-child(9) {
animation-delay: 0.13s;
animation-duration: 0.96s; }
.ball-grid-beat > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
float: left;
animation-name: ball-grid-beat;
animation-iteration-count: infinite;
animation-delay: 0; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-grid-pulse {
0% {
transform: scale(1); }
50% {
transform: scale(0.5);
opacity: 0.7; }
100% {
transform: scale(1);
opacity: 1; } }
.ball-grid-pulse {
width: 57px; }
.ball-grid-pulse > div:nth-child(1) {
animation-delay: 0.63s;
animation-duration: 1.43s; }
.ball-grid-pulse > div:nth-child(2) {
animation-delay: 0.29s;
animation-duration: 0.64s; }
.ball-grid-pulse > div:nth-child(3) {
animation-delay: 0.35s;
animation-duration: 1.47s; }
.ball-grid-pulse > div:nth-child(4) {
animation-delay: 0.21s;
animation-duration: 1.38s; }
.ball-grid-pulse > div:nth-child(5) {
animation-delay: 0.24s;
animation-duration: 0.62s; }
.ball-grid-pulse > div:nth-child(6) {
animation-delay: 0.37s;
animation-duration: 0.92s; }
.ball-grid-pulse > div:nth-child(7) {
animation-delay: 0.48s;
animation-duration: 0.96s; }
.ball-grid-pulse > div:nth-child(8) {
animation-delay: -0.1s;
animation-duration: 1s; }
.ball-grid-pulse > div:nth-child(9) {
animation-delay: 0.52s;
animation-duration: 1.36s; }
.ball-grid-pulse > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
float: left;
animation-name: ball-grid-pulse;
animation-iteration-count: infinite;
animation-delay: 0; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
transform: scale(0.4); }
100% {
opacity: 1;
transform: scale(1); } }
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px; }
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
.ball-spin-loader {
position: relative; }
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
animation: ball-spin-loader 2s 0.9s infinite linear; }
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
animation: ball-spin-loader 2s 1.8s infinite linear; }
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
animation: ball-spin-loader 2s 2.7s infinite linear; }
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
animation: ball-spin-loader 2s 3.6s infinite linear; }
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
animation: ball-spin-loader 2s 4.5s infinite linear; }
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
animation: ball-spin-loader 2s 5.4s infinite linear; }
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
animation: ball-spin-loader 2s 6.3s infinite linear; }
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
animation: ball-spin-loader 2s 7.2s infinite linear; }
.ball-spin-loader > div {
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-zig {
33% {
transform: translate(-15px, -30px); }
66% {
transform: translate(15px, -30px); }
100% {
transform: translate(0, 0); } }
@keyframes ball-zag {
33% {
transform: translate(15px, 30px); }
66% {
transform: translate(-15px, 30px); }
100% {
transform: translate(0, 0); } }
.ball-zig-zag {
position: relative;
transform: translate(-15px, -15px); }
.ball-zig-zag > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag > div:first-child {
animation: ball-zig 0.7s 0s infinite linear; }
.ball-zig-zag > div:last-child {
animation: ball-zag 0.7s 0s infinite linear; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes ball-zig-deflect {
17% {
transform: translate(-15px, -30px); }
34% {
transform: translate(15px, -30px); }
50% {
transform: translate(0, 0); }
67% {
transform: translate(15px, -30px); }
84% {
transform: translate(-15px, -30px); }
100% {
transform: translate(0, 0); } }
@keyframes ball-zag-deflect {
17% {
transform: translate(15px, 30px); }
34% {
transform: translate(-15px, 30px); }
50% {
transform: translate(0, 0); }
67% {
transform: translate(-15px, 30px); }
84% {
transform: translate(15px, 30px); }
100% {
transform: translate(0, 0); } }
.ball-zig-zag-deflect {
position: relative;
transform: translate(-15px, -15px); }
.ball-zig-zag-deflect > div {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag-deflect > div:first-child {
animation: ball-zig-deflect 1.5s 0s infinite linear; }
.ball-zig-zag-deflect > div:last-child {
animation: ball-zag-deflect 1.5s 0s infinite linear; }
/**
* Lines
*/
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale {
0% {
transform: scaley(1); }
50% {
transform: scaley(0.4); }
100% {
transform: scaley(1); } }
.line-scale > div:nth-child(1) {
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(2) {
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(3) {
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(4) {
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(5) {
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-party {
0% {
transform: scale(1); }
50% {
transform: scale(0.5); }
100% {
transform: scale(1); } }
.line-scale-party > div:nth-child(1) {
animation-delay: 0.64s;
animation-duration: 0.76s; }
.line-scale-party > div:nth-child(2) {
animation-delay: -0.14s;
animation-duration: 0.78s; }
.line-scale-party > div:nth-child(3) {
animation-delay: -0.11s;
animation-duration: 0.76s; }
.line-scale-party > div:nth-child(4) {
animation-delay: 0.21s;
animation-duration: 1.23s; }
.line-scale-party > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation-name: line-scale-party;
animation-iteration-count: infinite;
animation-delay: 0; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-pulse-out {
0% {
transform: scaley(1); }
50% {
transform: scaley(0.4); }
100% {
transform: scaley(1); } }
.line-scale-pulse-out > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
animation-delay: -0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
animation-delay: -0.2s !important; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-scale-pulse-out-rapid {
0% {
transform: scaley(1); }
80% {
transform: scaley(0.3); }
90% {
transform: scaley(1); } }
.line-scale-pulse-out-rapid > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
display: inline-block;
vertical-align: middle;
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
animation-delay: 0s !important; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px; }
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
transform: rotate(-45deg);
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
transform: rotate(90deg);
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
transform: rotate(45deg);
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
transform: rotate(-45deg);
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
transform: rotate(90deg);
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
transform: rotate(45deg);
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
.line-spin-fade-loader > div {
background-color: #b8c2cc;
width: 4px;
height: 3.45rem;
border-radius: 2px;
margin: 2px;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px; }
/**
* Misc
*/
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes triangle-skew-spin {
25% {
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
transform: perspective(100px) rotateX(0) rotateY(0); } }
.triangle-skew-spin > div {
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #b8c2cc;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes square-spin {
25% {
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin > div {
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #b8c2cc;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes rotate_pacman_half_up {
0% {
transform: rotate(270deg); }
50% {
transform: rotate(360deg); }
100% {
transform: rotate(270deg); } }
@keyframes rotate_pacman_half_down {
0% {
transform: rotate(90deg); }
50% {
transform: rotate(0deg); }
100% {
transform: rotate(90deg); } }
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
transform: translate(-100px, -6.25px); } }
.pacman {
position: relative; }
.pacman > div:nth-child(2) {
animation: pacman-balls 1s -0.99s infinite linear; }
.pacman > div:nth-child(3) {
animation: pacman-balls 1s -0.66s infinite linear; }
.pacman > div:nth-child(4) {
animation: pacman-balls 1s -0.33s infinite linear; }
.pacman > div:nth-child(5) {
animation: pacman-balls 1s 0s infinite linear; }
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #b8c2cc;
border-left: 25px solid #b8c2cc;
border-bottom: 25px solid #b8c2cc;
border-radius: 25px;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px; }
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #b8c2cc;
border-left: 25px solid #b8c2cc;
border-bottom: 25px solid #b8c2cc;
border-radius: 25px;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px; }
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
background-color: #b8c2cc;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
transform: translate(0, -6.25px);
top: 25px;
left: 70px; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes cube-transition {
25% {
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
transform: translate(50px, 50px) rotate(-180deg); }
75% {
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
transform: rotate(-360deg); } }
.cube-transition {
position: relative;
transform: translate(-25px, -25px); }
.cube-transition > div {
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #b8c2cc;
animation: cube-transition 1.6s 0s infinite ease-in-out; }
.cube-transition > div:last-child {
animation-delay: -0.8s; }
/*========================================================
DARK LAYOUT
=========================================================*/
@keyframes spin-rotate {
0% {
transform: rotate(0deg); }
50% {
transform: rotate(180deg); }
100% {
transform: rotate(360deg); } }
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden; }
.semi-circle-spin > div {
position: absolute;
border-width: 0px;
border-radius: 100%;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: linear-gradient(transparent 0%, transparent 70%, #b8c2cc 30%, #b8c2cc 100%);
width: 100%;
height: 100%; }
.loader-wrapper {
position: relative; }
.loader-container {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%); }
#preloader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1050; }
#preloader-wrapper .loader-section {
position: fixed;
width: 100%;
height: 51%;
background: #222222;
z-index: 1050; }
#preloader-wrapper .loader-section.section-top {
top: 0; }
#preloader-wrapper .loader-section.section-bottom {
bottom: 0; }
#loader {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 1051;
/* anything higher than z-index: 1000 of .loader-section */ }
/* Loaded */
.loaded #preloader-wrapper .loader-section.section-top {
-webkit-transform: translateY(-100%);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateY(-100%);
/* IE 9 */
transform: translateY(-100%);
/* Firefox 16+, IE 10+, Opera */ }
.loaded #preloader-wrapper .loader-section.section-bottom {
-webkit-transform: translateY(100%);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateY(100%);
/* IE 9 */
transform: translateY(100%);
/* Firefox 16+, IE 10+, Opera */ }
.loaded #loader {
opacity: 0; }
.loaded #preloader-wrapper {
visibility: hidden; }
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.loaded #preloader-wrapper .loader-section.section-bottom,
.loaded #preloader-wrapper .loader-section.section-top {
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
================================================
FILE: public/backend/css/plugins/pickers/bootstrap-datetimepicker-build.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
/*!
* Datetimepicker for Bootstrap 3
* ! version : 4.7.14
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.bootstrap-datetimepicker-widget {
list-style: none; }
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em; }
@media (max-width: 767.98px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
@media (max-width: 991.98px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
@media (max-width: 1199.98px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
left: auto;
right: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
left: auto;
right: 7px; }
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0; }
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0; }
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0; }
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
content: "Increment Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
content: "Increment Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
content: "Decrement Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
content: "Decrement Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
content: "Show Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
content: "Show Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
content: "Toggle AM/PM"; }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
content: "Clear the picker"; }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
content: "Set the date to today"; }
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center; }
.bootstrap-datetimepicker-widget .picker-switch::after {
content: "Toggle Date and Time Screens"; }
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit; }
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%; }
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0; }
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 0.5rem; }
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px; }
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px; }
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #1e1e1e;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget table th.prev::after {
content: "Previous Month"; }
.bootstrap-datetimepicker-widget table th.next::after {
content: "Next Month"; }
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #ededed; }
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px; }
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #1e1e1e; }
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px; }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
background: #ededed;
cursor: pointer; }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
color: #1e1e1e; }
.bootstrap-datetimepicker-widget table td.today {
position: relative; }
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: 0 0 7px 7px solid transparent;
border-bottom-color: #7367f0;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #7367f0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff; }
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #1e1e1e;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 0.5rem; }
.bootstrap-datetimepicker-widget table td span:hover {
background: #ededed; }
.bootstrap-datetimepicker-widget table td span.active {
background-color: #7367f0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td span.old {
color: #1e1e1e; }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #1e1e1e;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px; }
.input-group.date .input-group-addon {
cursor: pointer; }
================================================
FILE: public/backend/css/plugins/ui/coming-soon.css
================================================
@media screen and (min-width: 0px) {
head {
font-family: "xs 0px"; }
body:after {
content: "xs - min-width: 0px"; } }
@media screen and (min-width: 544px) {
head {
font-family: "sm 544px"; }
body:after {
content: "sm - min-width: 544px"; } }
@media screen and (min-width: 768px) {
head {
font-family: "md 768px"; }
body:after {
content: "md - min-width: 768px"; } }
@media screen and (min-width: 992px) {
head {
font-family: "lg 992px"; }
body:after {
content: "lg - min-width: 992px"; } }
@media screen and (min-width: 1200px) {
head {
font-family: "xl 1200px"; }
body:after {
content: "xl - min-width: 1200px"; } }
head {
clear: both; }
head title {
font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px"; }
body:after {
display: none; }
*[data-usn-if] {
display: none; }
================================================
FILE: public/backend/css/themes/dark-layout.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
body.dark-layout {
background-color: #262c49;
/********* UI ELEMENTS *********/
/********* COMPONENTS *********/
/********** FORMS **********/
/********** TABLE **********/
/********** PAGES **********/
/********** CHARTS **********/
/********** APPLICATIONS **********/
/********** EXTENSIONS **********/
/********** CUSTOMIZER **********/
/********** HORIZONTAL LAYOUT **********/ }
body.dark-layout h1,
body.dark-layout h2,
body.dark-layout h3,
body.dark-layout h4,
body.dark-layout h5,
body.dark-layout h6 {
color: #ebeefd; }
body.dark-layout [class*="border"] {
border-color: #414561 !important; }
body.dark-layout a:hover {
color: #7367f0; }
body.dark-layout p,
body.dark-layout small,
body.dark-layout span,
body.dark-layout label {
color: #c2c6dc; }
body.dark-layout hr {
border-color: #414561; }
body.dark-layout pre {
background-color: #262c49;
border: 0; }
body.dark-layout pre code {
background-color: inherit;
text-shadow: none; }
body.dark-layout pre code .operator,
body.dark-layout pre code .url {
background-color: #262c49; }
body.dark-layout code {
background-color: #262c49;
color: #b8c2cc; }
body.dark-layout kbd {
background-color: #262c49; }
body.dark-layout .text-dark {
color: #b8c2cc !important; }
body.dark-layout .header-navbar-shadow {
background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0)); }
body.dark-layout .header-navbar {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
color: #c2c6dc;
background-color: transparent; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
color: #c2c6dc; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i {
color: #fff !important; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
border-color: #414561; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
color: #c2c6dc; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
background-color: #262c49; }
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .current_item {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
overflow: hidden; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
border-color: #414561; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text {
color: #c2c6dc; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
color: #c2c6dc; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
background-color: #10163a; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
color: #fff;
border-color: #414561; }
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
background-color: #10163a; }
body.dark-layout .header-navbar.navbar-static-top {
background-color: transparent; }
body.dark-layout .header-navbar[class*="bg-"] .navbar-nav .nav-item .nav-link {
background-color: inherit; }
body.dark-layout.blank-page .card.bg-transparent h1,
body.dark-layout.blank-page .card.bg-transparent h2,
body.dark-layout.blank-page .card.bg-transparent h3,
body.dark-layout.blank-page .card.bg-transparent h4,
body.dark-layout.blank-page .card.bg-transparent h5,
body.dark-layout.blank-page .card.bg-transparent h6 {
color: #10163a; }
body.dark-layout.blank-page .card.bg-transparent p {
color: #262c49; }
body.dark-layout .main-menu {
background-color: #10163a; }
body.dark-layout .main-menu .shadow-bottom {
background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0)); }
body.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
background-color: #262c49; }
body.dark-layout .main-menu-content .navigation-main {
background-color: #10163a; }
body.dark-layout .main-menu-content .navigation-main .nav-item i {
color: #c2c6dc; }
body.dark-layout .main-menu-content .navigation-main .nav-item.open a {
background-color: #262c49; }
body.dark-layout .main-menu-content .navigation-main .nav-item a:after {
color: #c2c6dc; }
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
background-color: #10163a; }
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
color: #fff; }
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
background-color: #10163a; }
body.dark-layout .main-menu-content .navigation-main .active .menu-title,
body.dark-layout .main-menu-content .navigation-main .active i {
color: #fff; }
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
background: #10163a;
border-radius: 4px; }
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
background-color: #10163a; }
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
z-index: 1; }
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
background-color: transparent; }
body.dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
background: #262c49 !important; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle {
background-color: #10163a !important;
color: #c2c6dc; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:hover, body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:active,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:hover,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:active {
box-shadow: none;
color: #c2c6dc !important; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span {
color: #7367f0; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary:hover,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary:hover {
background-color: transparent; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_length .form-control,
body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_filter .form-control,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_length .form-control,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_filter .form-control {
background-color: #10163a; }
body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_filter .form-control,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_filter .form-control {
border: 0; }
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item {
background-color: #10163a !important; }
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item.active .page-link,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item.active .page-link {
background-color: #7367f0; }
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item .page-link,
body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item .page-link {
background-color: #10163a; }
body.dark-layout .data-list-view-header .dataTable tbody tr,
body.dark-layout .data-thumb-view-header .dataTable tbody tr {
background-color: transparent; }
body.dark-layout .data-list-view-header .dataTable tbody tr.selected td,
body.dark-layout .data-thumb-view-header .dataTable tbody tr.selected td {
background-color: rgba(115, 103, 240, 0.05);
color: #7367f0; }
body.dark-layout .data-list-view-header .add-new-data,
body.dark-layout .data-thumb-view-header .add-new-data {
background-color: #262c49; }
body.dark-layout .data-list-view-header .add-new-data .new-data-title,
body.dark-layout .data-thumb-view-header .add-new-data .new-data-title {
border-color: #414561; }
body.dark-layout .data-list-view-header .add-new-data .new-data-title .hide-data-sidebar i,
body.dark-layout .data-thumb-view-header .add-new-data .new-data-title .hide-data-sidebar i {
color: #c2c6dc; }
body.dark-layout .data-list-view-header .add-new-data .data-items .form-control,
body.dark-layout .data-list-view-header .add-new-data .data-items .custom-select,
body.dark-layout .data-thumb-view-header .add-new-data .data-items .form-control,
body.dark-layout .data-thumb-view-header .add-new-data .data-items .custom-select {
background-color: #10163a; }
body.dark-layout .bd-example .row,
body.dark-layout .bd-example .d-flex {
background-color: #262c49; }
body.dark-layout .bd-example .row .col,
body.dark-layout .bd-example .row [class*="col-"],
body.dark-layout .bd-example .row .bd-highlight,
body.dark-layout .bd-example .d-flex .col,
body.dark-layout .bd-example .d-flex [class*="col-"],
body.dark-layout .bd-example .d-flex .bd-highlight {
background-color: #262c49;
border-color: #808080; }
body.dark-layout .bd-example .height-example-wrapper {
background-color: #343661 !important; }
body.dark-layout .bd-example .width-example,
body.dark-layout .bd-example .height-example {
background-color: #262c49 !important; }
body.dark-layout .bd-example-row-flex-cols .row {
background-color: #262c49; }
body.dark-layout .colors-container span {
color: #fff; }
body.dark-layout .alert .alert-heading,
body.dark-layout .alert p {
color: inherit; }
body.dark-layout .alert.alert-dark .alert-heading,
body.dark-layout .alert.alert-dark p {
color: #b8c2cc; }
body.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
color: #ebeefd; }
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item {
color: #c2c6dc; }
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:before {
color: #c2c6dc; }
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(.active) a:hover {
color: #7367f0; }
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item {
color: #c2c6dc; }
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:before,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:before {
color: #c2c6dc; }
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:not(.active) a:hover,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:not(.active) a:hover {
color: #7367f0; }
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item {
color: #c2c6dc; }
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item a {
color: #c2c6dc; }
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:before {
color: #c2c6dc; }
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item.active {
color: #7367f0; }
body.dark-layout .collapse-bordered .collapse-header {
border-color: rgba(255, 255, 255, 0.04); }
body.dark-layout .collapse-bordered.accordion-shadow {
box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.1); }
body.dark-layout .accordion .collapse-border-item {
border-color: rgba(255, 255, 255, 0.04); }
body.dark-layout .collapse-margin {
box-shadow: 0 2px 15px 0 rgba(255, 255, 255, 0.1); }
body.dark-layout .accordion[data-toggle-hover="true"] .card,
body.dark-layout .collapse[data-toggle-hover="true"] .card {
border-color: rgba(255, 255, 255, 0.04); }
body.dark-layout .collapse-icon .card-header a {
color: #c2c6dc; }
body.dark-layout .btn.btn-icon i {
color: #fff; }
body.dark-layout .btn.btn-dark, body.dark-layout .btn.btn-outline-dark, body.dark-layout .btn.btn-flat-dark {
color: #b8c2cc; }
body.dark-layout .btn.btn-dark {
background-color: #4e5154 !important; }
body.dark-layout .btn.btn-outline-dark {
border-color: #4e5154;
color: #b8c2cc; }
body.dark-layout .btn.btn-flat-dark:active, body.dark-layout .btn.btn-flat-dark:focus {
background: #4e5154; }
body.dark-layout .btn.btn-white {
color: #626262; }
body.dark-layout .dropdown-toggle:hover i, body.dark-layout .dropdown-toggle:hover:after {
color: #fff; }
body.dark-layout .dropdown-menu {
background-color: #262c49; }
body.dark-layout .dropdown-menu:before,
body.dark-layout .dropdown-menu .dropdown-item:hover,
body.dark-layout .dropdown-menu .dropdown-item:focus {
background: #262c49; }
body.dark-layout .dropdown-menu .dropdown-item {
color: #c2c6dc; }
body.dark-layout .dropdown-menu .form-control {
background-color: #10163a; }
body.dark-layout .dropdown-menu .dropdown-divider {
border-color: #414561; }
body.dark-layout .search-bar .form-control {
background-color: #10163a; }
body.dark-layout .btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
color: #7367f0 !important; }
body.dark-layout .btn-dark ~ .dropdown-menu .dropdown-item:hover,
body.dark-layout .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover,
body.dark-layout .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover {
color: #c2c6dc; }
body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
color: #c2c6dc; }
body.dark-layout .modal .modal-header,
body.dark-layout .modal .modal-header[class*="bg-"] {
background-color: #10163a; }
body.dark-layout .modal .modal-header .close,
body.dark-layout .modal .modal-header[class*="bg-"] .close {
background-color: #262c49;
text-shadow: none; }
body.dark-layout .modal .modal-header .close span,
body.dark-layout .modal .modal-header[class*="bg-"] .close span {
color: #fff; }
body.dark-layout .modal .modal-content,
body.dark-layout .modal .modal-body,
body.dark-layout .modal .modal-footer {
background-color: #262c49; }
body.dark-layout .modal .modal-content .form-control,
body.dark-layout .modal .modal-content .picker__input,
body.dark-layout .modal .modal-content .custom-file-label,
body.dark-layout .modal .modal-content .custom-file-label:after,
body.dark-layout .modal .modal-body .form-control,
body.dark-layout .modal .modal-body .picker__input,
body.dark-layout .modal .modal-body .custom-file-label,
body.dark-layout .modal .modal-body .custom-file-label:after,
body.dark-layout .modal .modal-footer .form-control,
body.dark-layout .modal .modal-footer .picker__input,
body.dark-layout .modal .modal-footer .custom-file-label,
body.dark-layout .modal .modal-footer .custom-file-label:after {
background-color: #10163a !important; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item.active {
background-color: #262c49; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item.active .page-link {
background-color: #7367f0; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item.active .page-link:hover {
color: #fff; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item .page-link {
background-color: #262c49;
color: #fff; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item .page-link:hover {
color: #7367f0; }
body.dark-layout .pagination:not([class*="pagination-"]) .page-item.prev-item .page-link:hover, body.dark-layout .pagination:not([class*="pagination-"]) .page-item.next-item .page-link:hover {
color: #fff; }
body.dark-layout .pagination[class*="pagination-"] .page-item:not(.active):not(:hover) .page-link {
background-color: #262c49;
color: #fff; }
body.dark-layout .pagination[class*="pagination-"] .page-item:not(.active) .page-link:hover {
background-color: #262c49; }
body.dark-layout .pagination[class*="pagination-"] .page-item.active {
background-color: #262c49; }
body.dark-layout .nav .nav-item .nav-link {
color: #c2c6dc; }
body.dark-layout .nav .nav-item .nav-link.active, body.dark-layout .nav .nav-item .nav-link:hover {
color: #7367f0; }
body.dark-layout #navbar-component #basic-navbar .navbar {
background-color: #262c49; }
body.dark-layout #navbar-component .navbar .nav .nav-item a {
color: #c2c6dc !important; }
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link {
background-color: inherit; }
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link span {
color: inherit; }
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link .badge {
color: #fff; }
body.dark-layout .nav-tabs .nav-item .nav-link,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link,
body.dark-layout .nav .nav-item .nav-link {
background-color: #10163a; }
body.dark-layout .nav-tabs .nav-item .nav-link.active,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active,
body.dark-layout .nav .nav-item .nav-link.active {
background-color: #10163a; }
body.dark-layout .nav-tabs .nav-item .nav-link.disabled,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled,
body.dark-layout .nav .nav-item .nav-link.disabled {
opacity: 0.5; }
body.dark-layout .nav-tabs ~ .tab-content .tab-pane,
body.dark-layout .nav-tabs.nav-justified ~ .tab-content .tab-pane,
body.dark-layout .nav ~ .tab-content .tab-pane {
background-color: #10163a; }
body.dark-layout .nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane, body.dark-layout .nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
background-color: #10163a; }
body.dark-layout .nav-pills .nav-item .nav-link.active {
color: #fff;
background-color: #7367f0; }
body.dark-layout .nav-pills.nav-active-bordered-pill .nav-item .nav-link.active {
background-color: transparent; }
body.dark-layout .card {
background-color: #10163a; }
body.dark-layout .card .card-header,
body.dark-layout .card .card-footer {
color: #c2c6dc;
background-color: #10163a; }
body.dark-layout .card .card-header .heading-elements.visible ul li {
background-color: #10163a; }
body.dark-layout .card .heading-elements.visible .list-inline {
background-color: #10163a; }
body.dark-layout .card .card-body,
body.dark-layout .card .card-footer {
color: #c2c6dc;
border-color: #414561; }
body.dark-layout .card.overlay-img-card .card-img-overlay span,
body.dark-layout .card.overlay-img-card .card-img-overlay p {
color: #fff; }
body.dark-layout .media-bordered .media {
border-color: #414561; }
body.dark-layout .activity-timeline {
border-color: #414561; }
body.dark-layout #dashboard-analytics .bg-analytics {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7)); }
body.dark-layout #dashboard-analytics .bg-analytics p {
color: #fff; }
body.dark-layout #dashboard-analytics .bg-analytics .card-body {
background-color: transparent; }
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p,
body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
color: #fff; }
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content,
body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
background-color: #171e49;
border: 1px solid #414561; }
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content p,
body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content p {
color: #c2c6dc; }
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .chat-footer,
body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .chat-footer {
border-top: 1px solid #414561; }
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .chat-footer .card-body,
body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .chat-footer .card-body {
padding-top: 1.5rem !important; }
body.dark-layout .badge {
color: #fff; }
body.dark-layout .badge span {
color: #fff; }
body.dark-layout .badge:hover i {
color: #fff; }
body.dark-layout .popover[x-placement="top"] .arrow:after {
border-top-color: #262c49; }
body.dark-layout .popover[x-placement="bottom"] .arrow:after {
border-bottom-color: #7367f0; }
body.dark-layout .popover[x-placement="left"] .arrow:after {
border-left-color: #262c49; }
body.dark-layout .popover[x-placement="right"] .arrow:after {
border-right-color: #262c49; }
body.dark-layout .popover .popover-body {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .toast {
background-color: #262c49;
box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.3); }
body.dark-layout .toast .toast-header {
background-color: #262c49;
color: #c2c6dc;
border-color: #414561; }
body.dark-layout .toast .toast-header .close {
text-shadow: none;
opacity: 1; }
body.dark-layout .toast .toast-body {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .avatar {
background-color: #262c49; }
body.dark-layout .avatar .avatar-content {
color: #fff; }
body.dark-layout .chip {
background-color: #262c49; }
body.dark-layout .chip .avatar {
background-color: #10163a; }
body.dark-layout .chip .chip-body .chip-text,
body.dark-layout .chip .chip-body span {
color: #fff; }
body.dark-layout .divider .divider-text {
background-color: transparent;
color: #c2c6dc; }
body.dark-layout .divider .divider-text::before, body.dark-layout .divider .divider-text::after {
border-color: #414561; }
body.dark-layout .divider.divider-dark .divider-text::before, body.dark-layout .divider.divider-dark .divider-text::after {
border-color: #4e5154 !important; }
body.dark-layout .list-group .list-group-item:not([class*="list-group-item-"]), body.dark-layout .list-group .list-group-item.list-group-item-action {
background-color: #10163a;
border-color: #414561;
color: #c2c6dc; }
body.dark-layout .list-group .list-group-item:not([class*="list-group-item-"]):hover, body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
background-color: #262c49; }
body.dark-layout .list-group .list-group-item.active {
background-color: #7367f0;
color: #fff; }
body.dark-layout .list-group .list-group-item.active:hover {
background-color: #7367f0; }
body.dark-layout .list-group .list-group-item.active p,
body.dark-layout .list-group .list-group-item.active small {
color: #fff; }
body.dark-layout .list-group .list-group-item.disabled {
background-color: #262c49; }
body.dark-layout .spinner-border {
border-color: currentColor !important;
border-right-color: transparent !important; }
body.dark-layout input.form-control,
body.dark-layout .custom-file-label,
body.dark-layout textarea.form-control {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout input.form-control:not(:focus),
body.dark-layout .custom-file-label:not(:focus),
body.dark-layout textarea.form-control:not(:focus) {
border: 0; }
body.dark-layout input.form-control::placeholder,
body.dark-layout .custom-file-label::placeholder,
body.dark-layout textarea.form-control::placeholder {
color: #c2c6dc; }
body.dark-layout input.form-control ~ .form-control-position i,
body.dark-layout .custom-file-label ~ .form-control-position i,
body.dark-layout textarea.form-control ~ .form-control-position i {
color: #c2c6dc; }
body.dark-layout input.form-control:focus ~ .form-control-position i,
body.dark-layout .custom-file-label:focus ~ .form-control-position i,
body.dark-layout textarea.form-control:focus ~ .form-control-position i {
color: #7367f0; }
body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly="readonly"],
body.dark-layout .custom-file-label:disabled,
body.dark-layout .custom-file-label[readonly="readonly"],
body.dark-layout textarea.form-control:disabled,
body.dark-layout textarea.form-control[readonly="readonly"] {
opacity: 0.5; }
body.dark-layout .char-textarea.active {
color: #c2c6dc !important; }
body.dark-layout .char-textarea.max-limit {
color: #ea5455 !important; }
body.dark-layout .custom-file-label:after {
background-color: #262c49;
border-left: 1px solid #414561;
color: #c2c6dc; }
body.dark-layout .has-icon-left.input-divider-left .form-control-position i {
border-right-color: #414561; }
body.dark-layout .has-icon-left.input-divider-right .form-control-position i {
border-left-color: #414561; }
body.dark-layout .bootstrap-touchspin .form-control {
background-color: #262c49; }
body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up,
body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color: #b8c2cc !important;
opacity: 1; }
body.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min {
background-color: #b8c2cc !important;
opacity: 1; }
body.dark-layout select.form-control,
body.dark-layout .custom-select {
background-color: #262c49;
color: #c2c6dc;
border: 0; }
body.dark-layout select.form-control option:checked,
body.dark-layout .custom-select option:checked {
background-color: #10163a; }
body.dark-layout .select2-container .select2-selection {
background: #262c49; }
body.dark-layout .select2-container .select2-selection .select2-selection__rendered {
color: #c2c6dc; }
body.dark-layout .select2-container .select2-selection .select2-selection__rendered .select2-search__field {
color: #fff; }
body.dark-layout .select2-container .select2-selection .select2-selection__arrow b {
border-top-color: #414561; }
body.dark-layout .select2-container .select2-dropdown {
background-color: #10163a; }
body.dark-layout .select2-container .select2-dropdown .select2-search__field {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__options .select2-results__option {
color: #fff; }
body.dark-layout .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
background-color: #7367f0; }
body.dark-layout .select2-container.select2-container--classic .selection .select2-selection__arrow {
background-image: none;
background-color: #262c49;
border-color: rgba(255, 255, 255, 0.1); }
body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
opacity: 0.5; }
body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background-color: #7367f0; }
body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #7367f0; }
body.dark-layout .custom-switch .custom-control-label:before {
background-color: #262c49; }
body.dark-layout .picker__input {
background-color: #262c49 !important; }
body.dark-layout .picker__holder {
background-color: #262c49; }
body.dark-layout .picker__holder .picker__header .picker__month,
body.dark-layout .picker__holder .picker__header .picker__year {
color: #c2c6dc; }
body.dark-layout .picker__holder .picker__header .picker__select--year,
body.dark-layout .picker__holder .picker__header .picker__select--month {
color: #c2c6dc;
background-color: #262c49; }
body.dark-layout .picker__holder .picker__header .picker__nav--next:hover,
body.dark-layout .picker__holder .picker__header .picker__nav--prev:hover {
background-color: #10163a; }
body.dark-layout .picker__holder .picker__table thead tr .picker__weekday {
color: #c2c6dc; }
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day {
color: #c2c6dc; }
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover {
background-color: transparent;
border: 1px solid #4ec6e8;
color: #c2c6dc; }
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled {
color: #c2c6dc;
opacity: 0.5;
background: #10163a; }
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today {
background-color: #10163a; }
body.dark-layout .picker__holder .picker__footer .picker__button--today,
body.dark-layout .picker__holder .picker__footer .picker__button--clear,
body.dark-layout .picker__holder .picker__footer .picker__button--close {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .picker--time .picker__holder .picker__list {
background-color: #262c49; }
body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--selected, body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:hover {
background-color: #10163a; }
body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled {
background-color: #10163a;
color: #b8c2cc;
opacity: 0.5; }
body.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .custom-control-label::before {
background-color: #414561; }
body.dark-layout .custom-control-input:disabled ~ .custom-control-label::before {
background-color: rgba(65, 69, 97, 0.5);
border-color: #414561; }
body.dark-layout .wizard .steps ul .disabled a,
body.dark-layout .wizard .steps ul .done a {
color: #c2c6dc !important; }
body.dark-layout .wizard .steps ul .disabled a:hover,
body.dark-layout .wizard .steps ul .done a:hover {
color: #c2c6dc; }
body.dark-layout .wizard .steps ul .disabled a .step,
body.dark-layout .wizard .steps ul .done a .step {
background-color: #262c49;
color: #fff; }
body.dark-layout .input-group .input-group-prepend .input-group-text,
body.dark-layout .input-group .input-group-append .input-group-text {
background-color: #10163a;
border: 1px solid #414561; }
body.dark-layout .input-group .input-group-prepend ~ .form-control {
border-left: 1px solid #414561; }
body.dark-layout .input-group .form-control ~ .input-group-append {
border-left: 1px solid #414561; }
body.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
body.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
color: #c2c6dc !important; }
body.dark-layout .table {
background-color: #212744; }
body.dark-layout .table .thead tr:not([class*="table-"]) th,
body.dark-layout .table .thead tr:not([class*="table-"]) td,
body.dark-layout .table tbody tr:not([class*="table-"]) th,
body.dark-layout .table tbody tr:not([class*="table-"]) td {
border: 0;
color: #c2c6dc; }
body.dark-layout .table .thead tr:not([class*="table-"]) th code,
body.dark-layout .table .thead tr:not([class*="table-"]) td code,
body.dark-layout .table tbody tr:not([class*="table-"]) th code,
body.dark-layout .table tbody tr:not([class*="table-"]) td code {
background-color: #10163a; }
body.dark-layout .table thead tr th {
border: 0;
background-color: #212744;
color: #c2c6dc; }
body.dark-layout .table tbody tr[class*="table-"] td,
body.dark-layout .table tbody tr[class*="table-"] th {
background-color: unset;
color: #22292f;
border-color: #414561; }
body.dark-layout .table tbody tr.table-dark td,
body.dark-layout .table tbody tr.table-dark th {
color: #fff; }
body.dark-layout .table tbody tr.table-active td,
body.dark-layout .table tbody tr.table-active th {
color: #c2c6dc; }
body.dark-layout .table tbody tr th {
background-color: #262c49; }
body.dark-layout .table tbody tr td {
background-color: #262c49;
color: #c2c6dc; }
body.dark-layout .table.table-bordered {
border: 1px solid #414561; }
body.dark-layout .table.table-bordered thead tr th,
body.dark-layout .table.table-bordered thead tr td,
body.dark-layout .table.table-bordered tbody tr th,
body.dark-layout .table.table-bordered tbody tr td {
border: 1px solid #414561; }
body.dark-layout .table.table-hover tbody tr:hover {
background-color: #10163a; }
body.dark-layout .table.table-hover tbody tr th,
body.dark-layout .table.table-hover tbody tr td {
background-color: unset; }
body.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
background-color: #10163a; }
body.dark-layout .table.table-striped tbody tr td,
body.dark-layout .table.table-striped tbody tr th {
background-color: unset; }
body.dark-layout .table.table-mx-0 {
background-color: #10163a; }
body.dark-layout .table.table-mx-0 thead tr th,
body.dark-layout .table.table-mx-0 thead tr td,
body.dark-layout .table.table-mx-0 tbody tr th,
body.dark-layout .table.table-mx-0 tbody tr td {
background-color: #10163a; }
body.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy,
body.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel,
body.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf,
body.dark-layout .dataTables_wrapper .dt-buttons .buttons-print,
body.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary {
background-color: #262c49 !important; }
body.dark-layout .dataTables_wrapper .table.dataTable {
border: 0; }
body.dark-layout .dataTables_wrapper .table.dataTable tbody td,
body.dark-layout .dataTables_wrapper .table.dataTable tbody th,
body.dark-layout .dataTables_wrapper .table.dataTable thead td,
body.dark-layout .dataTables_wrapper .table.dataTable thead th {
border: 0;
color: #c2c6dc; }
body.dark-layout .dataTables_wrapper .table.dataTable tfoot tr th {
color: #c2c6dc; }
body.dark-layout .dataTables_wrapper .table.dataTable tr.group td {
background-color: #212744;
color: #fff; }
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tbody tr:nth-of-type(even), body.dark-layout .dataTables_wrapper .table.dataTable.table-striped tbody tr:nth-of-type(even) {
background-color: #262c49; }
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot tr th, body.dark-layout .dataTables_wrapper .table.dataTable.table-striped tfoot tr th {
border: 0; }
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers {
border: 1px solid #414561; }
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers thead th,
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers thead td,
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot th,
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot td {
border-bottom: 1px solid #414561;
border-right: 1px solid #414561; }
body.dark-layout .dt-button-info {
background-color: #262c49; }
body.dark-layout .dt-button-info h2 {
background-color: #262c49; }
body.dark-layout .dt-button-info div {
color: #c2c6dc; }
body.dark-layout .ag-grid-btns .filter-btn {
background-color: transparent !important; }
body.dark-layout .ag-grid-btns .filter-btn:focus {
color: #c2c6dc !important; }
body.dark-layout .ag-grid-btns .filter-btn:hover {
box-shadow: none;
color: #c2c6dc !important; }
body.dark-layout .aggrid,
body.dark-layout .ag-header {
background-color: #10163a;
color: #c2c6dc;
border-color: #414561; }
body.dark-layout .aggrid .ag-row-hover,
body.dark-layout .aggrid .ag-row-selected,
body.dark-layout .ag-header .ag-row-hover,
body.dark-layout .ag-header .ag-row-selected {
background-color: #262c49 !important; }
body.dark-layout .aggrid .ag-icon,
body.dark-layout .ag-header .ag-icon {
color: #c2c6dc; }
body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-checked, body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-indeterminate,
body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-checked,
body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-indeterminate {
color: #7367f0; }
body.dark-layout .aggrid .ag-header-cell,
body.dark-layout .aggrid .ag-cell,
body.dark-layout .aggrid .ag-row,
body.dark-layout .aggrid .ag-pinned-left-header,
body.dark-layout .aggrid .ag-pinned-left-cols-container,
body.dark-layout .aggrid .ag-horizontal-left-spacer,
body.dark-layout .aggrid .ag-paging-panel,
body.dark-layout .aggrid .ag-floating-filter-input,
body.dark-layout .ag-header .ag-header-cell,
body.dark-layout .ag-header .ag-cell,
body.dark-layout .ag-header .ag-row,
body.dark-layout .ag-header .ag-pinned-left-header,
body.dark-layout .ag-header .ag-pinned-left-cols-container,
body.dark-layout .ag-header .ag-horizontal-left-spacer,
body.dark-layout .ag-header .ag-paging-panel,
body.dark-layout .ag-header .ag-floating-filter-input {
border-color: #414561 !important;
color: #c2c6dc; }
body.dark-layout .aggrid .ag-popup .ag-menu,
body.dark-layout .ag-header .ag-popup .ag-menu {
background-color: #262c49; }
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter,
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select,
body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter,
body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select {
background-color: transparent;
border-color: #414561;
color: #c2c6dc; }
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter::placeholder,
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select::placeholder,
body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter::placeholder,
body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select::placeholder {
color: #c2c6dc; }
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select option,
body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select option {
background-color: #262c49; }
body.dark-layout .aggrid .ag-paging-panel .ag-disabled,
body.dark-layout .ag-header .ag-paging-panel .ag-disabled {
background-color: #373f6d; }
body.dark-layout .aggrid .ag-paging-panel .ag-disabled .ag-icon,
body.dark-layout .ag-header .ag-paging-panel .ag-disabled .ag-icon {
color: #c2c6dc !important; }
body.dark-layout .aggrid .ag-paging-panel span[ref="lbTotal"],
body.dark-layout .ag-header .ag-paging-panel span[ref="lbTotal"] {
background-color: #373f6d;
color: #c2c6dc !important; }
body.dark-layout .aggrid ::-webkit-scrollbar-track,
body.dark-layout .ag-header ::-webkit-scrollbar-track {
background: #262c49; }
body.dark-layout .aggrid ::-webkit-scrollbar-thumb,
body.dark-layout .ag-header ::-webkit-scrollbar-thumb {
background: #7367f0; }
body.dark-layout .bg-authentication {
background-color: #eff2f7; }
body.dark-layout .bg-authentication .form-group.row,
body.dark-layout .bg-authentication .card-footer {
background-color: #10163a; }
body.dark-layout .bg-authentication .form-group.row .btn-facebook span,
body.dark-layout .bg-authentication .form-group.row .btn-twitter span,
body.dark-layout .bg-authentication .card-footer .btn-facebook span,
body.dark-layout .bg-authentication .card-footer .btn-twitter span {
color: #fff; }
body.dark-layout .getting-started .clockCard p {
color: #c2c6dc !important; }
body.dark-layout #user-profile .profile-header .profile-header-nav {
background-color: #10163a; }
body.dark-layout #search-website .search-bar .form-control {
background-color: #10163a; }
body.dark-layout #search-website .search-menu .search-filter {
background-color: #10163a;
color: #c2c6dc; }
body.dark-layout #search-website .search-result-info .dropdown-toggle {
color: #c2c6dc; }
body.dark-layout #search-website .search-pagination .pagination .page-item {
background-color: #10163a; }
body.dark-layout #search-website .search-pagination .pagination .page-item.active .page-link {
background-color: #7367f0; }
body.dark-layout #search-website .search-pagination .pagination .page-item .page-link {
background-color: #10163a; }
body.dark-layout .faq .accordion .collapse-margin {
background-color: #10163a; }
body.dark-layout .faq .accordion .collapse-title {
color: #ebeefd; }
body.dark-layout .faq-bg .card-body .card-text,
body.dark-layout .knowledge-base-bg .card-body .card-text {
color: #fff; }
body.dark-layout .search-content .card .card-body .text-dark {
color: #c2c6dc !important; }
body.dark-layout .knowledge-base-category .list-group .list-group-item,
body.dark-layout .knowledge-base-question .list-group .list-group-item {
color: #7367f0; }
body.dark-layout .invoice-items-table .table-borderless,
body.dark-layout .invoice-total-table .table-borderless {
border: 0; }
body.dark-layout .invoice-print .form-control {
background-color: #10163a; }
body.dark-layout .apexcharts-canvas .apexcharts-gridlines-horizontal .apexcharts-gridline {
stroke: #414561; }
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip {
background-color: #212744;
border-color: #262c49; }
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-text,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-text,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-text {
background-color: #212744;
color: #c2c6dc; }
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-label,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-value {
color: #fff; }
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
border-bottom-color: transparent; }
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
border-bottom-color: #262c49; }
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
border-left-color: transparent; }
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
border-left-color: #262c49; }
body.dark-layout .apexcharts-canvas text {
fill: #fff !important; }
body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
color: #c2c6dc !important; }
body.dark-layout .apexcharts-canvas .apexcharts-radialbar-track path {
stroke: #262c49; }
body.dark-layout .apexcharts-canvas .apexcharts-inner polygon {
stroke: #212744 !important;
fill: #262c49 !important; }
body.dark-layout .apexcharts-canvas .apexcharts-pie-series path {
stroke: #262c49; }
body.dark-layout .apexcharts-canvas .apexcharts-menu {
background-color: #262c49;
border: 0; }
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg {
fill: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper {
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-sidebar {
background-color: #262c49; }
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search {
background-color: #10163a;
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::placeholder {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:focus ~ .form-control-position i {
color: #7367f0; }
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control-position i {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list-wrapper {
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list-wrapper .app-action {
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item {
background: #262c49; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active:hover,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active:hover {
color: #7367f0; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item:hover,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item:hover {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media {
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media:hover {
box-shadow: 0 0 0 0 #1e1e1e; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media {
background-color: #262c49; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details p,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details .list-group-item-text,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message p,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message .list-group-item-text,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details p,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details .list-group-item-text,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message p,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message .list-group-item-text {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details .mail-meta-item .mail-date,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message .mail-meta-item .mail-date,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details .mail-meta-item .mail-date,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message .mail-meta-item .mail-date {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read {
background-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details.show {
background-color: #212744; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-header {
background-color: #10163a;
border-color: #414561; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle {
color: #c2c6dc; }
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .mail-message-wrapper,
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-head {
border-color: #414561 !important; }
body.dark-layout.chat-application .content-area-wrapper {
border-color: #414561; }
body.dark-layout.chat-application .sidebar .chat-profile-sidebar {
background-color: #262c49;
border-color: #343661; }
body.dark-layout.chat-application .sidebar .sidebar-content {
background-color: #262c49;
border-color: #414561; }
body.dark-layout.chat-application .sidebar .sidebar-content .chat-fixed-search {
border-color: #414561; }
body.dark-layout.chat-application .sidebar .sidebar-content .chat-fixed-search .form-control {
background-color: #10163a;
border-color: #414561; }
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li {
border-color: #414561; }
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li:not(.active):hover {
background: #10163a; }
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li.active .contact-info p {
color: #fff; }
body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area {
background-color: #171e49; }
body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,
body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
background: #262c49; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats {
background-color: #171e49; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content {
border: 1px solid #414561; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content p {
color: #c2c6dc; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content p {
color: #fff; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content {
background-color: #262c49; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .chat-app-form {
background-color: #10163a; }
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .chat-app-form .form-control {
background-color: #343661; }
body.dark-layout.chat-application .content-right .user-profile-sidebar {
background-color: #262c49;
border-color: #343661; }
body.dark-layout.todo-application .content-area-wrapper {
border-color: #414561; }
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar {
background-color: #262c49; }
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-filters .list-group-item,
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-labels .list-group-item {
background-color: #262c49; }
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-filters .list-group-item:hover,
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-labels .list-group-item:hover {
color: #c2c6dc; }
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
color: #c2c6dc; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-app-list-wrapper {
border-color: #414561; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .app-fixed-search {
background-color: #10163a;
border-color: #414561; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item {
border-color: #414561; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item:hover {
box-shadow: none; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .chip {
background-color: #10163a; }
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.warning) i,
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-delete i,
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-info:not(.success) i {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .filter-heading {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .price-slider .range-slider {
background-color: #262c49; }
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .ratings-list li,
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .ratings-list ~ .stars-received {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .select2 .select2-selection,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .select2 .select2-selection {
background-color: #10163a; }
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .grid-view-btn,
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .list-view-btn,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .grid-view-btn,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .list-view-btn {
background-color: #10163a !important; }
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .grid-view-btn:not(.active) i,
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .list-view-btn:not(.active) i,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .grid-view-btn:not(.active) i,
body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .list-view-btn:not(.active) i {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .content-right .search-product,
body.dark-layout.ecommerce-application .content-body .search-product {
background-color: #10163a; }
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .card-body,
body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .card-body,
body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .card-body,
body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .card-body {
border-color: #414561; }
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-img,
body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-img,
body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-img,
body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-img {
background-color: #fff; }
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-name,
body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-name,
body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-name,
body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-name {
color: #fff; }
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span,
body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span,
body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span,
body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span {
color: #2c2c2c; }
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span,
body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span,
body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span,
body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span {
color: #fff; }
body.dark-layout.ecommerce-application .content-right .pagination .page-item,
body.dark-layout.ecommerce-application .content-body .pagination .page-item {
background-color: #10163a; }
body.dark-layout.ecommerce-application .content-right .pagination .page-item.active,
body.dark-layout.ecommerce-application .content-body .pagination .page-item.active {
background-color: #10163a; }
body.dark-layout.ecommerce-application .content-right .pagination .page-item.active .page-link,
body.dark-layout.ecommerce-application .content-body .pagination .page-item.active .page-link {
background-color: #7367f0; }
body.dark-layout.ecommerce-application .content-right .pagination .page-item .page-link,
body.dark-layout.ecommerce-application .content-body .pagination .page-item .page-link {
background-color: #10163a; }
body.dark-layout.ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
color: #fff; }
body.dark-layout.ecommerce-application .product-checkout .checkout-options .detail-total {
color: #c2c6dc; }
body.dark-layout.ecommerce-application .item-features {
background-color: #171e49; }
body.dark-layout .fc .fc-header-toolbar .fc-button span {
color: #fff; }
body.dark-layout .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month {
background-color: #6a6d83; }
body.dark-layout .fc .fc-divider {
background: #262c49; }
body.dark-layout .fc .fc-widget-content,
body.dark-layout .fc .fc-widget-header {
border-color: #414561; }
body.dark-layout .noUi-target {
background-color: #262c49; }
body.dark-layout .swal2-container .swal2-modal {
background-color: #262c49; }
body.dark-layout .swal2-container .swal2-modal .swal2-header {
background-color: #262c49; }
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
color: #c2c6dc; }
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
color: inherit; }
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left,
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right,
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix,
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon {
background-color: #262c49 !important; }
body.dark-layout .swal2-container .swal2-modal .swal2-content {
color: #c2c6dc; }
body.dark-layout .swal2-container .swal2-modal .swal2-content pre,
body.dark-layout .swal2-container .swal2-modal .swal2-content code,
body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
background-color: #10163a; }
body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
color: #fff; }
body.dark-layout .toast-container .toast.toast-info {
background-color: #00cfe8; }
body.dark-layout .toast-container .toast.toast-success {
background-color: #28c76f; }
body.dark-layout .toast-container .toast.toast-error {
background-color: #ea5455; }
body.dark-layout .toast-container .toast.toast-warning {
background-color: #ff9f43; }
body.dark-layout .dropzone {
background-color: #262c49; }
body.dark-layout .quill-toolbar,
body.dark-layout .ql-toolbar {
border-color: #414561; }
body.dark-layout .quill-toolbar .ql-formats .ql-picker-label,
body.dark-layout .ql-toolbar .ql-formats .ql-picker-label {
color: #fff; }
body.dark-layout .quill-toolbar .ql-formats .ql-stroke,
body.dark-layout .quill-toolbar .ql-formats .ql-fill,
body.dark-layout .ql-toolbar .ql-formats .ql-stroke,
body.dark-layout .ql-toolbar .ql-formats .ql-fill {
stroke: #fff; }
body.dark-layout .quill-toolbar .ql-formats .ql-fill,
body.dark-layout .ql-toolbar .ql-formats .ql-fill {
fill: #fff; }
body.dark-layout .quill-toolbar .ql-header.ql-expanded .ql-picker-options,
body.dark-layout .ql-toolbar .ql-header.ql-expanded .ql-picker-options {
background-color: #10163a; }
body.dark-layout .quill-toolbar .ql-header.ql-expanded .ql-picker-options span:not(:hover),
body.dark-layout .ql-toolbar .ql-header.ql-expanded .ql-picker-options span:not(:hover) {
color: #fff; }
body.dark-layout .ql-container {
border-color: #414561; }
body.dark-layout .ql-editor .ql-syntax {
background-color: #262c49; }
body.dark-layout .ql-editor.ql-blank:before {
color: #c2c6dc; }
body.dark-layout .shepherd-content .shepherd-text p {
color: #fff; }
body.dark-layout .context-menu-list .context-menu-item.context-menu-hover span {
color: #fff; }
body.dark-layout .context-menu-list .context-menu-item.context-menu-hover .context-menu-list .context-menu-item span {
color: #c2c6dc; }
body.dark-layout .swiper-slide {
background-color: #262c49 !important; }
body.dark-layout .customizer {
background-color: #262c49; }
body.dark-layout .customizer .customizer-close i {
color: #c2c6dc; }
body.dark-layout.fixed-footer .footer {
background-color: #10163a; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
background-color: #10163a !important;
color: #c2c6dc; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
color: #c2c6dc !important; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active i,
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active span {
color: #fff !important; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li.active a {
background-color: #10163a !important;
color: #c2c6dc; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li:not(.active) a {
background-color: #262c49 !important; }
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li.open.active > a {
color: #c2c6dc !important; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .navigation > li ul .active {
box-shadow: none; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .navigation > li ul .active .hover > a {
background-color: transparent; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active a {
box-shadow: none; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active ul li.active {
border-radius: 0; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active.sidebar-group-active .open ul li.active a {
background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7)) !important;
margin-bottom: 7px;
box-shadow: 0px 0px 6px 1px rgba(115, 103, 240, 0.6) !important;
color: #fff; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu ul li {
background: #10163a !important;
background-color: #10163a !important; }
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu ul li a {
color: #c2c6dc !important; }
================================================
FILE: public/backend/css/themes/semi-dark-layout.css
================================================
/*========================================================
DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
/************ Main Menu **************/ }
body.semi-dark-layout .main-menu {
background-color: #10163a; }
body.semi-dark-layout .main-menu .shadow-bottom {
background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0)); }
body.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active a {
background-color: #262c49; }
body.semi-dark-layout .main-menu-content .navigation-main {
background-color: #10163a; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
color: #c2c6dc; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
background-color: #262c49; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, body.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
color: #c2c6dc; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
background-color: #10163a; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
color: #fff; }
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
background-color: #10163a; }
body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
body.semi-dark-layout .main-menu-content .navigation-main .active i {
color: #fff; }
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
background: #10163a;
border-radius: 4px; }
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
background-color: #10163a; }
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
z-index: 1; }
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
background-color: transparent; }
body.semi-dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a {
background: #262c49 !important; }
================================================
FILE: public/backend/fonts/feather/iconfont.css
================================================
@font-face {
font-family: "feather";
src: url('fonts/feather.eot?t=1525787366991'); /* IE9*/
src: url('fonts/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */
url('fonts/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('fonts/feather.svg?t=1525787366991#feather') format('svg'); /* iOS 4.1- */
}
.feather {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'feather' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alert-octagon:before { content: "\e81b"; }
.icon-alert-circle:before { content: "\e81c"; }
.icon-activity:before { content: "\e81d"; }
.icon-alert-triangle:before { content: "\e81e"; }
.icon-align-center:before { content: "\e81f"; }
.icon-airplay:before { content: "\e820"; }
.icon-align-justify:before { content: "\e821"; }
.icon-align-left:before { content: "\e822"; }
.icon-align-right:before { content: "\e823"; }
.icon-arrow-down-left:before { content: "\e824"; }
.icon-arrow-down-right:before { content: "\e825"; }
.icon-anchor:before { content: "\e826"; }
.icon-aperture:before { content: "\e827"; }
.icon-arrow-left:before { content: "\e828"; }
.icon-arrow-right:before { content: "\e829"; }
.icon-arrow-down:before { content: "\e82a"; }
.icon-arrow-up-left:before { content: "\e82b"; }
.icon-arrow-up-right:before { content: "\e82c"; }
.icon-arrow-up:before { content: "\e82d"; }
.icon-award:before { content: "\e82e"; }
.icon-bar-chart:before { content: "\e82f"; }
.icon-at-sign:before { content: "\e830"; }
.icon-bar-chart-2:before { content: "\e831"; }
.icon-battery-charging:before { content: "\e832"; }
.icon-bell-off:before { content: "\e833"; }
.icon-battery:before { content: "\e834"; }
.icon-bluetooth:before { content: "\e835"; }
.icon-bell:before { content: "\e836"; }
.icon-book:before { content: "\e837"; }
.icon-briefcase:before { content: "\e838"; }
.icon-camera-off:before { content: "\e839"; }
.icon-calendar:before { content: "\e83a"; }
.icon-bookmark:before { content: "\e83b"; }
.icon-box:before { content: "\e83c"; }
.icon-camera:before { content: "\e83d"; }
.icon-check-circle:before { content: "\e83e"; }
.icon-check:before { content: "\e83f"; }
.icon-check-square:before { content: "\e840"; }
.icon-cast:before { content: "\e841"; }
.icon-chevron-down:before { content: "\e842"; }
.icon-chevron-left:before { content: "\e843"; }
.icon-chevron-right:before { content: "\e844"; }
.icon-chevron-up:before { content: "\e845"; }
.icon-chevrons-down:before { content: "\e846"; }
.icon-chevrons-right:before { content: "\e847"; }
.icon-chevrons-up:before { content: "\e848"; }
.icon-chevrons-left:before { content: "\e849"; }
.icon-circle:before { content: "\e84a"; }
.icon-clipboard:before { content: "\e84b"; }
.icon-chrome:before { content: "\e84c"; }
.icon-clock:before { content: "\e84d"; }
.icon-cloud-lightning:before { content: "\e84e"; }
.icon-cloud-drizzle:before { content: "\e84f"; }
.icon-cloud-rain:before { content: "\e850"; }
.icon-cloud-off:before { content: "\e851"; }
.icon-codepen:before { content: "\e852"; }
.icon-cloud-snow:before { content: "\e853"; }
.icon-compass:before { content: "\e854"; }
.icon-copy:before { content: "\e855"; }
.icon-corner-down-right:before { content: "\e856"; }
.icon-corner-down-left:before { content: "\e857"; }
.icon-corner-left-down:before { content: "\e858"; }
.icon-corner-left-up:before { content: "\e859"; }
.icon-corner-up-left:before { content: "\e85a"; }
.icon-corner-up-right:before { content: "\e85b"; }
.icon-corner-right-down:before { content: "\e85c"; }
.icon-corner-right-up:before { content: "\e85d"; }
.icon-cpu:before { content: "\e85e"; }
.icon-credit-card:before { content: "\e85f"; }
.icon-crosshair:before { content: "\e860"; }
.icon-disc:before { content: "\e861"; }
.icon-delete:before { content: "\e862"; }
.icon-download-cloud:before { content: "\e863"; }
.icon-download:before { content: "\e864"; }
.icon-droplet:before { content: "\e865"; }
.icon-edit-2:before { content: "\e866"; }
.icon-edit:before { content: "\e867"; }
.icon-edit-1:before { content: "\e868"; }
.icon-external-link:before { content: "\e869"; }
.icon-eye:before { content: "\e86a"; }
.icon-feather:before { content: "\e86b"; }
.icon-facebook:before { content: "\e86c"; }
.icon-file-minus:before { content: "\e86d"; }
.icon-eye-off:before { content: "\e86e"; }
.icon-fast-forward:before { content: "\e86f"; }
.icon-file-text:before { content: "\e870"; }
.icon-film:before { content: "\e871"; }
.icon-file:before { content: "\e872"; }
.icon-file-plus:before { content: "\e873"; }
.icon-folder:before { content: "\e874"; }
.icon-filter:before { content: "\e875"; }
.icon-flag:before { content: "\e876"; }
.icon-globe:before { content: "\e877"; }
.icon-grid:before { content: "\e878"; }
.icon-heart:before { content: "\e879"; }
.icon-home:before { content: "\e87a"; }
.icon-github:before { content: "\e87b"; }
.icon-image:before { content: "\e87c"; }
.icon-inbox:before { content: "\e87d"; }
.icon-layers:before { content: "\e87e"; }
.icon-info:before { content: "\e87f"; }
.icon-instagram:before { content: "\e880"; }
.icon-layout:before { content: "\e881"; }
.icon-link-2:before { content: "\e882"; }
.icon-life-buoy:before { content: "\e883"; }
.icon-link:before { content: "\e884"; }
.icon-log-in:before { content: "\e885"; }
.icon-list:before { content: "\e886"; }
.icon-lock:before { content: "\e887"; }
.icon-log-out:before { content: "\e888"; }
.icon-loader:before { content: "\e889"; }
.icon-mail:before { content: "\e88a"; }
.icon-maximize-2:before { content: "\e88b"; }
.icon-map:before { content: "\e88c"; }
.icon-map-pin:before { content: "\e88e"; }
.icon-menu:before { content: "\e88f"; }
.icon-message-circle:before { content: "\e890"; }
.icon-message-square:before { content: "\e891"; }
.icon-minimize-2:before { content: "\e892"; }
.icon-mic-off:before { content: "\e893"; }
.icon-minus-circle:before { content: "\e894"; }
.icon-mic:before { content: "\e895"; }
.icon-minus-square:before { content: "\e896"; }
.icon-minus:before { content: "\e897"; }
.icon-moon:before { content: "\e898"; }
.icon-monitor:before { content: "\e899"; }
.icon-more-vertical:before { content: "\e89a"; }
.icon-more-horizontal:before { content: "\e89b"; }
.icon-move:before { content: "\e89c"; }
.icon-music:before { content: "\e89d"; }
.icon-navigation-2:before { content: "\e89e"; }
.icon-navigation:before { content: "\e89f"; }
.icon-octagon:before { content: "\e8a0"; }
.icon-package:before { content: "\e8a1"; }
.icon-pause-circle:before { content: "\e8a2"; }
.icon-pause:before { content: "\e8a3"; }
.icon-percent:before { content: "\e8a4"; }
.icon-phone-call:before { content: "\e8a5"; }
.icon-phone-forwarded:before { content: "\e8a6"; }
.icon-phone-missed:before { content: "\e8a7"; }
.icon-phone-off:before { content: "\e8a8"; }
.icon-phone-incoming:before { content: "\e8a9"; }
.icon-phone:before { content: "\e8aa"; }
.icon-phone-outgoing:before { content: "\e8ab"; }
.icon-pie-chart:before { content: "\e8ac"; }
.icon-play-circle:before { content: "\e8ad"; }
.icon-play:before { content: "\e8ae"; }
.icon-plus-square:before { content: "\e8af"; }
.icon-plus-circle:before { content: "\e8b0"; }
.icon-plus:before { content: "\e8b1"; }
.icon-pocket:before { content: "\e8b2"; }
.icon-printer:before { content: "\e8b3"; }
.icon-power:before { content: "\e8b4"; }
.icon-radio:before { content: "\e8b5"; }
.icon-repeat:before { content: "\e8b6"; }
.icon-refresh-ccw:before { content: "\e8b7"; }
.icon-rewind:before { content: "\e8b8"; }
.icon-rotate-ccw:before { content: "\e8b9"; }
.icon-refresh-cw:before { content: "\e8ba"; }
.icon-rotate-cw:before { content: "\e8bb"; }
.icon-save:before { content: "\e8bc"; }
.icon-search:before { content: "\e8bd"; }
.icon-server:before { content: "\e8be"; }
.icon-scissors:before { content: "\e8bf"; }
.icon-share-2:before { content: "\e8c0"; }
.icon-share:before { content: "\e8c1"; }
.icon-shield:before { content: "\e8c2"; }
.icon-settings:before { content: "\e8c3"; }
.icon-skip-back:before { content: "\e8c4"; }
.icon-shuffle:before { content: "\e8c5"; }
.icon-sidebar:before { content: "\e8c6"; }
.icon-skip-forward:before { content: "\e8c7"; }
.icon-slack:before { content: "\e8c8"; }
.icon-slash:before { content: "\e8c9"; }
.icon-smartphone:before { content: "\e8ca"; }
.icon-square:before { content: "\e8cb"; }
.icon-speaker:before { content: "\e8cc"; }
.icon-star:before { content: "\e8cd"; }
.icon-stop-circle:before { content: "\e8ce"; }
.icon-sun:before { content: "\e8cf"; }
.icon-sunrise:before { content: "\e8d0"; }
.icon-tablet:before { content: "\e8d1"; }
.icon-tag:before { content: "\e8d2"; }
.icon-sunset:before { content: "\e8d3"; }
.icon-target:before { content: "\e8d4"; }
.icon-thermometer:before { content: "\e8d5"; }
.icon-thumbs-up:before { content: "\e8d6"; }
.icon-thumbs-down:before { content: "\e8d7"; }
.icon-toggle-left:before { content: "\e8d8"; }
.icon-toggle-right:before { content: "\e8d9"; }
.icon-trash-2:before { content: "\e8da"; }
.icon-trash:before { content: "\e8db"; }
.icon-trending-up:before { content: "\e8dc"; }
.icon-trending-down:before { content: "\e8dd"; }
.icon-triangle:before { content: "\e8de"; }
.icon-type:before { content: "\e8df"; }
.icon-twitter:before { content: "\e8e0"; }
.icon-upload:before { content: "\e8e1"; }
.icon-umbrella:before { content: "\e8e2"; }
.icon-upload-cloud:before { content: "\e8e3"; }
.icon-unlock:before { content: "\e8e4"; }
.icon-user-check:before { content: "\e8e5"; }
.icon-user-minus:before { content: "\e8e6"; }
.icon-user-plus:before { content: "\e8e7"; }
.icon-user-x:before { content: "\e8e8"; }
.icon-user:before { content: "\e8e9"; }
.icon-users:before { content: "\e8ea"; }
.icon-video-off:before { content: "\e8eb"; }
.icon-video:before { content: "\e8ec"; }
.icon-voicemail:before { content: "\e8ed"; }
.icon-volume-x:before { content: "\e8ee"; }
.icon-volume-2:before { content: "\e8ef"; }
.icon-volume-1:before { content: "\e8f0"; }
.icon-volume:before { content: "\e8f1"; }
.icon-watch:before { content: "\e8f2"; }
.icon-wifi:before { content: "\e8f3"; }
.icon-x-square:before { content: "\e8f4"; }
.icon-wind:before { content: "\e8f5"; }
.icon-x:before { content: "\e8f6"; }
.icon-x-circle:before { content: "\e8f7"; }
.icon-zap:before { content: "\e8f8"; }
.icon-zoom-in:before { content: "\e8f9"; }
.icon-zoom-out:before { content: "\e8fa"; }
.icon-command:before { content: "\e8fb"; }
.icon-cloud:before { content: "\e8fc"; }
.icon-hash:before { content: "\e8fd"; }
.icon-headphones:before { content: "\e8fe"; }
.icon-underline:before { content: "\e8ff"; }
.icon-italic:before { content: "\e900"; }
.icon-bold:before { content: "\e901"; }
.icon-crop:before { content: "\e902"; }
.icon-help-circle:before { content: "\e903"; }
.icon-paperclip:before { content: "\e904"; }
.icon-shopping-cart:before { content: "\e905"; }
.icon-tv:before { content: "\e906"; }
.icon-wifi-off:before { content: "\e907"; }
.icon-minimize:before { content: "\e88d"; }
.icon-maximize:before { content: "\e908"; }
.icon-gitlab:before { content: "\e909"; }
.icon-sliders:before { content: "\e90a"; }
.icon-star-on:before { content: "\e90b"; }
.icon-heart-on:before { content: "\e90c"; }
.icon-archive:before { content: "\e90d"; }
.icon-arrow-down-circle:before { content: "\e90e"; }
.icon-arrow-up-circle:before { content: "\e90f"; }
.icon-arrow-left-circle:before { content: "\e910"; }
.icon-arrow-right-circle:before { content: "\e911"; }
.icon-bar-chart-line-:before { content: "\e912"; }
.icon-bar-chart-line:before { content: "\e913"; }
.icon-book-open:before { content: "\e914"; }
.icon-code:before { content: "\e915"; }
.icon-database:before { content: "\e916"; }
.icon-dollar-sign:before { content: "\e917"; }
.icon-folder-plus:before { content: "\e918"; }
.icon-gift:before { content: "\e919"; }
.icon-folder-minus:before { content: "\e91a"; }
.icon-git-commit:before { content: "\e91b"; }
.icon-git-branch:before { content: "\e91c"; }
.icon-git-pull-request:before { content: "\e91d"; }
.icon-git-merge:before { content: "\e91e"; }
.icon-linkedin:before { content: "\e91f"; }
.icon-hard-drive:before { content: "\e920"; }
.icon-more-vertical-:before { content: "\e921"; }
.icon-more-horizontal-:before { content: "\e922"; }
.icon-rss:before { content: "\e923"; }
.icon-send:before { content: "\e924"; }
.icon-shield-off:before { content: "\e925"; }
.icon-shopping-bag:before { content: "\e926"; }
.icon-terminal:before { content: "\e927"; }
.icon-truck:before { content: "\e928"; }
.icon-zap-off:before { content: "\e929"; }
.icon-youtube:before { content: "\e92a"; }
================================================
FILE: public/backend/fonts/flag-icon-css/LICENSE
================================================
The MIT License (MIT)
Copyright (c) 2013 Panayiotis Lipiridis
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: public/backend/fonts/flag-icon-css/README.md
================================================
flag-icon-css
=============
[](https://badge.fury.io/js/flag-icon-css)
[](https://badge.fury.io/bo/flag-icon-css)
A collection of all country flags in SVG — plus the CSS for easier integration.
See the [demo](http://lipis.github.io/flag-icon-css/).
Usage
-----
For using the flags inline with text add the classes `.flag-icon` and
`.flag-icon-xx` (where `xx` is the
[ISO 3166-1-alpha-2 code](http://www.iso.org/iso/country_names_and_code_elements)
of a country) to an empty ``. If you want to have a squared version flag
then add the class `flag-icon-squared` as well. Example:
```html
");
menuTitle.attr("href", tempLink);
menuTitle.attr("title", tempTitle);
menuTitle.text(tempTitle);
menuTitle.addClass("menu-title");
}
}
// menu_header_height = ($('.main-menu-header').length) ? $('.main-menu-header').height() : 0,
// fromTop = menu_header_height + $this.position().top + parseInt($this.css( "border-top" ),10);
var fromTop;
if ($this.css("border-top")) {
fromTop = $this.position().top + parseInt($this.css("border-top"), 10);
} else {
fromTop = $this.position().top;
}
if ($body.data('menu') !== 'vertical-compact-menu') {
menuTitle.appendTo('.main-menu-content').css({
position: 'fixed',
top: fromTop,
});
}
// Content
if ($this.hasClass('has-sub') && $this.hasClass('nav-item')) {
var menuContent = $this.children('ul:first');
menuObj.adjustSubmenu($this);
}
}
$this.addClass('hover');
}).on('mouseleave.app.menu', 'li', function () {
// $(this).removeClass('hover');
}).on('active.app.menu', 'li', function (e) {
$(this).addClass('active');
e.stopPropagation();
}).on('deactive.app.menu', 'li.active', function (e) {
$(this).removeClass('active');
e.stopPropagation();
}).on('open.app.menu', 'li', function (e) {
var $listItem = $(this);
$listItem.addClass('open');
menuObj.expand($listItem);
// If menu collapsible then do not take any action
if ($('.main-menu').hasClass('menu-collapsible')) {
return false;
}
// If menu accordion then close all except clicked once
else {
$listItem.siblings('.open').find('li.open').trigger('close.app.menu');
$listItem.siblings('.open').trigger('close.app.menu');
}
e.stopPropagation();
}).on('close.app.menu', 'li.open', function (e) {
var $listItem = $(this);
$listItem.removeClass('open');
menuObj.collapse($listItem);
e.stopPropagation();
}).on('click.app.menu', 'li', function (e) {
var $listItem = $(this);
if ($listItem.is('.disabled')) {
e.preventDefault();
} else {
if ($body.hasClass('menu-collapsed') && $body.data('menu') != 'vertical-menu-modern') {
e.preventDefault();
} else {
if ($listItem.has('ul').length) {
if ($listItem.is('.open')) {
$listItem.trigger('close.app.menu');
} else {
$listItem.trigger('open.app.menu');
}
} else {
if (!$listItem.is('.active')) {
$listItem.siblings('.active').trigger('deactive.app.menu');
$listItem.trigger('active.app.menu');
}
}
}
}
e.stopPropagation();
});
$('.navbar-header, .main-menu').on('mouseenter', modernMenuExpand).on('mouseleave', modernMenuCollapse);
function modernMenuExpand() {
if ($body.data('menu') == 'vertical-menu-modern') {
$('.main-menu, .navbar-header').addClass('expanded');
if ($body.hasClass('menu-collapsed')) {
if ($('.main-menu li.open').length === 0) {
$(".main-menu-content").find('li.active').parents('li').addClass('open');
}
var $listItem = $('.main-menu li.menu-collapsed-open'),
$subList = $listItem.children('ul');
$subList.hide().slideDown(200, function () {
$(this).css('display', '');
});
$listItem.addClass('open').removeClass('menu-collapsed-open');
// $.app.menu.changeLogo('expand');
}
}
}
function modernMenuCollapse() {
if ($body.hasClass('menu-collapsed') && $body.data('menu') == 'vertical-menu-modern') {
setTimeout(function () {
if ($('.main-menu:hover').length === 0 && $('.navbar-header:hover').length === 0) {
$('.main-menu, .navbar-header').removeClass('expanded');
if ($body.hasClass('menu-collapsed')) {
var $listItem = $('.main-menu li.open'),
$subList = $listItem.children('ul');
$listItem.addClass('menu-collapsed-open');
$subList.show().slideUp(200, function () {
$(this).css('display', '');
});
$listItem.removeClass('open');
// $.app.menu.changeLogo();
}
}
}, 1);
}
}
$('.main-menu-content').on('mouseleave', function () {
if ($body.hasClass('menu-collapsed')) {
$('.main-menu-content').children('span.menu-title').remove();
$('.main-menu-content').children('a.menu-title').remove();
$('.main-menu-content').children('ul.menu-content').remove();
}
$('.hover', '.navigation-main').removeClass('hover');
});
// If list item has sub menu items then prevent redirection.
$('.navigation-main li.has-sub > a').on('click', function (e) {
e.preventDefault();
});
$('ul.menu-content').on('click', 'li', function (e) {
var $listItem = $(this);
if ($listItem.is('.disabled')) {
e.preventDefault();
} else {
if ($listItem.has('ul')) {
if ($listItem.is('.open')) {
$listItem.removeClass('open');
menuObj.collapse($listItem);
} else {
$listItem.addClass('open');
menuObj.expand($listItem);
// If menu collapsible then do not take any action
if ($('.main-menu').hasClass('menu-collapsible')) {
return false;
}
// If menu accordion then close all except clicked once
else {
$listItem.siblings('.open').find('li.open').trigger('close.app.menu');
$listItem.siblings('.open').trigger('close.app.menu');
}
e.stopPropagation();
}
} else {
if (!$listItem.is('.active')) {
$listItem.siblings('.active').trigger('deactive.app.menu');
$listItem.trigger('active.app.menu');
}
}
}
e.stopPropagation();
});
},
/**
* Ensure an admin submenu is within the visual viewport.
* @param {jQuery} $menuItem The parent menu item containing the submenu.
*/
adjustSubmenu: function ($menuItem) {
var menuHeaderHeight, menutop, topPos, winHeight,
bottomOffset, subMenuHeight, popOutMenuHeight, borderWidth, scroll_theme,
$submenu = $menuItem.children('ul:first'),
ul = $submenu.clone(true);
menuHeaderHeight = $('.main-menu-header').height();
menutop = $menuItem.position().top;
winHeight = $window.height() - $('.header-navbar').height();
borderWidth = 0;
subMenuHeight = $submenu.height();
if (parseInt($menuItem.css("border-top"), 10) > 0) {
borderWidth = parseInt($menuItem.css("border-top"), 10);
}
popOutMenuHeight = winHeight - menutop - $menuItem.height() - 30;
scroll_theme = ($('.main-menu').hasClass('menu-dark')) ? 'light' : 'dark';
topPos = menutop + $menuItem.height() + borderWidth;
ul.addClass('menu-popout').appendTo('.main-menu-content').css({
'top': topPos,
'position': 'fixed',
'max-height': popOutMenuHeight,
});
var menu_content = new PerfectScrollbar('.main-menu-content > ul.menu-content', {
wheelPropagation: false
});
},
collapse: function ($listItem, callback) {
var $subList = $listItem.children('ul');
$subList.show().slideUp($.app.nav.config.speed, function () {
$(this).css('display', '');
$(this).find('> li').removeClass('is-shown');
if (callback) {
callback();
}
$.app.nav.container.trigger('collapsed.app.menu');
});
},
expand: function ($listItem, callback) {
var $subList = $listItem.children('ul');
var $children = $subList.children('li').addClass('is-hidden');
$subList.hide().slideDown($.app.nav.config.speed, function () {
$(this).css('display', '');
if (callback) {
callback();
}
$.app.nav.container.trigger('expanded.app.menu');
});
setTimeout(function () {
$children.addClass('is-shown');
$children.removeClass('is-hidden');
}, 0);
},
refresh: function () {
$.app.nav.container.find('.open').removeClass('open');
},
};
})(window, document, jQuery);
// We listen to the resize event
window.addEventListener('resize', function() {
// We execute the same script as before
var vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', vh + "px");
});
================================================
FILE: public/backend/js/core/app.js
================================================
/*=========================================================================================
File Name: app.js
Description: Template related app JS.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
"use strict";
var $html = $("html");
var $body = $("body");
var $danger = "#ea5455";
var $primary = "#7367f0";
var $textcolor = "#4e5154";
$(window).on("load", function () {
var rtl;
var compactMenu = false; // Set it to true, if you want default menu to be compact
if ($body.hasClass("menu-collapsed")) {
compactMenu = true;
}
if ($("html").data("textdirection") == "rtl") {
rtl = true;
}
setTimeout(function () {
$html.removeClass("loading").addClass("loaded");
}, 1200);
$.app.menu.init(compactMenu);
// Navigation configurations
var config = {
speed: 300 // set speed to expand / collpase menu
};
if ($.app.nav.initialized === false) {
$.app.nav.init(config);
}
Unison.on("change", function (bp) {
$.app.menu.change();
});
// Tooltip Initialization
$('[data-toggle="tooltip"]').tooltip({
container: "body"
});
// Top Navbars - Hide on Scroll
if ($(".navbar-hide-on-scroll").length > 0) {
$(".navbar-hide-on-scroll.fixed-top").headroom({
offset: 205,
tolerance: 5,
classes: {
// when element is initialised
initial: "headroom",
// when scrolling up
pinned: "headroom--pinned-top",
// when scrolling down
unpinned: "headroom--unpinned-top"
}
});
// Bottom Navbars - Hide on Scroll
$(".navbar-hide-on-scroll.fixed-bottom").headroom({
offset: 205,
tolerance: 5,
classes: {
// when element is initialised
initial: "headroom",
// when scrolling up
pinned: "headroom--pinned-bottom",
// when scrolling down
unpinned: "headroom--unpinned-bottom"
}
});
}
// Collapsible Card
$('a[data-action="collapse"]').on("click", function (e) {
e.preventDefault();
$(this)
.closest(".card")
.children(".card-content")
.collapse("toggle");
// Adding bottom padding on card collapse
$(this)
.closest(".card")
.children(".card-header")
.css("padding-bottom", "1.5rem");
$(this)
.closest(".card")
.find('[data-action="collapse"]')
.toggleClass("rotate");
});
// Toggle fullscreen
$('a[data-action="expand"]').on("click", function (e) {
e.preventDefault();
$(this)
.closest(".card")
.find('[data-action="expand"] i')
.toggleClass("icon-maximize icon-minimize");
$(this)
.closest(".card")
.toggleClass("card-fullscreen");
});
// Notifications & messages scrollable
$(".scrollable-container").each(function () {
var scrollable_container = new PerfectScrollbar($(this)[0], {
wheelPropagation: false
});
});
// Reload Card
$('a[data-action="reload"]').on("click", function () {
var block_ele = $(this)
.closest(".card")
.find(".card-content");
var reloadActionOverlay;
if ($body.hasClass("dark-layout")) {
var reloadActionOverlay = "#10163a";
} else {
var reloadActionOverlay = "#fff";
}
// Block Element
block_ele.block({
message: '
',
timeout: 2000, //unblock after 2 seconds
overlayCSS: {
backgroundColor: reloadActionOverlay,
cursor: "wait"
},
css: {
border: 0,
padding: 0,
backgroundColor: "none"
}
});
});
// Close Card
$('a[data-action="close"]').on("click", function () {
$(this).closest(".card").removeClass().slideUp("fast");
});
// Match the height of each card in a row
setTimeout(function () {
$(".row.match-height").each(function () {
$(this).find(".card").not(".card .card").matchHeight(); // Not .card .card prevents collapsible cards from taking height
});
}, 500);
$('.card .heading-elements a[data-action="collapse"]').on(
"click",
function () {
var $this = $(this),
card = $this.closest(".card");
var cardHeight;
if (parseInt(card[0].style.height, 10) > 0) {
cardHeight = card.css("height");
card.css("height", "").attr("data-height", cardHeight);
} else {
if (card.data("height")) {
cardHeight = card.data("height");
card.css("height", cardHeight).attr("data-height", "");
}
}
}
);
// Add sidebar group active class to active menu
$(".main-menu-content").find("li.active").parents("li").addClass("sidebar-group-active");
// Add open class to parent list item if subitem is active except compact menu
var menuType = $body.data("menu");
if (menuType != "horizontal-menu" && compactMenu === false) {
$(".main-menu-content").find("li.active").parents("li").addClass("open");
}
if (menuType == "horizontal-menu") {
$(".main-menu-content").find("li.active").parents("li:not(.nav-item)").addClass("open");
$(".main-menu-content").find('li.active').closest('li.nav-item').addClass('sidebar-group-active open');
// $(".main-menu-content")
// .find("li.active")
// .parents("li")
// .addClass("active");
}
//card heading actions buttons small screen support
$(".heading-elements-toggle").on("click", function () {
$(this)
.next(".heading-elements")
.toggleClass("visible");
});
// Dynamic height for the chartjs div for the chart animations to work
var chartjsDiv = $(".chartjs"),
canvasHeight = chartjsDiv.children("canvas").attr("height"),
mainMenu = $(".main-menu");
chartjsDiv.css("height", canvasHeight);
if ($body.hasClass("boxed-layout")) {
if ($body.hasClass("vertical-overlay-menu")) {
var menuWidth = mainMenu.width();
var contentPosition = $(".app-content").position().left;
var menuPositionAdjust = contentPosition - menuWidth;
if ($body.hasClass("menu-flipped")) {
mainMenu.css("right", menuPositionAdjust + "px");
} else {
mainMenu.css("left", menuPositionAdjust + "px");
}
}
}
//Custom File Input
$(".custom-file input").change(function (e) {
$(this)
.next(".custom-file-label")
.html(e.target.files[0].name);
});
/* Text Area Counter Set Start */
$(".char-textarea").on("keyup", function (event) {
checkTextAreaMaxLength(this, event);
// to later change text color in dark layout
$(this).addClass("active");
});
/*
Checks the MaxLength of the Textarea
-----------------------------------------------------
@prerequisite: textBox = textarea dom element
e = textarea event
length = Max length of characters
*/
function checkTextAreaMaxLength(textBox, e) {
var maxLength = parseInt($(textBox).data("length")),
counterValue = $(".counter-value"),
charTextarea = $(".char-textarea");
if (!checkSpecialKeys(e)) {
if (textBox.value.length < maxLength - 1)
textBox.value = textBox.value.substring(0, maxLength);
}
$(".char-count").html(textBox.value.length);
if (textBox.value.length > maxLength) {
counterValue.css("background-color", $danger);
charTextarea.css("color", $danger);
// to change text color after limit is maxedout out
charTextarea.addClass("max-limit");
} else {
counterValue.css("background-color", $primary);
charTextarea.css("color", $textcolor);
charTextarea.removeClass("max-limit");
}
return true;
}
/*
Checks if the keyCode pressed is inside special chars
-------------------------------------------------------
@prerequisite: e = e.keyCode object for the key pressed
*/
function checkSpecialKeys(e) {
if (
e.keyCode != 8 &&
e.keyCode != 46 &&
e.keyCode != 37 &&
e.keyCode != 38 &&
e.keyCode != 39 &&
e.keyCode != 40
)
return false;
else return true;
}
$(".content-overlay").on("click", function () {
$(".search-list").removeClass("show");
$(".app-content").removeClass("show-overlay");
$(".bookmark-wrapper .bookmark-input").removeClass("show");
});
// To show shadow in main menu when menu scrolls
var container = document.getElementsByClassName("main-menu-content");
if (container.length > 0) {
container[0].addEventListener("ps-scroll-y", function () {
if (
$(this)
.find(".ps__thumb-y")
.position().top > 0
) {
$(".shadow-bottom").css("display", "block");
} else {
$(".shadow-bottom").css("display", "none");
}
});
}
});
// Hide overlay menu on content overlay click on small screens
$(document).on("click", ".sidenav-overlay", function (e) {
// Hide menu
$.app.menu.hide();
return false;
});
// Execute below code only if we find hammer js for touch swipe feature on small screen
if (typeof Hammer !== "undefined") {
// Swipe menu gesture
var swipeInElement = document.querySelector(".drag-target");
if ($(swipeInElement).length > 0) {
var swipeInMenu = new Hammer(swipeInElement);
swipeInMenu.on("panright", function (ev) {
if ($body.hasClass("vertical-overlay-menu")) {
$.app.menu.open();
return false;
}
});
}
// menu swipe out gesture
setTimeout(function () {
var swipeOutElement = document.querySelector(".main-menu");
var swipeOutMenu;
if ($(swipeOutElement).length > 0) {
swipeOutMenu = new Hammer(swipeOutElement);
swipeOutMenu.get("pan").set({
direction: Hammer.DIRECTION_ALL,
threshold: 100
});
swipeOutMenu.on("panleft", function (ev) {
if ($body.hasClass("vertical-overlay-menu")) {
$.app.menu.hide();
return false;
}
});
}
}, 300);
// menu overlay swipe out gestrue
var swipeOutOverlayElement = document.querySelector(".sidenav-overlay");
if ($(swipeOutOverlayElement).length > 0) {
var swipeOutOverlayMenu = new Hammer(swipeOutOverlayElement);
swipeOutOverlayMenu.on("panleft", function (ev) {
if ($body.hasClass("vertical-overlay-menu")) {
$.app.menu.hide();
return false;
}
});
}
}
$(document).on("click", ".menu-toggle, .modern-nav-toggle", function (e) {
e.preventDefault();
// Toggle menu
$.app.menu.toggle();
setTimeout(function () {
$(window).trigger("resize");
}, 200);
if ($("#collapse-sidebar-switch").length > 0) {
setTimeout(function () {
if ($body.hasClass("menu-expanded") || $body.hasClass("menu-open")) {
$("#collapse-sidebar-switch").prop("checked", false);
} else {
$("#collapse-sidebar-switch").prop("checked", true);
}
}, 50);
}
// Hides dropdown on click of menu toggle
// $('[data-toggle="dropdown"]').dropdown('hide');
// Hides collapse dropdown on click of menu toggle
if (
$(".vertical-overlay-menu .navbar-with-menu .navbar-container .navbar-collapse").hasClass("show")
) {
$(".vertical-overlay-menu .navbar-with-menu .navbar-container .navbar-collapse").removeClass("show");
}
return false;
});
// Add Children Class
$(".navigation")
.find("li")
.has("ul")
.addClass("has-sub");
$(".carousel").carousel({
interval: 2000
});
// Page full screen
$(".nav-link-expand").on("click", function (e) {
if (typeof screenfull != "undefined") {
if (screenfull.isEnabled) {
screenfull.toggle();
}
}
});
if (typeof screenfull != "undefined") {
if (screenfull.isEnabled) {
$(document).on(screenfull.raw.fullscreenchange, function () {
if (screenfull.isFullscreen) {
$(".nav-link-expand")
.find("i")
.toggleClass("icon-minimize icon-maximize");
$("html").addClass("full-screen");
} else {
$(".nav-link-expand")
.find("i")
.toggleClass("icon-maximize icon-minimize");
$("html").removeClass("full-screen");
}
});
}
}
$(document).ready(function () {
/**********************************
* Form Wizard Step Icon
**********************************/
$(".step-icon").each(function () {
var $this = $(this);
if ($this.siblings("span.step").length > 0) {
$this.siblings("span.step").empty();
$(this).appendTo($(this).siblings("span.step"));
}
});
});
// Update manual scroller when window is resized
$(window).resize(function () {
$.app.menu.manualScroller.updateHeight();
});
$("#sidebar-page-navigation").on("click", "a.nav-link", function (e) {
e.preventDefault();
e.stopPropagation();
var $this = $(this),
href = $this.attr("href");
var offset = $(href).offset();
var scrollto = offset.top - 80; // minus fixed header height
$("html, body").animate({
scrollTop: scrollto
},
0
);
setTimeout(function () {
$this
.parent(".nav-item")
.siblings(".nav-item")
.children(".nav-link")
.removeClass("active");
$this.addClass("active");
}, 100);
});
// main menu internationalization
// init i18n and load language file
i18next.use(window.i18nextXHRBackend).init({
debug: false,
fallbackLng: "en",
backend: {
loadPath: "../../../app-assets/data/locales/{{lng}}.json"
},
returnObjects: true
},
function (err, t) {
// resources have been loaded
jqueryI18next.init(i18next, $);
}
);
// change language according to data-language of dropdown item
$(".dropdown-language .dropdown-item").on("click", function () {
var $this = $(this);
$this.siblings(".selected").removeClass("selected");
$this.addClass("selected");
var selectedLang = $this.text();
var selectedFlag = $this.find(".flag-icon").attr("class");
$("#dropdown-flag .selected-language").text(selectedLang);
$("#dropdown-flag .flag-icon")
.removeClass()
.addClass(selectedFlag);
var currentLanguage = $this.data("language");
i18next.changeLanguage(currentLanguage, function (err, t) {
$(".main-menu, .horizontal-menu-wrapper").localize();
});
});
/********************* Bookmark & Search ***********************/
// This variable is used for mouseenter and mouseleave events of search list
var $filename = $(".search-input input").data("search"),
bookmarkWrapper = $(".bookmark-wrapper"),
bookmarkStar = $(".bookmark-wrapper .bookmark-star"),
bookmarkInput = $(".bookmark-wrapper .bookmark-input"),
navLinkSearch = $(".nav-link-search"),
searchInput = $(".search-input"),
searchInputInputfield = $(".search-input input"),
searchList = $(".search-input .search-list"),
appContent = $(".app-content"),
bookmarkSearchList = $(".bookmark-input .search-list");
// Bookmark icon click
bookmarkStar.on("click", function (e) {
e.stopPropagation();
bookmarkInput.toggleClass("show");
bookmarkInput.find("input").val("");
bookmarkInput.find("input").blur();
bookmarkInput.find("input").focus();
bookmarkWrapper.find(".search-list").addClass("show");
var arrList = $("ul.nav.navbar-nav.bookmark-icons li"),
$arrList = "",
$activeItemClass = "";
$("ul.search-list li").remove();
for (var i = 0; i < arrList.length; i++) {
if (i === 0) {
$activeItemClass = "current_item";
} else {
$activeItemClass = "";
}
$arrList +=
'' +
'' +
'" +
arrList[i].firstChild.dataset.originalTitle +
" " +
"" +
' " +
" ";
}
$("ul.search-list").append($arrList);
});
// Navigation Search area Open
navLinkSearch.on("click", function () {
var $this = $(this);
var searchInput = $(this).parent(".nav-search").find(".search-input");
searchInput.addClass("open");
searchInputInputfield.focus();
searchList.find("li").remove();
bookmarkInput.removeClass("show");
});
// Navigation Search area Close
$(".search-input-close i").on("click", function () {
var $this = $(this),
searchInput = $(this).closest(".search-input");
if (searchInput.hasClass("open")) {
searchInput.removeClass("open");
searchInputInputfield.val("");
searchInputInputfield.blur();
searchList.removeClass("show");
appContent.removeClass("show-overlay");
}
});
// Filter
if ($('.search-list-main').length) {
var searchListMain = new PerfectScrollbar(".search-list-main", {
wheelPropagation: false
});
}
if ($('.search-list-bookmark').length) {
var searchListBookmark = new PerfectScrollbar(".search-list-bookmark", {
wheelPropagation: false
});
}
// update Perfect Scrollbar on hover
$(".search-list-main").mouseenter(function () {
searchListMain.update();
});
searchInputInputfield.on("keyup", function (e) {
$(this).closest(".search-list").addClass("show");
if (e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 13) {
if (e.keyCode == 27) {
appContent.removeClass("show-overlay");
bookmarkInput.find("input").val("");
bookmarkInput.find("input").blur();
searchInputInputfield.val("");
searchInputInputfield.blur();
searchInput.removeClass("open");
if (searchInput.hasClass("show")) {
$(this).removeClass("show");
searchInput.removeClass("show");
}
}
// Define variables
var value = $(this).val().toLowerCase(), //get values of input on keyup
activeClass = "",
bookmark = false,
liList = $("ul.search-list li"); // get all the list items of the search
liList.remove();
// To check if current is bookmark input
if (
$(this)
.parent()
.hasClass("bookmark-input")
) {
bookmark = true;
}
// If input value is blank
if (value != "") {
appContent.addClass("show-overlay");
// condition for bookmark and search input click
if (bookmarkInput.focus()) {
bookmarkSearchList.addClass("show");
} else {
searchList.addClass("show");
bookmarkSearchList.removeClass("show");
}
if (bookmark === false) {
searchList.addClass("show");
bookmarkSearchList.removeClass("show");
}
var $startList = "",
$otherList = "",
$htmlList = "",
$bookmarkhtmlList = "",
$pageList = '' +
'' +
'Pages ' +
' ' +
' ',
$activeItemClass = "",
$bookmarkIcon = "",
$defaultList = "",
a = 0;
// getting json data from file for search results
$.getJSON("../../../app-assets/data/" + $filename + ".json", function (
data
) {
for (var i = 0; i < data.listItems.length; i++) {
// if current is bookmark then give class to star icon
if (bookmark === true) {
activeClass = ""; // resetting active bookmark class
var arrList = $("ul.nav.navbar-nav.bookmark-icons li"),
$arrList = "";
// Loop to check if current seach value match with the bookmarks already there in navbar
for (var j = 0; j < arrList.length; j++) {
if (
data.listItems[i].name ===
arrList[j].firstChild.dataset.originalTitle
) {
activeClass = " warning";
break;
} else {
activeClass = "";
}
}
$bookmarkIcon =
'' +
'' +
'" +
data.listItems[i].name +
" " +
"" +
$bookmarkIcon +
" " +
" ";
a++;
}
}
for (var i = 0; i < data.listItems.length; i++) {
if (bookmark === true) {
activeClass = ""; // resetting active bookmark class
var arrList = $("ul.nav.navbar-nav.bookmark-icons li"),
$arrList = "";
// Loop to check if current seach value match with the bookmarks already there in navbar
for (var j = 0; j < arrList.length; j++) {
if (
data.listItems[i].name ===
arrList[j].firstChild.dataset.originalTitle
) {
activeClass = " warning";
} else {
activeClass = "";
}
}
$bookmarkIcon =
'' +
'' +
'" +
data.listItems[i].name +
" " +
"" +
$bookmarkIcon +
" " +
" ";
a++;
}
}
$defaultList = $(".main-search-list-defaultlist").html();
if ($startList == "" && $otherList == "") {
$otherList = $(".main-search-list-defaultlist-other-list").html();
}
// concatinating startlist, otherlist, defalutlist with pagelist
$htmlList = $pageList.concat($startList, $otherList, $defaultList);
$("ul.search-list").html($htmlList);
// concatinating otherlist with startlist
$bookmarkhtmlList = $startList.concat($otherList);
$("ul.search-list-bookmark").html($bookmarkhtmlList);
});
} else {
if (bookmark === true) {
var arrList = $("ul.nav.navbar-nav.bookmark-iconss li"),
$arrList = "";
for (var i = 0; i < arrList.length; i++) {
if (i === 0) {
$activeItemClass = "current_item";
} else {
$activeItemClass = "";
}
$arrList +=
'' +
'' +
'" +
arrList[i].firstChild.dataset.originalTitle +
" " +
"" +
' " +
" ";
}
$("ul.search-list").append($arrList);
} else {
// if search input blank, hide overlay
if (appContent.hasClass("show-overlay")) {
appContent.removeClass("show-overlay");
}
// If filter box is empty
if (searchList.hasClass("show")) {
searchList.removeClass("show");
}
}
}
}
});
// Add class on hover of the list
$(document).on("mouseenter", ".search-list li", function (e) {
$(this)
.siblings()
.removeClass("current_item");
$(this).addClass("current_item");
});
$(document).on("click", ".search-list li", function (e) {
e.stopPropagation();
});
$("html").on("click", function ($this) {
if (!$($this.target).hasClass("bookmark-icon")) {
if (bookmarkSearchList.hasClass("show")) {
bookmarkSearchList.removeClass("show");
}
if (bookmarkInput.hasClass("show")) {
bookmarkInput.removeClass("show");
}
}
});
// Prevent closing bookmark dropdown on input textbox click
$(document).on("click", ".bookmark-input input", function (e) {
bookmarkInput.addClass("show");
bookmarkSearchList.addClass("show");
});
// Favorite star click
$(document).on("click", ".bookmark-input .search-list .bookmark-icon", function (e) {
e.stopPropagation();
if ($(this).hasClass("warning")) {
$(this).removeClass("warning");
var arrList = $("ul.nav.navbar-nav.bookmark-icons li");
for (var i = 0; i < arrList.length; i++) {
if (
arrList[i].firstChild.dataset.originalTitle ==
$(this).parent()[0].innerText
) {
arrList[i].remove();
}
}
e.preventDefault();
} else {
var arrList = $("ul.nav.navbar-nav.bookmark-icons li");
$(this).addClass("warning");
e.preventDefault();
var $url = $(this).parent()[0].href,
$name = $(this).parent()[0].innerText,
$icon = $(this).parent()[0].firstChild.firstChild.dataset.icon,
$listItem = "",
$listItemDropdown = "";
$listItem =
'' +
'' +
' " +
" ";
$("ul.nav.bookmark-icons").append($listItem);
$('[data-toggle="tooltip"]').tooltip();
}
});
// If we use up key(38) Down key (40) or Enter key(13)
$(window).on("keydown", function (e) {
var $current = $(".search-list li.current_item"),
$next,
$prev;
if (e.keyCode === 40) {
$next = $current.next();
$current.removeClass("current_item");
$current = $next.addClass("current_item");
} else if (e.keyCode === 38) {
$prev = $current.prev();
$current.removeClass("current_item");
$current = $prev.addClass("current_item");
}
if (e.keyCode === 13 && $(".search-list li.current_item").length > 0) {
var selected_item = $(".search-list li.current_item a");
window.location = selected_item.attr("href");
$(selected_item).trigger("click");
}
});
// Waves Effect
Waves.init();
Waves.attach(".btn", ["waves-light"]);
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/ag-grid/ag-grid.js
================================================
/*=========================================================================================
File Name: ag-grid.js
Description: Aggrid Table
--------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/*** COLUMN DEFINE ***/
var columnDefs = [
{
headerName: "First Name",
field: "firstname",
editable: true,
sortable: true,
filter: true,
width: 175,
filter: true,
checkboxSelection: true,
headerCheckboxSelectionFilteredOnly: true,
headerCheckboxSelection: true
},
{
headerName: "Last Name",
field: "lastname",
editable: true,
sortable: true,
filter: true,
width: 175
},
{
headerName: "Company",
field: "company",
editable: true,
sortable: true,
filter: true,
width: 250
},
{
headerName: "City",
field: "city",
editable: true,
sortable: true,
filter: true,
width: 125
},
{
headerName: "Country",
field: "country",
editable: true,
sortable: true,
filter: true,
width: 150
},
{
headerName: "State",
field: "state",
editable: true,
sortable: true,
filter: true,
width: 125
},
{
headerName: "Zip",
field: "zip",
editable: true,
sortable: true,
filter: true,
width: 125
},
{
headerName: "Email",
field: "email",
editable: true,
sortable: true,
filter: true,
width: 260,
pinned: "left"
},
{
headerName: "Followers",
field: "followers",
editable: true,
sortable: true,
filter: true,
width: 150
}
];
/*** GRID OPTIONS ***/
var gridOptions = {
columnDefs: columnDefs,
rowSelection: "multiple",
floatingFilter: true,
filter: true,
pagination: true,
paginationPageSize: 20,
pivotPanelShow: "always",
colResizeDefault: "shift",
animateRows: true,
resizable: true
};
/*** DEFINED TABLE VARIABLE ***/
var gridTable = document.getElementById("myGrid");
/*** GET TABLE DATA FROM URL ***/
agGrid
.simpleHttpRequest({ url: "../../../app-assets/data/ag-grid-data.json" })
.then(function(data) {
gridOptions.api.setRowData(data);
});
/*** FILTER TABLE ***/
function updateSearchQuery(val) {
gridOptions.api.setQuickFilter(val);
}
$(".ag-grid-filter").on("keyup", function() {
updateSearchQuery($(this).val());
});
/*** CHANGE DATA PER PAGE ***/
function changePageSize(value) {
gridOptions.api.paginationSetPageSize(Number(value));
}
$(".sort-dropdown .dropdown-item").on("click", function() {
var $this = $(this);
changePageSize($this.text());
$(".filter-btn").text("1 - " + $this.text() + " of 500");
});
/*** EXPORT AS CSV BTN ***/
$(".ag-grid-export-btn").on("click", function(params) {
gridOptions.api.exportDataAsCsv();
});
/*** INIT TABLE ***/
new agGrid.Grid(gridTable, gridOptions);
/*** SET OR REMOVE EMAIL AS PINNED DEPENDING ON DEVICE SIZE ***/
if ($(window).width() < 768) {
gridOptions.columnApi.setColumnPinned("email", null);
} else {
gridOptions.columnApi.setColumnPinned("email", "left");
}
$(window).on("resize", function() {
if ($(window).width() < 768) {
gridOptions.columnApi.setColumnPinned("email", null);
} else {
gridOptions.columnApi.setColumnPinned("email", "left");
}
});
});
================================================
FILE: public/backend/js/scripts/cards/card-analytics.js
================================================
/*=========================================================================================
File Name: card-statistics.js
Description: Card-statistics page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $primary = '#7367F0';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $info = '#00cfe8';
var $success = '#00db89';
var $primary_light = '#9c8cfc';
var $warning_light = '#FFC085';
var $danger_light = '#f29292';
var $info_light = '#1edec5';
var $strok_color = '#b9c3cd';
var $label_color = '#e7eef7';
var $purple = '#df87f2';
var $white = '#fff';
// Session Chart
// ----------------------------------
var sessionChartoptions = {
chart: {
type: 'donut',
height: 315,
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
series: [58.6, 34.9, 6.5],
legend: { show: false },
comparedResult: [2, -3, 8],
labels: ['Desktop', 'Mobile', 'Tablet'],
stroke: { width: 0 },
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var sessionChart = new ApexCharts(
document.querySelector("#session-chart"),
sessionChartoptions
);
sessionChart.render();
// Product Order Chart
// -----------------------------
var orderChartoptions = {
chart: {
height: 325,
type: 'radialBar',
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'vertical',
shadeIntensity: 0.5,
gradientToColors: [$primary_light, $warning_light, $danger_light],
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
lineCap: 'round'
},
plotOptions: {
radialBar: {
size: 150,
hollow: {
size: '20%'
},
track: {
strokeWidth: '100%',
margin: 15,
},
dataLabels: {
name: {
fontSize: '18px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
formatter: function (w) {
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
return 42459
}
}
}
}
},
series: [70, 52, 26],
labels: ['Finished', 'Pending', 'Rejected'],
}
var orderChart = new ApexCharts(
document.querySelector("#product-order-chart"),
orderChartoptions
);
orderChart.render();
// Customer Chart
// -----------------------------
var customerChartoptions = {
chart: {
type: 'pie',
height: 325,
dropShadow: {
enabled: false,
blur: 5,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
}
},
labels: ['New', 'Returning', 'Referrals'],
series: [690, 258, 149],
dataLabels: {
enabled: false
},
legend: { show: false },
stroke: {
width: 5
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var customerChart = new ApexCharts(
document.querySelector("#customer-chart"),
customerChartoptions
);
customerChart.render();
// Sales Chart
// -----------------------------
var salesChartoptions = {
chart: {
height: 300,
type: 'radar',
dropShadow: {
enabled: true,
blur: 8,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
}
},
toolbar: { show: false },
series: [{
name: 'Sales',
data: [90, 50, 86, 40, 100, 20],
}, {
name: 'Visit',
data: [70, 75, 70, 76, 20, 85],
}],
stroke: {
width: 0
},
colors: [$primary, $info],
plotOptions: {
radar: {
polygons: {
strokeColors: [$strok_color, 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],
connectorColors: 'transparent'
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
gradientToColors: ['#9f8ed7', $info_light],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
},
legend: {
show: false,
},
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
dataLabels: {
style: {
colors: [$strok_color, $strok_color, $strok_color, $strok_color, $strok_color, $strok_color]
}
},
yaxis: {
show: false,
},
grid: {
show: false,
},
}
var salesChart = new ApexCharts(
document.querySelector("#sales-chart"),
salesChartoptions
);
salesChart.render();
// Support Tracker Chart
// -----------------------------
var supportChartoptions = {
chart: {
height: 270,
type: 'radialBar',
sparkline:{
enabled: false,
}
},
plotOptions: {
radialBar: {
size: 150,
offsetY: 20,
startAngle: -150,
endAngle: 150,
hollow: {
size: '65%',
},
track: {
background: $white,
strokeWidth: '100%',
},
dataLabels: {
value: {
offsetY: 30,
color: '#99a2ac',
fontSize: '2rem'
}
}
},
},
colors: [$danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: [$primary],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
dashArray: 8
},
series: [83],
labels: ['Completed Tickets'],
}
var supportChart = new ApexCharts(
document.querySelector("#support-tracker-chart"),
supportChartoptions
);
supportChart.render();
// Revenue Chart
// -----------------------------
var revenueChartoptions = {
chart: {
height: 260,
toolbar: { show: false },
type: 'line',
},
stroke: {
curve: 'smooth',
dashArray: [0, 8],
width: [4, 2],
},
grid: {
borderColor: $label_color,
},
legend: {
show: false,
},
colors: [$danger_light, $strok_color],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
inverseColors: false,
gradientToColors: [$primary, $strok_color],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
hover: {
size: 5
}
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['01', '05', '09', '13', '17', '21', '26', '31'],
axisBorder: {
show: false,
},
tickPlacement: 'on',
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
},
formatter: function(val) {
return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
}
}
},
tooltip: {
x: { show: false }
},
series: [{
name: "This Month",
data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]
},
{
name: "Last Month",
data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]
}
],
}
var revenueChart = new ApexCharts(
document.querySelector("#revenue-chart"),
revenueChartoptions
);
revenueChart.render();
// Goal Overview Chart
// -----------------------------
var goalChartoptions = {
chart: {
height: 250,
type: 'radialBar',
sparkline: {
enabled: true,
},
dropShadow: {
enabled: true,
blur: 3,
left: 1,
top: 1,
opacity: 0.1
},
},
colors: [$success],
plotOptions: {
radialBar: {
size: 110,
startAngle: -150,
endAngle: 150,
hollow: {
size: '77%',
},
track: {
background: $strok_color,
strokeWidth: '50%',
},
dataLabels: {
name: {
show: false
},
value: {
offsetY: 18,
color: $strok_color,
fontSize: '4rem'
}
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: ['#00b5b5'],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
series: [83],
stroke: {
lineCap: 'round'
},
}
var goalChart = new ApexCharts(
document.querySelector("#goal-overview-chart"),
goalChartoptions
);
goalChart.render();
// Average Session Chart
// ----------------------------------
var avgsessionChartoptions = {
chart: {
type: 'bar',
height: 200,
sparkline: { enabled: true },
toolbar: { show: false },
},
states: {
hover: {
filter: 'none'
}
},
colors: [$label_color, $label_color, $primary, $label_color, $label_color, $label_color],
series: [{
name: 'Sessions',
data: [75, 125, 225, 175, 125, 75, 25]
}],
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
plotOptions: {
bar: {
columnWidth: '45%',
distributed: true,
endingShape: 'rounded'
}
},
tooltip: {
x: { show: false }
},
xaxis: {
type: 'numeric',
}
}
var avgsessionChart = new ApexCharts(
document.querySelector("#avg-session-chart"),
avgsessionChartoptions
);
avgsessionChart.render();
// Sales Chart
// -----------------------------
var salesavgChartoptions = {
chart: {
height: 270,
toolbar: { show: false },
type: 'line',
dropShadow: {
enabled: true,
top: 20,
left: 2,
blur: 6,
opacity: 0.20
},
},
stroke: {
curve: 'smooth',
width: 4,
},
grid: {
borderColor: $label_color,
},
legend: {
show: false,
},
colors: [$purple],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
inverseColors: false,
gradientToColors: [$primary],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
hover: {
size: 5
}
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: false,
},
tickPlacement: 'on'
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
},
formatter: function(val) {
return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
}
}
},
tooltip: {
x: { show: false }
},
series: [{
name: "Sales",
data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]
}],
}
var salesavgChart = new ApexCharts(
document.querySelector("#sales-line-chart"),
salesavgChartoptions
);
salesavgChart.render();
// Client Retention Chart
// ----------------------------------
var retentionChartoptions = {
chart: {
stacked: true,
type: 'bar',
toolbar: { show: false },
height: 290,
},
plotOptions: {
bar: {
columnWidth: '10%'
}
},
colors: [$primary, $danger],
series: [{
name: 'New Clients',
data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]
}, {
name: 'Retained Clients',
data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]
}],
grid: {
borderColor: $label_color,
padding: {
left: 0,
right: 0
}
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'left',
offsetX: 0,
fontSize: '14px',
markers: {
radius: 50,
width: 10,
height: 10,
}
},
dataLabels: {
enabled: false
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: false,
},
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
}
}
},
tooltip: {
x: { show: false }
},
}
var retentionChart = new ApexCharts(
document.querySelector("#client-retention-chart"),
retentionChartoptions
);
retentionChart.render();
});
================================================
FILE: public/backend/js/scripts/cards/card-statistics.js
================================================
/*=========================================================================================
File Name: card-statistics.js
Description: Card-statistics page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $primary = '#7367F0';
var $success = '#28C76F';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $primary_light = '#A9A2F6';
var $success_light = '#55DD92';
var $warning_light = '#ffc085';
// Subscribed Gained Chart
// ----------------------------------
var gainedChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Subscribers',
data: [28, 40, 36, 52, 38, 60, 55]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var gainedChart = new ApexCharts(
document.querySelector("#line-area-chart-1"),
gainedChartoptions
);
gainedChart.render();
// Revenue Generated Chart
// ----------------------------------
var revenueChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$success],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Revenue',
data: [350, 275, 400, 300, 350, 300, 450]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var revenueChart = new ApexCharts(
document.querySelector("#line-area-chart-2"),
revenueChartoptions
);
revenueChart.render();
// Quaterly Sales Chart
// ----------------------------------
var salesChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$danger],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Sales',
data: [10, 15, 7, 12, 3, 16]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var salesChart = new ApexCharts(
document.querySelector("#line-area-chart-3"),
salesChartoptions
);
salesChart.render();
// Order Received Chart
// ----------------------------------
var orderChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Orders',
data: [10, 15, 8, 15, 7, 12, 8]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var orderChart = new ApexCharts(
document.querySelector("#line-area-chart-4"),
orderChartoptions
);
orderChart.render();
// Site Traffic Chart
// ----------------------------------
var trafficChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$primary_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Traffic Rate',
data: [150, 200, 125, 225, 200, 250]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var trafficChart = new ApexCharts(
document.querySelector("#line-area-chart-5"),
trafficChartoptions
);
trafficChart.render();
// Active Users Chart
// ----------------------------------
var userChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$success],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$success_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Active Users',
data: [750, 1000, 900, 1250, 1000, 1200, 1100]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var userChart = new ApexCharts(
document.querySelector("#line-area-chart-6"),
userChartoptions
);
userChart.render();
// News Letter Chart
// ----------------------------------
var newsletterChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$warning_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Newsletter',
data: [365, 390, 365, 400, 375, 400]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var newsletterChart = new ApexCharts(
document.querySelector("#line-area-chart-7"),
newsletterChartoptions
);
newsletterChart.render();
});
================================================
FILE: public/backend/js/scripts/charts/chart-apex.js
================================================
/*=========================================================================================
File Name: chart-apex.js
Description: Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
var $primary = '#7367F0',
$success = '#28C76F',
$danger = '#EA5455',
$warning = '#FF9F43',
$info = '#00cfe8',
$label_color_light = '#dae1e7';
var themeColors = [$primary, $success, $danger, $warning, $info];
// RTL Support
var yaxis_opposite = false;
if($('html').data('textdirection') == 'rtl'){
yaxis_opposite = true;
}
// Line Chart
// ----------------------------------
var lineChartOptions = {
chart: {
height: 350,
type: 'line',
zoom: {
enabled: false
}
},
colors: themeColors,
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
series: [{
name: "Desktops",
data: [10, 41, 35, 51, 49, 62, 69, 91, 148],
}],
title: {
text: 'Product Trends by Month',
align: 'left'
},
grid: {
row: {
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
opacity: 0.5
},
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
},
yaxis: {
tickAmount: 5,
opposite: yaxis_opposite
}
}
var lineChart = new ApexCharts(
document.querySelector("#line-chart"),
lineChartOptions
);
lineChart.render();
// Line Area Chart
// ----------------------------------
var lineAreaOptions = {
chart: {
height: 350,
type: 'area',
},
colors: themeColors,
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
series: [{
name: 'series1',
data: [31, 40, 28, 51, 42, 109, 100]
}, {
name: 'series2',
data: [11, 32, 45, 32, 34, 52, 41]
}],
legend: {
offsetY: -10
},
xaxis: {
type: 'datetime',
categories: ["2019-09-18T00:00:00", "2019-09-18T01:00:00", "2019-09-18T02:00:00",
"2019-09-18T03:00:00", "2019-09-18T04:00:00", "2019-09-18T05:00:00",
"2019-09-18T06:00:00"
],
},
yaxis: {
opposite: yaxis_opposite
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
}
}
var lineAreaChart = new ApexCharts(
document.querySelector("#line-area-chart"),
lineAreaOptions
);
lineAreaChart.render();
// Column Chart
// ----------------------------------
var columnChartOptions = {
chart: {
height: 350,
type: 'bar',
},
colors: themeColors,
plotOptions: {
bar: {
horizontal: false,
endingShape: 'rounded',
columnWidth: '55%',
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
series: [{
name: 'Net Profit',
data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
}, {
name: 'Revenue',
data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
}, {
name: 'Free Cash Flow',
data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
}],
legend: {
offsetY: -10
},
xaxis: {
categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
},
yaxis: {
title: {
text: '$ (thousands)'
},
opposite: yaxis_opposite
},
fill: {
opacity: 1
},
tooltip: {
y: {
formatter: function (val) {
return "$ " + val + " thousands"
}
}
}
}
var columnChart = new ApexCharts(
document.querySelector("#column-chart"),
columnChartOptions
);
columnChart.render();
// Bar Chart
// ----------------------------------
var barChartOptions = {
chart: {
height: 350,
type: 'bar',
},
colors: themeColors,
plotOptions: {
bar: {
horizontal: true,
}
},
dataLabels: {
enabled: false
},
series: [{
data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
}],
xaxis: {
categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
tickAmount: 5
},
yaxis: {
opposite: yaxis_opposite
}
}
var barChart = new ApexCharts(
document.querySelector("#bar-chart"),
barChartOptions
);
barChart.render();
// Mixed Chart
// -----------------------------
var mixedChartOptions = {
chart: {
height: 350,
type: 'line',
stacked: false,
},
colors: themeColors,
stroke: {
width: [0, 2, 5],
curve: 'smooth'
},
plotOptions: {
bar: {
columnWidth: '50%'
}
},
// colors: ['#3A5794', '#A5C351', '#E14A84'],
series: [{
name: 'TEAM A',
type: 'column',
data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
}, {
name: 'TEAM B',
type: 'area',
data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
}, {
name: 'TEAM C',
type: 'line',
data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
}],
fill: {
opacity: [0.85, 0.25, 1],
gradient: {
inverseColors: false,
shade: 'light',
type: "vertical",
opacityFrom: 0.85,
opacityTo: 0.55,
stops: [0, 100, 100, 100]
}
},
labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],
markers: {
size: 0
},
legend: {
offsetY: -10
},
xaxis: {
type: 'datetime'
},
yaxis: {
min: 0,
tickAmount: 5,
title: {
text: 'Points'
},
opposite: yaxis_opposite
},
tooltip: {
shared: true,
intersect: false,
y: {
formatter: function (y) {
if (typeof y !== "undefined") {
return y.toFixed(0) + " views";
}
return y;
}
}
}
}
var mixedChart = new ApexCharts(
document.querySelector("#mixed-chart"),
mixedChartOptions
);
mixedChart.render();
// Candlestick Chart
// -----------------------------
var candleStickOptions = {
chart: {
height: 350,
type: 'candlestick',
},
colors: themeColors,
series: [{
data: [{
x: new Date(1538778600000),
y: [6629.81, 6650.5, 6623.04, 6633.33]
},
{
x: new Date(1538780400000),
y: [6632.01, 6643.59, 6620, 6630.11]
},
{
x: new Date(1538782200000),
y: [6630.71, 6648.95, 6623.34, 6635.65]
},
{
x: new Date(1538784000000),
y: [6635.65, 6651, 6629.67, 6638.24]
},
{
x: new Date(1538785800000),
y: [6638.24, 6640, 6620, 6624.47]
},
{
x: new Date(1538787600000),
y: [6624.53, 6636.03, 6621.68, 6624.31]
},
{
x: new Date(1538789400000),
y: [6624.61, 6632.2, 6617, 6626.02]
},
{
x: new Date(1538791200000),
y: [6627, 6627.62, 6584.22, 6603.02]
},
{
x: new Date(1538793000000),
y: [6605, 6608.03, 6598.95, 6604.01]
},
{
x: new Date(1538794800000),
y: [6604.5, 6614.4, 6602.26, 6608.02]
},
{
x: new Date(1538796600000),
y: [6608.02, 6610.68, 6601.99, 6608.91]
},
{
x: new Date(1538798400000),
y: [6608.91, 6618.99, 6608.01, 6612]
},
{
x: new Date(1538800200000),
y: [6612, 6615.13, 6605.09, 6612]
},
{
x: new Date(1538802000000),
y: [6612, 6624.12, 6608.43, 6622.95]
},
{
x: new Date(1538803800000),
y: [6623.91, 6623.91, 6615, 6615.67]
},
{
x: new Date(1538805600000),
y: [6618.69, 6618.74, 6610, 6610.4]
},
{
x: new Date(1538807400000),
y: [6611, 6622.78, 6610.4, 6614.9]
},
{
x: new Date(1538809200000),
y: [6614.9, 6626.2, 6613.33, 6623.45]
},
{
x: new Date(1538811000000),
y: [6623.48, 6627, 6618.38, 6620.35]
},
{
x: new Date(1538812800000),
y: [6619.43, 6620.35, 6610.05, 6615.53]
},
{
x: new Date(1538814600000),
y: [6615.53, 6617.93, 6610, 6615.19]
},
{
x: new Date(1538816400000),
y: [6615.19, 6621.6, 6608.2, 6620]
},
{
x: new Date(1538818200000),
y: [6619.54, 6625.17, 6614.15, 6620]
},
{
x: new Date(1538820000000),
y: [6620.33, 6634.15, 6617.24, 6624.61]
},
{
x: new Date(1538821800000),
y: [6625.95, 6626, 6611.66, 6617.58]
},
{
x: new Date(1538823600000),
y: [6619, 6625.97, 6595.27, 6598.86]
},
{
x: new Date(1538825400000),
y: [6598.86, 6598.88, 6570, 6587.16]
},
{
x: new Date(1538827200000),
y: [6588.86, 6600, 6580, 6593.4]
},
{
x: new Date(1538829000000),
y: [6593.99, 6598.89, 6585, 6587.81]
},
{
x: new Date(1538830800000),
y: [6587.81, 6592.73, 6567.14, 6578]
},
{
x: new Date(1538832600000),
y: [6578.35, 6581.72, 6567.39, 6579]
},
{
x: new Date(1538834400000),
y: [6579.38, 6580.92, 6566.77, 6575.96]
},
{
x: new Date(1538836200000),
y: [6575.96, 6589, 6571.77, 6588.92]
},
{
x: new Date(1538838000000),
y: [6588.92, 6594, 6577.55, 6589.22]
},
{
x: new Date(1538839800000),
y: [6589.3, 6598.89, 6589.1, 6596.08]
},
{
x: new Date(1538841600000),
y: [6597.5, 6600, 6588.39, 6596.25]
},
{
x: new Date(1538843400000),
y: [6598.03, 6600, 6588.73, 6595.97]
},
{
x: new Date(1538845200000),
y: [6595.97, 6602.01, 6588.17, 6602]
},
{
x: new Date(1538847000000),
y: [6602, 6607, 6596.51, 6599.95]
},
{
x: new Date(1538848800000),
y: [6600.63, 6601.21, 6590.39, 6591.02]
},
{
x: new Date(1538850600000),
y: [6591.02, 6603.08, 6591, 6591]
},
{
x: new Date(1538852400000),
y: [6591, 6601.32, 6585, 6592]
},
{
x: new Date(1538854200000),
y: [6593.13, 6596.01, 6590, 6593.34]
},
{
x: new Date(1538856000000),
y: [6593.34, 6604.76, 6582.63, 6593.86]
},
{
x: new Date(1538857800000),
y: [6593.86, 6604.28, 6586.57, 6600.01]
},
{
x: new Date(1538859600000),
y: [6601.81, 6603.21, 6592.78, 6596.25]
},
{
x: new Date(1538861400000),
y: [6596.25, 6604.2, 6590, 6602.99]
},
{
x: new Date(1538863200000),
y: [6602.99, 6606, 6584.99, 6587.81]
},
{
x: new Date(1538865000000),
y: [6587.81, 6595, 6583.27, 6591.96]
},
{
x: new Date(1538866800000),
y: [6591.97, 6596.07, 6585, 6588.39]
},
{
x: new Date(1538868600000),
y: [6587.6, 6598.21, 6587.6, 6594.27]
},
{
x: new Date(1538870400000),
y: [6596.44, 6601, 6590, 6596.55]
},
{
x: new Date(1538872200000),
y: [6598.91, 6605, 6596.61, 6600.02]
},
{
x: new Date(1538874000000),
y: [6600.55, 6605, 6589.14, 6593.01]
},
{
x: new Date(1538875800000),
y: [6593.15, 6605, 6592, 6603.06]
},
{
x: new Date(1538877600000),
y: [6603.07, 6604.5, 6599.09, 6603.89]
},
{
x: new Date(1538879400000),
y: [6604.44, 6604.44, 6600, 6603.5]
},
{
x: new Date(1538881200000),
y: [6603.5, 6603.99, 6597.5, 6603.86]
},
{
x: new Date(1538883000000),
y: [6603.85, 6605, 6600, 6604.07]
},
{
x: new Date(1538884800000),
y: [6604.98, 6606, 6604.07, 6606]
},
]
}],
xaxis: {
type: 'datetime'
},
yaxis: {
tickAmount: 5,
tooltip: {
enabled: true
},
opposite: yaxis_opposite
}
}
var candleStickChart = new ApexCharts(
document.querySelector("#candlestick-chart"),
candleStickOptions
);
candleStickChart.render();
// 3D Bubble Chart
// -----------------------------
function generateDataBubbleChart(baseval, count, yrange) {
var i = 0;
var seriesBubbleChart = [];
while (i < count) {
// var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
seriesBubbleChart.push([baseval, y, z]);
baseval += 86400000;
i++;
}
return seriesBubbleChart;
}
var bubbleChartOptions = {
chart: {
height: 350,
type: 'bubble',
},
colors: themeColors,
dataLabels: {
enabled: false
},
legend: {
offsetY: -10
},
series: [{
name: 'Product1',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product2',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product3',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product4',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
}
],
fill: {
type: 'gradient',
},
xaxis: {
tickAmount: 12,
type: 'datetime',
labels: {
rotate: 0,
}
},
yaxis: {
max: 70,
tickAmount: 5,
opposite: yaxis_opposite
},
theme: {
palette: 'palette2'
}
}
var bubbleChart = new ApexCharts(
document.querySelector("#bubble-chart"),
bubbleChartOptions
);
bubbleChart.render();
// Scatter Chart
// -----------------------------
var scatterChartOptions = {
chart: {
height: 350,
type: 'scatter',
zoom: {
enabled: true,
type: 'xy'
},
},
colors: themeColors,
series: [{
name: "SAMPLE A",
data: [
[16.4, 5.4],
[21.7, 2],
[25.4, 3],
[19, 2],
[10.9, 1],
[13.6, 3.2],
[10.9, 7.4],
[10.9, 0],
[10.9, 8.2],
[16.4, 0],
[16.4, 1.8],
[13.6, 0.3],
[13.6, 0],
[29.9, 0],
[27.1, 2.3],
[16.4, 0],
[13.6, 3.7],
[10.9, 5.2],
[16.4, 6.5],
[10.9, 0],
[24.5, 7.1],
[10.9, 0],
[8.1, 4.7],
[19, 0],
[21.7, 1.8],
[27.1, 0],
[24.5, 0],
[27.1, 0],
[29.9, 1.5],
[27.1, 0.8],
[22.1, 2]
]
}, {
name: "SAMPLE B",
data: [
[6.4, 13.4],
[1.7, 11],
[5.4, 8],
[9, 17],
[1.9, 4],
[3.6, 12.2],
[1.9, 14.4],
[1.9, 9],
[1.9, 13.2],
[1.4, 7],
[6.4, 8.8],
[3.6, 4.3],
[1.6, 10],
[9.9, 2],
[7.1, 15],
[1.4, 0],
[3.6, 13.7],
[1.9, 15.2],
[6.4, 16.5],
[0.9, 10],
[4.5, 17.1],
[10.9, 10],
[0.1, 14.7],
[9, 10],
[12.7, 11.8],
[2.1, 10],
[2.5, 10],
[27.1, 10],
[2.9, 11.5],
[7.1, 10.8],
[2.1, 12]
]
}, {
name: "SAMPLE C",
data: [
[21.7, 3],
[23.6, 3.5],
[24.6, 3],
[29.9, 3],
[21.7, 20],
[23, 2],
[10.9, 3],
[28, 4],
[27.1, 0.3],
[16.4, 4],
[13.6, 0],
[19, 5],
[22.4, 3],
[24.5, 3],
[32.6, 3],
[27.1, 4],
[29.6, 6],
[31.6, 8],
[21.6, 5],
[20.9, 4],
[22.4, 0],
[32.6, 10.3],
[29.7, 20.8],
[24.5, 0.8],
[21.4, 0],
[21.7, 6.9],
[28.6, 7.7],
[15.4, 0],
[18.1, 0],
[33.4, 0],
[16.4, 0]
]
}],
legend: {
offsetY: -10
},
xaxis: {
tickAmount: 10
},
yaxis: {
tickAmount: 7,
opposite: yaxis_opposite
}
}
var scatterChart = new ApexCharts(
document.querySelector("#scatter-chart"),
scatterChartOptions
);
scatterChart.render();
// Pie Chart
// -----------------------------
var pieChartOptions = {
chart: {
type: 'pie',
height: 350
},
colors: themeColors,
labels: ['Team A', 'Team B', 'Team C', 'Team D'],
series: [44, 55, 13, 43],
legend: {
itemMargin: {
horizontal: 2
},
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 350
},
legend: {
position: 'bottom'
}
}
}]
}
var pieChart = new ApexCharts(
document.querySelector("#pie-chart"),
pieChartOptions
);
pieChart.render();
// Donut Chart
// -----------------------------
var donutChartOptions = {
chart: {
type: 'donut',
height: 350
},
colors: themeColors,
series: [44, 55, 41, 17],
legend: {
itemMargin: {
horizontal: 2
},
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 350
},
legend: {
position: 'bottom'
}
}
}]
}
var donutChart = new ApexCharts(
document.querySelector("#donut-chart"),
donutChartOptions
);
donutChart.render();
// Radial Bar Chart
// -----------------------------
var radialBarChartOptions = {
chart: {
height: 350,
type: 'radialBar',
},
colors: themeColors,
plotOptions: {
radialBar: {
dataLabels: {
name: {
fontSize: '22px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
// color: $label_color,
formatter: function (w) {
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
return 249
}
}
}
}
},
series: [44, 55, 67, 83],
labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],
}
var radialBarChart = new ApexCharts(
document.querySelector("#radial-bar-chart"),
radialBarChartOptions
);
radialBarChart.render();
// Radar Chart
// -----------------------------
var radarChartOptions = {
chart: {
height: 350,
type: 'radar',
},
colors: themeColors,
series: [{
name: 'Series 1',
data: [80, 50, 30, 40, 100, 20],
}],
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
dataLabels: {
style: {
color: $label_color_light
}
}
}
var radarChart = new ApexCharts(document.querySelector("#radar-chart"), radarChartOptions);
radarChart.render();
// Heat Map Chart
// -----------------------------
function generateData(count, yrange) {
var i = 0,
series = [];
while (i < count) {
var x = 'w' + (i + 1).toString(),
y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
series.push({
x: x,
y: y
});
i++;
}
return series;
}
var heatChartOptions = {
chart: {
height: 350,
type: 'heatmap',
},
dataLabels: {
enabled: false
},
colors: [$primary],
series: [{
name: 'Metric1',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric2',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric3',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric4',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric5',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric6',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric7',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric8',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric9',
data: generateData(18, {
min: 0,
max: 90
})
}
],
yaxis: {
opposite: yaxis_opposite
}
}
var heatChart = new ApexCharts(
document.querySelector("#heat-map-chart"),
heatChartOptions);
heatChart.render();
});
================================================
FILE: public/backend/js/scripts/charts/chart-chartjs.js
================================================
/*=========================================================================================
File Name: chart-chartjs.js
Description: Chartjs Examples
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function () {
var $primary = '#7367F0';
var $success = '#28C76F';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $label_color = '#1E1E1E';
var grid_line_color = '#dae1e7';
var scatter_grid_color = '#f3f3f3';
var $scatter_point_light = '#D1D4DB';
var $scatter_point_dark = '#5175E0';
var $white = '#fff';
var $black = '#000';
var themeColors = [$primary, $success, $danger, $warning, $label_color];
// Line Chart
// ------------------------------------------
//Get the context of the Chart canvas element we want to select
var lineChartctx = $("#line-chart");
// Chart Options
var linechartOptions = {
responsive: true,
maintainAspectRatio: false,
legend: {
position: 'top',
},
hover: {
mode: 'label'
},
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}]
},
title: {
display: true,
text: 'World population per region (in millions)'
}
};
// Chart Data
var linechartData = {
labels: [1500, 1600, 1700, 1750, 1800, 1850, 1900, 1950, 1999, 2050],
datasets: [{
label: "Africa",
data: [86, 114, 106, 106, 107, 111, 133, 221, 783, 2478],
borderColor: $primary,
fill: false
}, {
data: [282, 350, 411, 502, 635, 809, 947, 1402, 3700, 5267],
label: "Asia",
borderColor: $success,
fill: false
}, {
data: [168, 170, 178, 190, 203, 276, 408, 547, 675, 734],
label: "Europe",
borderColor: $danger,
fill: false
}, {
data: [40, 20, 10, 16, 24, 38, 74, 167, 508, 784],
label: "Latin America",
borderColor: $warning,
fill: false
}, {
data: [6, 3, 2, 2, 7, 26, 82, 172, 312, 433],
label: "North America",
borderColor: $label_color,
fill: false
}]
};
var lineChartconfig = {
type: 'line',
// Chart Options
options: linechartOptions,
data: linechartData
};
// Create the chart
var lineChart = new Chart(lineChartctx, lineChartconfig);
// Bar Chart
// ------------------------------------------
//Get the context of the Chart canvas element we want to select
var barChartctx = $("#bar-chart");
// Chart Options
var barchartOptions = {
// Elements options apply to all of the options unless overridden in a dataset
// In this case, we are setting the border of each bar to be 2px wide
elements: {
rectangle: {
borderWidth: 2,
borderSkipped: 'left'
}
},
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: { display: false },
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
},
ticks: {
stepSize: 1000
},
}],
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
},
};
// Chart Data
var barchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
borderColor: "transparent"
}]
};
var barChartconfig = {
type: 'bar',
// Chart Options
options: barchartOptions,
data: barchartData
};
// Create the chart
var barChart = new Chart(barChartctx, barChartconfig);
// Horizontal Chart
// -------------------------------------
// Get the context of the Chart canvas element we want to select
var horizontalChartctx = $("#horizontal-bar");
var horizontalchartOptions = {
// Elements options apply to all of the options unless overridden in a dataset
// In this case, we are setting the border of each horizontal bar to be 2px wide
elements: {
rectangle: {
borderWidth: 2,
borderSkipped: 'right',
borderSkipped: 'top',
}
},
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
display: false,
},
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}]
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var horizontalchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
borderColor: "transparent"
}]
};
var horizontalChartconfig = {
type: 'horizontalBar',
// Chart Options
options: horizontalchartOptions,
data: horizontalchartData
};
// Create the chart
var horizontalChart = new Chart(horizontalChartctx, horizontalChartconfig);
// Pie Chart
// --------------------------------
//Get the context of the Chart canvas element we want to select
var pieChartctx = $("#simple-pie-chart");
// Chart Options
var piechartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var piechartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "My First dataset",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
}]
};
var pieChartconfig = {
type: 'pie',
// Chart Options
options: piechartOptions,
data: piechartData
};
// Create the chart
var pieSimpleChart = new Chart(pieChartctx, pieChartconfig);
// Doughnut Chart
// ---------------------------------------------
//Get the context of the Chart canvas element we want to select
var doughnutChartctx = $("#simple-doughnut-chart");
// Chart Options
var doughnutchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var doughnutchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "My First dataset",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
}]
};
var doughnutChartconfig = {
type: 'doughnut',
// Chart Options
options: doughnutchartOptions,
data: doughnutchartData
};
// Create the chart
var doughnutSimpleChart = new Chart(doughnutChartctx, doughnutChartconfig);
// Radar Chart
// ----------------------------------------
//Get the context of the Chart canvas element we want to select
var radarChartctx = $("#radar-chart");
// Chart Options
var radarchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
position: 'top',
},
tooltips: {
callbacks: {
label: function (tooltipItems, data) {
return data.datasets[tooltipItems.datasetIndex].label + ": " + tooltipItems.yLabel;
}
}
},
title: {
display: true,
text: 'Distribution in % of world population'
},
scale: {
reverse: false,
ticks: {
beginAtZero: true,
stepSize: 10
}
}
};
// Chart Data
var radarchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "1950",
fill: true,
backgroundColor: "rgba(179,181,198,0.2)",
borderColor: "rgba(179,181,198,1)",
pointBorderColor: $white,
pointBackgroundColor: "rgba(179,181,198,1)",
data: [8.77, 55.61, 21.69, 6.62, 6.82],
}, {
label: "2050",
fill: true,
backgroundColor: "rgba(255,99,132,0.2)",
borderColor: "rgba(255,99,132,1)",
pointBorderColor: $white,
pointBackgroundColor: "rgba(255,99,132,1)",
data: [25.48, 54.16, 7.61, 8.06, 4.45],
},]
};
var radarChartconfig = {
type: 'radar',
// Chart Options
options: radarchartOptions,
data: radarchartData
};
// Create the chart
var polarChart = new Chart(radarChartctx, radarChartconfig);
// Polar Chart
// -----------------------------------
//Get the context of the Chart canvas element we want to select
var polarChartctx = $("#polar-chart");
// Chart Options
var polarchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
},
scale: {
ticks: {
beginAtZero: true,
stepSize: 2000
},
reverse: false
},
animation: {
animateRotate: false
}
};
// Chart Data
var polarchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
backgroundColor: themeColors,
data: [2478, 5267, 734, 784, 433]
}],
};
var polarChartconfig = {
type: 'polarArea',
// Chart Options
options: polarchartOptions,
data: polarchartData
};
// Create the chart
var polarChart = new Chart(polarChartctx, polarChartconfig);
// Bubble Chart
// ---------------------------------------
//Get the context of the Chart canvas element we want to select
var bubbleChartctx = $("#bubble-chart");
var randomScalingFactor = function () {
return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
};
// Chart Options
var bubblechartOptions = {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
labelString: "GDP (PPP)"
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
labelString: "Happiness"
},
ticks: {
stepSize: 0.5
},
}]
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var bubblechartData = {
animation: {
duration: 10000
},
datasets: [{
label: ["China"],
backgroundColor: "rgba(255,221,50,0.2)",
borderColor: "rgba(255,221,50,1)",
data: [{
x: 21269017,
y: 5.245,
r: 15
}],
}, {
label: ["Denmark"],
backgroundColor: "rgba(60,186,159,0.2)",
borderColor: "rgba(60,186,159,1)",
data: [{
x: 258702,
y: 7.526,
r: 10
}]
}, {
label: ["Germany"],
backgroundColor: "rgba(0,0,0,0.2)",
borderColor: $black,
data: [{
x: 3979083,
y: 6.994,
r: 15
}]
}, {
label: ["Japan"],
backgroundColor: "rgba(193,46,12,0.2)",
borderColor: "rgba(193,46,12,1)",
data: [{
x: 4931877,
y: 5.921,
r: 15
}]
}]
};
var bubbleChartconfig = {
type: 'bubble',
// Chart Options
options: bubblechartOptions,
data: bubblechartData
};
// Create the chart
var bubbleChart = new Chart(bubbleChartctx, bubbleChartconfig);
// Scatter Chart
// ------------------------------------
//Get the context of the Chart canvas element we want to select
var scatterChartctx = $("#scatter-chart");
// Chart Options
var scatterchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 800,
title: {
display: false,
text: 'Chart.js Scatter Chart'
},
scales: {
xAxes: [{
position: 'top',
gridLines: {
color: scatter_grid_color,
drawTicks: false,
},
scaleLabel: {
display: true,
labelString: 'x axis'
}
}],
yAxes: [{
position: 'right',
gridLines: {
color: scatter_grid_color,
drawTicks: false,
},
scaleLabel: {
display: true,
labelString: 'y axis'
}
}]
}
};
// Chart Data
var scatterchartData = {
datasets: [{
label: "My First dataset",
data: [{
x: 65,
y: 28,
}, {
x: 59,
y: 48,
}, {
x: 80,
y: 40,
}, {
x: 81,
y: 19,
}, {
x: 56,
y: 86,
}, {
x: 55,
y: 27,
}, {
x: 40,
y: 89,
}],
backgroundColor: "rgba(209,212,219,.3)",
borderColor: "transparent",
pointBorderColor: $scatter_point_light,
pointBackgroundColor: $white,
pointBorderWidth: 2,
pointHoverBorderWidth: 2,
pointRadius: 4,
}, {
label: "My Second dataset",
data: [{
x: 45,
y: 17,
}, {
x: 25,
y: 62,
}, {
x: 16,
y: 78,
}, {
x: 36,
y: 88,
}, {
x: 67,
y: 26,
}, {
x: 18,
y: 48,
}, {
x: 76,
y: 73,
}],
backgroundColor: "rgba(81,117,224,.6)",
borderColor: "transparent",
pointBorderColor: $scatter_point_dark,
pointBackgroundColor: $white,
pointBorderWidth: 2,
pointHoverBorderWidth: 2,
pointRadius: 4,
}]
};
var scatterChartconfig = {
type: 'scatter',
// Chart Options
options: scatterchartOptions,
data: scatterchartData
};
// Create the chart
var scatterChart = new Chart(scatterChartctx, scatterChartconfig);
});
================================================
FILE: public/backend/js/scripts/charts/chart-echart.js
================================================
/*=========================================================================================
File Name: chart-echart.js
Description: echarts examples
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $dark_green = '#4ea397';
var $green = '#22c3aa';
var $light_green = '#7bd9a5';
var $lighten_green = '#a8e7d2';
// Bar chart
// ------------------------------
var barChart = echarts.init(document.getElementById('bar-chart'));
// var i;
function randomize() {
return Math.round(300 + Math.random() * 700) / 10
};
var barChartoption = {
legend: {},
tooltip: {},
dataset: {
source: [
['product', '2015', '2016', '2017'],
['Matcha Latte', randomize(), randomize(), randomize()],
['Milk Tea', randomize(), randomize(), randomize()],
['Cheese Cocoa', randomize(), randomize(), randomize()],
['Walnut Brownie', randomize(), randomize(), randomize()],
],
},
xAxis: {
type: 'category',
splitLine: { show: true },
},
yAxis: {},
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: [
{
type: 'bar',
itemStyle: {color: $dark_green},
},
{
type: 'bar',
itemStyle: {color: $green},
},
{
type: 'bar',
itemStyle: {color: $light_green},
}
]
};
barChart.setOption(barChartoption);
// Line chart
// ------------------------------
var lineChart = echarts.init(document.getElementById('line-chart'));
data = [["2000-06-05",116],["2000-06-06",129],["2000-06-07",135],["2000-06-08",86],["2000-06-09",73],["2000-06-10",85],["2000-06-11",73],["2000-06-12",68],["2000-06-13",92],["2000-06-14",130],["2000-06-15",245],["2000-06-16",139],["2000-06-17",115],["2000-06-18",111],["2000-06-19",309],["2000-06-20",206],["2000-06-21",137],["2000-06-22",128],["2000-06-23",85],["2000-06-24",94],["2000-06-25",71],["2000-06-26",106],["2000-06-27",84],["2000-06-28",93],["2000-06-29",85],["2000-06-30",73],["2000-07-01",83],["2000-07-02",125],["2000-07-03",107],["2000-07-04",82],["2000-07-05",44],["2000-07-06",72],["2000-07-07",106],["2000-07-08",107],["2000-07-09",66],["2000-07-10",91],["2000-07-11",92],["2000-07-12",113],["2000-07-13",107],["2000-07-14",131],["2000-07-15",111],["2000-07-16",64],["2000-07-17",69],["2000-07-18",88],["2000-07-19",77],["2000-07-20",83],["2000-07-21",111],["2000-07-22",57],["2000-07-23",55],["2000-07-24",60]];
var dateList = data.map(function (item) {
return item[0];
});
var valueList = data.map(function (item) {
return item[1];
});
var lineChartoption = {
// Make gradient line here
visualMap: [{
show: false,
type: 'continuous',
seriesIndex: 0,
min: 0,
max: 400,
color: [$dark_green, $lighten_green]
}],
tooltip: {
trigger: 'axis'
},
xAxis: [{
data: dateList,
splitLine: {show: true}
}],
yAxis: [{
splitLine: {show: false}
}],
series: [{
type: 'line',
showSymbol: false,
data: valueList
}]
};
lineChart.setOption(lineChartoption);
// Pie chart
// ------------------------------
var pieChart = echarts.init(document.getElementById('pie-chart'));
var pieChartoption = {
tooltip : {
trigger: 'item',
formatter: "{a} Marker1
'
}
});
map.addMarker({
lat: 47.3769,
lng: 8.5417,
title: 'Marker2',
infoWindow: {
content: 'Marker2
'
}
});
map.addMarker({
lat: 46.9480,
lng: 7.4474,
title: 'Marker3',
infoWindow: {
content: 'Marker3
'
}
});
// Street View Markers
// ------------------------------
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
});
// Random Value for street heading
$(".street-heading").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: Math.random() * 360, pitch: 5 }
});
});
// Random Value for street Pitch
$(".street-pitch").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: 20, pitch: Math.random() * 180 - 90 }
});
});
// Random Value for both street heading and street pitch
$(".street-both").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: Math.random() * 360, pitch: Math.random() * 180 - 90 }
});
});
});
================================================
FILE: public/backend/js/scripts/components.js
================================================
/*=========================================================================================
File Name: Components.js
Description: For Generic Components.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
/***** Component Variables *****/
var alertValidationInput = $(".alert-validation"),
alertRegex = /^[0-9]+$/,
alertValidationMsg = $(".alert-validation-msg"),
accordion = $(".accordion"),
collapseTitle = $(".collapse-title"),
collapseHoverTitle = $(".collapse-hover-title"),
dropdownMenuIcon = $(".dropdown-icon-wrapper .dropdown-item");
/***** Alerts *****/
/* validation with alert */
alertValidationInput.on('input', function () {
if (alertValidationInput.val().match(alertRegex)) {
alertValidationMsg.css("display", "none");
} else {
alertValidationMsg.css("display", "block");
}
});
/***** Carousel *****/
// For Carousel With Enabled Keyboard Controls
$(document).on("keyup", function (e) {
if (e.which == 39) {
$('.carousel[data-keyboard="true"]').carousel('next');
} else if (e.which == 37) {
$('.carousel[data-keyboard="true"]').carousel('prev');
}
})
// To open Collapse on hover
if (accordion.attr("data-toggle-hover", "true")) {
collapseHoverTitle.closest(".card").on("mouseenter", function () {
$(this).children(".collapse").collapse("show");
});
}
// Accordion with Shadow - When Collapse open
$('.accordion-shadow .collapse-header .card-header').on("click", function () {
var $this = $(this);
$this.parent().siblings(".collapse-header.open").removeClass("open");
$this.parent(".collapse-header").toggleClass("open");
});
/***** Dropdown *****/
// For Dropdown With Icons
dropdownMenuIcon.on("click", function () {
$(".dropdown-icon-wrapper .dropdown-toggle i").remove();
$(this).find("i").clone().appendTo(".dropdown-icon-wrapper .dropdown-toggle");
$(".dropdown-icon-wrapper .dropdown-toggle .dropdown-item").removeClass("dropdown-item");
});
+
/***** Chips *****/
// To close chips
$('.chip-closeable').on('click', function () {
$(this).closest('.chip').remove();
})
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/customizer.js
================================================
/*=========================================================================================
File Name: customizer.js
Description: Template customizer js.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
// main menu active gradient colors object
var themeColor = {
"theme-primary": "linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7))",
"theme-success": "linear-gradient(118deg, #28c76f, rgba(40, 199, 111, 0.7))",
"theme-danger": "linear-gradient(118deg, #ea5455, rgba(234, 84, 85, 0.7))",
"theme-info": "linear-gradient(118deg, #00cfe8, rgba(0, 207, 232, 0.7))",
"theme-warning": "linear-gradient(118deg, #ff9f43, rgba(255, 159, 67, 0.7))",
"theme-dark": "linear-gradient(118deg, #1e1e1e, rgba(30, 30, 30, 0.7))"
}
// main menu active box shadow object
var themeBoxShadow = {
"theme-primary": "0 0 10px 1px rgba(115, 103, 240, 0.7)",
"theme-success": "0 0 10px 1px rgba(40, 199, 111, 0.7)",
"theme-danger": "0 0 10px 1px rgba(234, 84, 85, 0.7)",
"theme-info": "0 0 10px 1px rgba(0, 207, 232, 0.7)",
"theme-warning": "0 0 10px 1px rgba(255, 159, 67, 0.7)",
"theme-dark": "0 0 10px 1px rgba(30, 30, 30, 0.7)"
}
// colors for navbar header text of main menu
var currentColor = {
"theme-default": "#fff",
"theme-primary": "#7367f0",
"theme-success": "#28c76f",
"theme-danger": "#ea5455",
"theme-info": "#00cfe8",
"theme-warning": "#ff9f43",
"theme-dark": "#adb5bd"
}
// Brand Logo Poisitons
var LogoPosition = {
"theme-primary": "-65px -54px",
"theme-success": "-120px -10px",
"theme-danger": "-10px -10px",
"theme-info": "-10px -54px",
"theme-warning": "-120px -54px",
"theme-dark": "-65px -10px"
}
var body = $("body"),
appContent = $(".app-content"),
mainMenu = $(".main-menu"),
menuContent = $(".menu-content"),
footer = $(".footer"),
navbar = $(".header-navbar"),
horizontalNavbar = $(".horizontal-menu-wrapper .header-navbar"),
navBarShadow = $(".header-navbar-shadow"),
toggleIcon = $(".toggle-icon"),
collapseSidebar = $("#collapse-sidebar-switch"),
customizer = $(".customizer"),
brandLogo = $(".brand-logo");
// Customizer toggle & close button click events [Remove customizer code from production]
$('.customizer-toggle').on('click', function (e) {
e.preventDefault();
$(customizer).toggleClass('open');
});
$('.customizer-close').on('click', function () {
$(customizer).removeClass('open');
});
// perfect scrollbar for customizer
if ($('.customizer-content').length > 0) {
var customizer_content = new PerfectScrollbar('.customizer-content');
}
/***** Theme Colors Options *****/
$(document).on("click", "#customizer-theme-colors .color-box", function () {
var $this = $(this);
$this.siblings().removeClass('selected');
$this.addClass("selected");
var selectedColor = $(this).data("color"),
changeColor = themeColor[selectedColor],
selectedShadow = themeBoxShadow[selectedColor],
selectedTextColor = currentColor[selectedColor],
selectedLogo = LogoPosition[selectedColor];
// main-menu
if(body.data('menu')=="horizontal-menu"){
if(horizontalNavbar.find("li.sidebar-group-active:not(.dropdown-submenu)").length) {
horizontalNavbar.find("li.sidebar-group-active:not(.dropdown-submenu) > a").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
horizontalNavbar.find("li.sidebar-group-active:not(.dropdown-submenu) > ul li.active > a").css(
{
"color": selectedTextColor
}
);
}
}
else{
if (menuContent.find("li.active").length) {
menuContent.find("li.active").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
}
else if($(".main-menu-content").find("li.sidebar-group-active").length) {
$(".main-menu-content").find("li.sidebar-group-active > a").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
}
else {
mainMenu.find(".nav-item.active a").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
}
}
// Text with logo
$(".brand-text").css("color", selectedTextColor);
// toggle icon
toggleIcon.removeClass("primary").css("color", selectedTextColor);
// Changes logo color
brandLogo.css("background-position", selectedLogo);
});
/***** Theme Layout Options *****/
$(".layout-name").on("click", function () {
var $this = $(this);
var currentLayout = $this.data("layout");
body.removeClass("dark-layout semi-dark-layout").addClass(currentLayout);
if (currentLayout === "") {
mainMenu.removeClass("menu-dark").addClass("menu-light");
navbar.removeClass("navbar-dark").addClass("navbar-light");
}
})
// checks right radio if layout type matches
var layout = body.data("layout");
$(".layout-name[data-layout='" + layout + "']").prop('checked', true);
collapseSidebar.on("click", function(){
$(".modern-nav-toggle").trigger("click");
$(".main-menu").trigger('mouseleave');
});
// checks if main menu is collapsed by default
if (body.hasClass("menu-collapsed")) {
collapseSidebar.prop("checked", true);
}
else {
collapseSidebar.prop("checked", false);
}
/***** Navbar Color Options *****/
$("#customizer-navbar-colors .color-box").on("click", function () {
var $this = $(this);
$this.siblings().removeClass('selected');
$this.addClass("selected");
var navbarColor = $this.data("navbar-color");
// changes navbar colors
if (navbarColor) {
body
.find(navbar)
.removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark")
.addClass(navbarColor + " navbar-dark");
}
else {
body
.find(navbar)
.removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark navbar-dark");
}
if (body.hasClass("dark-layout")) {
navbar.addClass("navbar-dark")
}
})
/***** Navbar Type *****/
if(body.hasClass('horizontal-menu')){
$('.collapse_menu').removeClass('d-none');
$('.collapse_sidebar').addClass('d-none');
$('.menu_type').removeClass('d-none');
$('.navbar_type').addClass('d-none');
// Hides hidden option in Horizontal layout
$('.navbar-type #navbar-hidden').closest('fieldset').parent('div').css('display','none');
// On Scroll navbar color on horizontal menu
$(window).scroll(function(){
if(body.hasClass('navbar-static')){
var scroll = $(window).scrollTop();
if (scroll > 65) {
$(".horizontal-menu .header-navbar.navbar-fixed").css({"background":"#fff", "box-shadow":"0 4px 20px 0 rgba(0,0,0,.05)"});
$(".horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background" , "#fff");
}
else{
$(".horizontal-menu .header-navbar.navbar-fixed").css({"background":"#f8f8f8", "box-shadow":"none"});
$(".horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background" , "#fff");
}
}
})
}
// Hides Navbar
$("#navbar-hidden").on("click", function () {
navbar.addClass("d-none");
navBarShadow.addClass("d-none");
body.removeClass("navbar-static navbar-floating navbar-sticky").addClass("navbar-hidden");
});
// changes to Static navbar
$("#navbar-static").on("click", function () {
if(body.hasClass('horizontal-menu')){
horizontalNavbar
.removeClass("d-none floating-nav fixed-top navbar-fixed");
body.removeClass("navbar-hidden navbar-floating navbar-sticky").addClass("navbar-static");
}
else{
navBarShadow.addClass("d-none");
navbar
.removeClass("d-none floating-nav fixed-top")
.addClass("navbar-static-top");
body.removeClass("navbar-hidden navbar-floating navbar-sticky").addClass("navbar-static");
}
});
// change to floating navbar
$("#navbar-floating").on("click", function () {
if(body.hasClass('horizontal-menu')){
horizontalNavbar
.removeClass("d-none fixed-top navbar-static-top")
.addClass("floating-nav");
body.removeClass("navbar-static navbar-hidden navbar-sticky").addClass("navbar-floating");
}
else{
navBarShadow.removeClass("d-none");
navbar
.removeClass("d-none navbar-static-top fixed-top")
.addClass("floating-nav");
body.removeClass("navbar-static navbar-hidden navbar-sticky").addClass("navbar-floating");
}
});
// changes to Static navbar
$("#navbar-sticky").on("click", function () {
if(body.hasClass('horizontal-menu')){
horizontalNavbar
.removeClass("d-none floating-nav navbar-static-top navbar-fixed")
.addClass("fixed-top");
body.removeClass("navbar-static navbar-floating navbar-hidden").addClass("navbar-sticky");
}
else{
navBarShadow.addClass("d-none");
navbar
.removeClass("d-none floating-nav navbar-static-top")
.addClass("fixed-top");
body.removeClass("navbar-static navbar-floating navbar-hidden").addClass("navbar-sticky");
}
});
/***** Footer Type *****/
// Hides footer
$("#footer-hidden").on("click", function () {
footer.addClass("d-none");
body.removeClass("footer-static fixed-footer").addClass("footer-hidden");
});
// changes to Static footer
$("#footer-static").on("click", function () {
body.removeClass("fixed-footer");
footer.removeClass("d-none").addClass("footer-static");
body.removeClass("footer-hidden fixed-footer").addClass("footer-static");
});
// changes to Sticky footer
$("#footer-sticky").on("click", function () {
body.removeClass("footer-static footer-hidden").addClass("fixed-footer");
footer.removeClass("d-none footer-static");
});
/***** Hide Scroll To Top *****/
$("#hide-scroll-top-switch").on("click", function () {
var scrollTopBtn = $(".scroll-top")
if ($(this).prop("checked")) {
scrollTopBtn.addClass("d-none");
}
else {
scrollTopBtn.removeClass("d-none");
}
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/datatables/datatable.js
================================================
/*=========================================================================================
File Name: datatables-basic.js
Description: Basic Datatable
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/****************************************
* js of zero configuration *
****************************************/
$('.zero-configuration').DataTable();
/********************************************
* js of Order by the grouping *
********************************************/
var groupingTable = $('.row-grouping').DataTable({
"columnDefs": [{
"visible": false,
"targets": 2
}],
"order": [
[2, 'asc']
],
"displayLength": 10,
"drawCallback": function(settings) {
var api = this.api();
var rows = api.rows({
page: 'current'
}).nodes();
var last = null;
api.column(2, {
page: 'current'
}).data().each(function(group, i) {
if (last !== group) {
$(rows).eq(i).before(
'' + group + ' " +
"
" +
" " + eventText + " " +
"
" +
"
" +
"
" +
" " + eventTag + " " +
"
" +
"
Why do I have this issue? ',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
});
$('#html-alert').on('click', function () {
Swal.fire({
title: 'HTML example ',
type: 'info',
html:
'You can use bold text , ' +
'links ' +
'and other HTML tags',
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText:
'' +
JSON.stringify(result.value) +
'Yes ', 'Clear Toast Button');
});
// Immediately remove current toasts without using animation
$('#show-remove-toast').on('click', function () {
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
});
$('#remove-toast').on('click', function () {
toastr.remove();
});
// Remove current toasts using animation
$('#show-clear-toast').on('click', function () {
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
});
$('#clear-toast').on('click', function () {
toastr.clear();
});
// Fast Duration
$('#fast-duration').on('click', function () {
toastr.success('Have fun storming the castle!', 'Fast Duration', { "showDuration": 500 });
});
// Slow Duration
$('#slow-duration').on('click', function () {
toastr.warning('Have fun storming the castle!', 'Slow Duration', { "hideDuration": 3000 });
});
// Timeout
$('#timeout').on('click', function () {
toastr.error('I do not think that word means what you think it means.', 'Timeout!', { "timeOut": 5000 });
});
// Sticky
$('#sticky').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Sticky!', { "timeOut": 0 });
});
// Slide Down / Slide Up
$('#slide-toast').on('click', function () {
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "slideDown", "hideMethod": "slideUp", timeOut: 2000 });
});
// Fade In / Fade Out
$('#fade-toast').on('click', function () {
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 2000 });
});
});
================================================
FILE: public/backend/js/scripts/extensions/tour.js
================================================
/*=========================================================================================
File Name: tour.js
Description: tour
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
displayTour();
$(window).resize(displayTour)
var tour = new Shepherd.Tour({
classes: 'shadow-md bg-purple-dark',
scrollTo: true
})
// tour steps
tour.addStep('step-1', {
text: 'Here is page title.',
attachTo: '.breadcrumbs-top .content-header-title bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-2', {
text: 'Check your notifications from here.',
attachTo: '.dropdown-notification .icon-bell bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-3', {
text: 'Click here for user options.',
attachTo: '.dropdown-user-link img bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-4', {
text: 'Buy this awesomeness at affordable price!',
attachTo: '.buy-now bottom',
buttons: [
{
text: "previous",
action: tour.back
},
{
text: "Finish",
action: tour.complete
},
]
});
// function to remove tour on small screen
function displayTour() {
window.resizeEvt;
if ($(window).width() > 576) {
$('#tour').on("click", function () {
clearTimeout(window.resizeEvt);
tour.start();
})
}
else {
$('#tour').on("click", function () {
clearTimeout(window.resizeEvt);
tour.cancel()
window.resizeEvt = setTimeout(function () {
alert("Tour only works for large screens!");
}, 250);;
})
}
}
});
================================================
FILE: public/backend/js/scripts/extensions/unslider.js
================================================
/*=========================================================================================
File Name: sweet-alerts.js
Description: A beautiful replacement for javascript alerts
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function(){
// RTL Support
var rtl = false;
if($('html').data('textdirection') == 'rtl'){
rtl = true;
}
if(rtl === true){
$("#default-slider").attr('dir', 'rtl');
$("#automatic-slider").attr('dir', 'rtl');
$("#vertical-slider").attr('dir', 'rtl');
$("#automcatic-anim-slider").attr('dir', 'rtl');
$("#infinite-slider").attr('dir', 'rtl');
$("#manual-slider").attr('dir', 'rtl');
$("#manual").attr('dir', 'rtl');
}
// Default
$("#default-slider").unslider({
animation: 'fade'
});
// Automatic
$("#automatic-slider").unslider({
autoplay: true,
animation: "fade"
});
// Vertical
$("#vertical-slider").unslider({
animation: 'vertical',
autoplay: true,
infinite: true
});
// Automatic Animation
$("#automcatic-anim-slider").unslider({
animation: 'fade',
autoplay: true,
arrows: false
});
// Infinite
$("#infinite-slider").unslider({
animation: "fade",
infinite: true
});
// Manual Slider
$("#manual-slider").unslider({
keys: false,
arrows: false,
nav: false
});
$('#manual').on('keyup', function() {
$('.manual-slider').unslider('animate:' + $(this).val());
});
});
================================================
FILE: public/backend/js/scripts/footer.js
================================================
/*=========================================================================================
File Name: footer.js
Description: Template footer js.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
//Check to see if the window is top if not then display button
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 400) {
$('.scroll-top').fadeIn();
} else {
$('.scroll-top').fadeOut();
}
});
//Click event to scroll to top
$('.scroll-top').click(function(){
$('html, body').animate({scrollTop : 0},1000);
});
});
================================================
FILE: public/backend/js/scripts/forms/basic-inputs.js
================================================
/*=========================================================================================
File Name: basic-inputs.js
Description: Input field js for label type
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
var $html = $('html');
//label Positions
$(".labelUp").labelinplace();
$(".labelDown").labelinplace({
labelPosition: "down"
});
// Label Icons
$(".labelIcon").labelinplace({
labelArrowRight: ' #index# #title#',
labels: {
finish: 'Submit'
},
onFinished: function (event, currentIndex) {
alert("Form submitted.");
}
});
// Wizard tabs with icons setup
$(".icons-tab-steps").steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '#index# #title#',
labels: {
finish: 'Submit'
},
onFinished: function (event, currentIndex) {
alert("Form submitted.");
}
});
// Validate steps wizard
// Show form
var form = $(".steps-validation").show();
$(".steps-validation").steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '#index# #title#',
labels: {
finish: 'Submit'
},
onStepChanging: function (event, currentIndex, newIndex) {
// Allways allow previous action even if the current form is not valid!
if (currentIndex > newIndex) {
return true;
}
// Needed in some cases if the user went back (clean up)
if (currentIndex < newIndex) {
// To remove error styles
form.find(".body:eq(" + newIndex + ") label.error").remove();
form.find(".body:eq(" + newIndex + ") .error").removeClass("error");
}
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
},
onFinishing: function (event, currentIndex) {
form.validate().settings.ignore = ":disabled";
return form.valid();
},
onFinished: function (event, currentIndex) {
alert("Submitted!");
}
});
// Initialize validation
$(".steps-validation").validate({
ignore: 'input[type=hidden]', // ignore hidden fields
errorClass: 'danger',
successClass: 'success',
highlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
unhighlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
errorPlacement: function (error, element) {
error.insertAfter(element);
},
rules: {
email: {
email: true
}
}
});
================================================
FILE: public/backend/js/scripts/modal/components-modal.js
================================================
/*=========================================================================================
File Name: components-modal.js
Description: Modals are streamlined, but flexible, dialog prompts with the minimum
required functionality and smart defaults.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// onShow event
$('#onshowbtn').on('click', function() {
$('#onshow').on('show.bs.modal', function() {
alert('onShow event fired.');
});
});
// onShown event
$('#onshownbtn').on('click', function() {
$('#onshown').on('shown.bs.modal', function() {
alert('onShown event fired.');
});
});
// onHide event
$('#onhidebtn').on('click', function() {
$('#onhide').on('hide.bs.modal', function() {
alert('onHide event fired.');
});
});
// onHidden event
$('#onhiddenbtn').on('click', function() {
$('#onhidden').on('hidden.bs.modal', function() {
alert('onHidden event fired.');
});
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/navs/navs.js
================================================
/*=========================================================================================
File Name: nav.js
Description: Navigation available in Bootstrap share general markup and styles,
from the base .nav class to the active and disabled states.
Swap modifier classes to switch between each style.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
var heightLeft = $('.nav-left + .tab-content').height();
$('ul.nav-left').height(heightLeft);
var heightRight = $('.nav-right + .tab-content').height();
$('ul.nav-right').height(heightRight);
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/pages/3-columns-left-sidebar.js
================================================
/*=========================================================================================
File Name: 3-columns-left-sidebar.js
Description: Invoices list datables configurations
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/***********************************
* js of small Slider *
************************************/
var sm_options = {
start: [30,70],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var smallSlider = document.getElementById('small-slider');
noUiSlider.create(smallSlider, sm_options);
/*************************************
* Default Score Rating *
**************************************/
$.fn.raty.defaults.path = '../../../app-assets/images/raty/';
$('#score-rating').raty({
score: 3
});
$(".sidebar-sticky").sticky();
});
================================================
FILE: public/backend/js/scripts/pages/account-setting.js
================================================
/*=========================================================================================
File Name: account-setting.js
Description: Account setting.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
// language select
var languageselect = $("#languageselect2").select2({
dropdownAutoWidth: true,
width: '100%'
});
// music select
var musicselect = $("#musicselect2").select2({
dropdownAutoWidth: true,
width: '100%'
});
// movies select
var moviesselect = $("#moviesselect2").select2({
dropdownAutoWidth: true,
width: '100%'
});
// birthdate date
$('.birthdate-picker').pickadate({
format: 'mmmm, d, yyyy'
});
});
================================================
FILE: public/backend/js/scripts/pages/app-chat.js
================================================
(function($) {
"use strict";
// Chat user list
if($('.chat-application .chat-user-list').length > 0){
var chat_user_list = new PerfectScrollbar(".chat-user-list");
}
// Chat user profile
if($('.chat-application .profile-sidebar-area .scroll-area').length > 0){
var chat_user_list = new PerfectScrollbar(".profile-sidebar-area .scroll-area");
}
// Chat area
if($('.chat-application .user-chats').length > 0){
var chat_user = new PerfectScrollbar(".user-chats", {
wheelPropagation: false
});
}
// User profile right area
if($('.chat-application .user-profile-sidebar-area').length > 0){
var user_profile = new PerfectScrollbar(".user-profile-sidebar-area");
}
// Chat Profile sidebar toggle
$('.chat-application .sidebar-profile-toggle').on('click',function(){
$('.chat-profile-sidebar').addClass('show');
$('.chat-overlay').addClass('show');
});
// User Profile sidebar toggle
$('.chat-application .user-profile-toggle').on('click',function(){
$('.user-profile-sidebar').addClass('show');
$('.chat-overlay').addClass('show');
});
// Update status by clickin on Radio
$('.chat-application .user-status input:radio[name=userStatus]').on('change', function(){
var $className = "avatar-status-"+this.value;
$(".header-profile-sidebar .avatar span").removeClass();
$(".sidebar-profile-toggle .avatar span").removeClass();
$(".header-profile-sidebar .avatar span").addClass($className+" avatar-status-lg");
$(".sidebar-profile-toggle .avatar span").addClass($className);
});
// On Profile close click
$(".chat-application .close-icon").on('click',function(){
$('.chat-profile-sidebar').removeClass('show');
$('.user-profile-sidebar').removeClass('show');
if(!$(".sidebar-content").hasClass("show")){
$('.chat-overlay').removeClass('show');
}
});
// On sidebar close click
$(".chat-application .sidebar-close-icon").on('click',function(){
$('.sidebar-content').removeClass('show');
$('.chat-overlay').removeClass('show');
});
// On overlay click
$(".chat-application .chat-overlay").on('click',function(){
$('.app-content .sidebar-content').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
$('.chat-profile-sidebar').removeClass('show');
$('.user-profile-sidebar').removeClass('show');
});
// Add class active on click of Chat users list
$(".chat-application .chat-user-list ul li").on('click', function(){
if($('.chat-user-list ul li').hasClass('active')){
$('.chat-user-list ul li').removeClass('active');
}
$(this).addClass("active");
$(this).find(".badge").remove();
if($('.chat-user-list ul li').hasClass('active')){
$('.start-chat-area').addClass('d-none');
$('.active-chat').removeClass('d-none');
}
else{
$('.start-chat-area').removeClass('d-none');
$('.active-chat').addClass('d-none');
}
});
// autoscroll to bottom of Chat area
var chatContainer = $(".user-chats");
$(".chat-users-list-wrapper li").on("click", function () {
chatContainer.animate({ scrollTop: chatContainer[0].scrollHeight }, 400)
});
// Favorite star click
$(".chat-application .favorite i").on("click", function(e) {
$(this).parent('.favorite').toggleClass("warning");
e.stopPropagation();
});
// Main menu toggle should hide app menu
$('.chat-application .menu-toggle').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
});
// Chat sidebar toggle
if ($(window).width() < 992) {
$('.chat-application .sidebar-toggle').on('click',function(){
$('.app-content .sidebar-content').addClass('show');
$('.chat-application .chat-overlay').addClass('show');
});
}
// For chat sidebar on small screen
if ($(window).width() > 992) {
if($('.chat-application .chat-overlay').hasClass('show')){
$('.chat-application .chat-overlay').removeClass('show');
}
}
// Scroll Chat area
$(".user-chats").scrollTop($(".user-chats > .chats").height());
// Filter
$(".chat-application #chat-search").on("keyup", function() {
var value = $(this).val().toLowerCase();
if(value!=""){
$(".chat-user-list .chat-users-list-wrapper li").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
}
else{
// If filter box is empty
$(".chat-user-list .chat-users-list-wrapper li").show();
}
});
})(jQuery);
$(window).on("resize", function() {
// remove show classes from sidebar and overlay if size is > 992
if ($(window).width() > 992) {
if($('.chat-application .chat-overlay').hasClass('show')){
$('.app-content .sidebar-left').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
}
}
// Chat sidebar toggle
if ($(window).width() < 992) {
if($('.chat-application .chat-profile-sidebar').hasClass('show')){
$('.chat-profile-sidebar').removeClass('show');
}
$('.chat-application .sidebar-toggle').on('click',function(){
$('.app-content .sidebar-content').addClass('show');
$('.chat-application .chat-overlay').addClass('show');
});
}
});
// Add message to chat
function enter_chat(source) {
var message = $(".message").val();
if(message != ""){
var html = '' + "
" + message + "
" + "
#index# #title#',
enablePagination: false,
onStepChanging: function (event, currentIndex, newIndex) {
// allows to go back to previous step if form is
if (currentIndex > newIndex) {
return true;
}
// Needed in some cases if the user went back (clean up)
if (currentIndex < newIndex) {
// To remove error styles
checkoutValidation.find(".body:eq(" + newIndex + ") label.error").remove();
checkoutValidation.find(".body:eq(" + newIndex + ") .error").removeClass("error");
}
// check for valid details and show notification accordingly
if (currentIndex === 1 && Number($(".form-control.required").val().length) < 1) {
toastr.warning('Error', 'Please Enter Valid Details', { "positionClass": "toast-bottom-right" });
}
checkoutValidation.validate().settings.ignore = ":disabled,:hidden";
return checkoutValidation.valid();
},
});
// to move to next step on place order and save address click
$(".place-order, .delivery-address").on("click", function () {
$(".checkout-tab-steps").steps("next", {});
});
// check if user has entered valid cvv
$(".btn-cvv").on("click", function () {
if ($(".input-cvv").val().length == 3) {
toastr.success('Success', 'Payment received Successfully', { "positionClass": "toast-bottom-right" });
}
else {
toastr.warning('Error', 'Please Enter Valid Details', { "positionClass": "toast-bottom-right" });
}
})
}
// checkout quantity counter
var quantityCounter = $(".quantity-counter"),
CounterMin = 1,
CounterMax = 10;
if (quantityCounter.length > 0) {
quantityCounter.TouchSpin({
min: CounterMin,
max: CounterMax
}).on('touchspin.on.startdownspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-up').removeClass("disabled-max-min");
if ($this.val() == 1) {
$(this).siblings().find('.bootstrap-touchspin-down').addClass("disabled-max-min");
}
}).on('touchspin.on.startupspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-down').removeClass("disabled-max-min");
if ($this.val() == 10) {
$(this).siblings().find('.bootstrap-touchspin-up').addClass("disabled-max-min");
}
});
}
// remove items from wishlist page
$(".remove-wishlist , .move-cart").on("click", function () {
$(this).closest(".ecommerce-card").remove();
})
})
// on window resize hide sidebar
$(window).on("resize", function () {
if ($(window).width() <= 991) {
$(".sidebar-shop").removeClass("show");
$(".shop-content-overlay").removeClass("show");
}
else {
$(".sidebar-shop").addClass("show");
}
});
================================================
FILE: public/backend/js/scripts/pages/app-email.js
================================================
// Notifications & messages scrollable
$(function () {
"use strict";
var Font = Quill.import('formats/font');
Font.whitelist = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
Quill.register(Font, true);
// Email left Sidebar
if ($('.sidebar-menu-list').length > 0) {
var sidebar_menu_list = new PerfectScrollbar(".sidebar-menu-list");
}
// User list scroll
if ($('.email-user-list').length > 0) {
var users_list = new PerfectScrollbar(".email-user-list");
}
// Email detail section
if ($('.email-scroll-area').length > 0) {
var users_list = new PerfectScrollbar(".email-scroll-area");
}
// Modal dialog scroll
if ($('.modal-dialog-scrollable .modal-body').length > 0) {
var sidebar_menu_list = new PerfectScrollbar(".modal-dialog-scrollable .modal-body");
}
// Compose Modal - Reset Input Value on Click compose btn
$('.compose-btn .btn').on('click', function (e) {
// all input forms
$(".modal .modal-body input").val("");
// quill editor content
var quill_editor = $(".modal .modal-body .ql-editor");
quill_editor[0].innerHTML = "";
// file input content
var file_input = $(".modal .modal-body .custom-file .custom-file-label");
file_input[0].innerHTML = "";
});
// Main menu toggle should hide app menu
$('.menu-toggle').on('click', function (e) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// On sidebar close click
$(".email-application .sidebar-close-icon").on('click', function () {
$('.sidebar-left').removeClass('show');
$('.app-content-overlay').removeClass('show');
});
// Email sidebar toggle
$('.sidebar-toggle').on('click', function (e) {
e.stopPropagation();
$('.app-content .sidebar-left').toggleClass('show');
$('.app-content .app-content-overlay').addClass('show');
});
$('.app-content .app-content-overlay').on('click', function (e) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// Email Right sidebar toggle
$('.email-app-list .email-user-list li').on('click', function (e) {
$('.app-content .email-app-details').toggleClass('show');
});
// Add class active on click of sidebar list
$(".email-application .list-group-messages a").on('click', function () {
if ($('.email-application .list-group-messages a').hasClass('active')) {
$('.email-application .list-group-messages a').removeClass('active');
}
$(this).addClass("active");
});
// Email detail view back button click
$('.go-back').on('click', function (e) {
e.stopPropagation();
$('.app-content .email-app-details').removeClass('show');
});
// For app sidebar on small screen
if ($(window).width() > 768) {
if ($('.app-content .app-content-overlay').hasClass('show')) {
$('.app-content .app-content-overlay').removeClass('show');
}
}
// Favorite star click
$(".email-application .favorite i").on("click", function (e) {
$(this).parent('.favorite').toggleClass("warning");
e.stopPropagation();
});
// On checkbox click stop propogation
$(".email-user-list .vs-checkbox-con input").on("click", function (e) {
e.stopPropagation();
});
// Select all checkbox
$(document).on("click", ".email-app-list .selectAll input", function () {
$(".user-action .vs-checkbox-con input").prop('checked', this.checked);
});
// Delete Mail from list
$(".email-application .mail-delete").on("click", function () {
$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").remove();
$(".email-application .selectAll input").prop('checked', "");
});
// Mark mail unread
$(".email-application .mail-unread").on("click", function () {
$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").removeClass("mail-read");
});
// Filter
$(".email-app-list #email-search").on("keyup", function () {
var value = $(this).val().toLowerCase();
if (value != "") {
$(".email-user-list .users-list-wrapper li").filter(function () {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
var tbl_row = $(".email-user-list .users-list-wrapper li:visible").length; //here tbl_test is table name
//Check if table has row or not
if (tbl_row == 0) {
$('.email-user-list .no-results').addClass('show');
}
else {
if ($('.email-user-list .no-results').hasClass('show')) {
$('.email-user-list .no-results').removeClass('show');
}
}
}
else {
// If filter box is empty
$(".email-user-list .users-list-wrapper li").show();
if ($('.email-user-list .no-results').hasClass('show')) {
$('.email-user-list .no-results').removeClass('show');
}
}
});
// Email compose Editor
var emailEditor = new Quill('#email-container .editor', {
bounds: '#email-container .editor',
modules: {
'formula': true,
'syntax': true,
'toolbar': [
['bold', 'italic', 'underline', 'strike', 'link', 'blockquote', 'code-block',
{
'header': '1'
}, {
'header': '2'
}, {
'list': 'ordered'
}, {
'list': 'bullet'
}],
[{
'font': []
}]
],
},
placeholder: 'Message',
theme: 'snow'
});
var editors = [emailEditor];
});
$(window).on("resize", function () {
// remove show classes from sidebar and overlay if size is > 992
if ($(window).width() > 768) {
if ($('.app-content .app-content-overlay').hasClass('show')) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
}
}
});
================================================
FILE: public/backend/js/scripts/pages/app-todo.js
================================================
/*=========================================================================================
File Name: app-todo.js
Description: app-todo
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(function() {
"use strict";
var $curr_title, $curr_desc, $curr_info, $curr_fav, $curr_chipVal;
// --------------------------------------------
// Sidebar menu scrollbar
// --------------------------------------------
if($('.todo-application .sidebar-menu-list').length > 0){
var content = new PerfectScrollbar('.sidebar-menu-list',{
theme: "dark"
});
}
// --------------------------------------------
// Todo task list scrollbar
// --------------------------------------------
if($('.todo-application .todo-task-list').length > 0){
var sidebar_todo = new PerfectScrollbar('.todo-task-list',{
theme: "dark"
});
}
// --------------------------------------------
// Info star click
// --------------------------------------------
$(document).on("click", ".todo-application .todo-item-info i", function(e) {
$(this).parent('.todo-item-info').toggleClass("success");
e.stopPropagation();
});
// --------------------------------------------
// Favorite star click
// --------------------------------------------
$(document).on("click", ".todo-application .todo-item-favorite i", function(e) {
$(this).parent('.todo-item-favorite').toggleClass("warning");
e.stopPropagation();
});
// --------------------------------------------
// Main menu toggle should hide app menu
// --------------------------------------------
$('.menu-toggle').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// --------------------------------------------
// On sidebar close click
// --------------------------------------------
$(".todo-application .sidebar-close-icon").on('click',function(){
$('.sidebar-left').removeClass('show');
$('.app-content-overlay').removeClass('show');
});
// --------------------------------------------
// Todo sidebar toggle
// --------------------------------------------
$('.sidebar-toggle').on('click',function(e){
e.stopPropagation();
$('.app-content .sidebar-left').toggleClass('show');
$('.app-content .app-content-overlay').addClass('show');
});
$('.app-content .app-content-overlay').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// --------------------------------------------
// Add class active on click of sidebar filters list
// --------------------------------------------
$(".todo-application .list-group-filters a").on('click', function(){
if($('.todo-application .list-group-filters a').hasClass('active')){
$('.todo-application .list-group-filters a').removeClass('active');
}
$(this).addClass("active");
});
// --------------------------------------------
// For chat sidebar on small screen
// --------------------------------------------
if ($(window).width() > 992) {
if($('.todo-application .app-content-overlay').hasClass('show')){
$('.todo-application .app-content-overlay').removeClass('show');
}
}
// --------------------------------------------
// On add new item, clear modal popup fields
// --------------------------------------------
$(".add-task button").on('click', function(e){
$('.modal .new-todo-item-title').val("");
$('.modal .new-todo-item-desc').val("");
$('.modal .dropdown-menu input').prop("checked", false);
if($('.modal .todo-item-info').hasClass('success')){$('.modal .todo-item-info').removeClass('success')}
if($('.modal .todo-item-favorite').hasClass('warning')){$('.modal .todo-item-favorite').removeClass('warning')}
});
// --------------------------------------------
// Add New ToDo List Item
// --------------------------------------------
// To add new todo list item
$(".add-todo-item").on('click', function(e){
e.preventDefault();
var todoInfo = "",
todoFav = "",
todoChip = "";
var todoTitle = $(".new-todo-item-title").val();
var todoDesc = $(".new-todo-item-desc").val();
if($(".modal.show .todo-item-info").hasClass('success')){
todoInfo = " success";
}
if($(".modal.show .todo-item-favorite").hasClass('warning')){
todoFav = " warning";
}
// Chip calculation loop
var selected = $('.modal .dropdown-menu input:checked');
selected.each(function(){
todoChip += '' +
'
' +
'
' +
'
' +
'' +
'
' +
'
'+
'
' +
'' +
'' +
' ' +
' ' +
'
' +
'
'+ todoTitle +' ' +
'
' +
'
' + todoChip + '
' +
'
' +
'
' +
'
'+ todoDesc +'
' +
' ');
}
$('#form-edit-todo .edit-todo-item-title').val(todoTitle);
$('#form-edit-todo .edit-todo-item-desc').val(todoDesc);
$('#form-edit-todo .dropdown-menu input').prop("checked", false);
if($('#form-edit-todo .edit-todo-item-info').hasClass('success')){$('#form-edit-todo .edit-todo-item-info').addClass('success')}
if($('#form-edit-todo .edit-todo-item-favorite').hasClass('warning')){$('#form-edit-todo .edit-todo-item-favorite').addClass('warning')}
});
// --------------------------------------------
// To update todo list item
// --------------------------------------------
$(document).on('click',".todo-task-list-wrapper .todo-item", function(e){
// Saving all values in variable
$curr_title = $(this).find('.todo-title'); // Set path for Current Title, use this variable when updating title
$curr_desc = $(this).find('.todo-desc'); // Set path for Current Description, use this variable when updating Description
$curr_info = $(this).find('.todo-item-info'); // Set path for Current info, use this variable when updating info
$curr_fav = $(this).find('.todo-item-favorite'); // Set path for Current favorite, use this variable when updating favorite
$curr_chipVal = $(this).find('.chip-wrapper'); // Set path for Chips, use this variable when updating chip value
var $title = $(this).find('.todo-title').html();
var $desc = $(this).find('.todo-desc').html();
var $info = $(this).find('.todo-item-info');
var $fav = $(this).find('.todo-item-favorite');
$('#form-edit-todo .dropdown-menu input').prop("checked",false);
// Checkbox checked as per chips
var selected = $(this).find('.chip');
selected.each(function(){
var chipVal = $(this).find('.chip-text').data('value');
$('#form-edit-todo .dropdown-menu input[data-value="'+chipVal+'"]').prop("checked",true);
});
// apply all variable values to fields
$('#form-edit-todo .edit-todo-item-title').val($title);
$('#form-edit-todo .edit-todo-item-desc').val($desc);
if($('#form-edit-todo .todo-item-info').hasClass('success')){$('#form-edit-todo .todo-item-info').removeClass('success')}
if($('#form-edit-todo .edit-todo-item-favorite').hasClass('warning')){$('#form-edit-todo .edit-todo-item-favorite').removeClass('warning')}
if( $($info).hasClass('success') ) {
$('#form-edit-todo .todo-item-info').addClass('success');
}
if( $($fav).hasClass('warning') ) {
$('#form-edit-todo .edit-todo-item-favorite').addClass('warning');
}
});
// --------------------------------------------
// Updating Data Values to Fields
// --------------------------------------------
$('.update-todo-item').on('click', function(){
var $edit_title = $('#form-edit-todo .edit-todo-item-title').val();
var $edit_desc = $('#form-edit-todo .edit-todo-item-desc').val();
var $edit_info = $('#form-edit-todo .todo-item-info i');
var $edit_fav = $('#form-edit-todo .todo-item-favorite i');
$($curr_title).text($edit_title);
$($curr_desc).text($edit_desc);
if($($curr_info).hasClass('success')){$($curr_info).removeClass('success')}
if($($curr_fav).hasClass('warning')){$($curr_fav).removeClass('warning')}
if( $($edit_info).parent('.todo-item-info').hasClass('success')) {
$curr_info.addClass('success');
}
if( $($edit_fav).parent('.todo-item-favorite').hasClass('warning')) {
$curr_fav.addClass('warning');
}
// Chip calculation loop
var $edit_selected = $('#form-edit-todo .dropdown-menu input:checked');
var $edit_todoChip = "";
$edit_selected.each(function(){
$edit_todoChip += '' +
'
' +
'
' +
'
" + params.value + "
"
} else if (params.value == "blocked") {
color = "danger";
return "" + params.value + "
"
} else if (params.value == "deactivated") {
color = "warning";
return "" + params.value + "
"
}
}
// Rendering bullet in verified column
var customBulletHTML = function (params) {
var color = "";
if (params.value == true) {
color = "success"
return "" + "
"
} else if (params.value == false) {
color = "secondary";
return "" + "
"
}
}
// Renering Icons in Actions column
var customIconsHTML = function (params) {
var usersIcons = document.createElement("span");
var editIconHTML = "
',
timeout: 2000, //unblock after 2 seconds
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'transparent'
}
});
});
// profile-header-nav toggle
$('.navbar-toggler').on('click',function(){
$('.navbar-collapse').toggleClass('show');
$('.navbar-toggler-icon i').toggleClass('icon-x icon-align-justify');
});
});
================================================
FILE: public/backend/js/scripts/pages/user-settings.js
================================================
/*=========================================================================================
File Name: user-settings.js
Description: User Settings jQuery Plugin Intialization
--------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// profile picture upload
Dropzone.options.profilePicUpload = {
paramName: "file", // The name that will be used to transfer the file
maxFiles: 1,
init: function () {
this.on("maxfilesexceeded", function (file) {
this.removeAllFiles();
this.addFile(file);
});
}
};
================================================
FILE: public/backend/js/scripts/pagination/pagination.js
================================================
/*=========================================================================================
File Name: pagination.js
Description: Provide pagination links for your site or app with the multi-page
pagination component.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
// default pagination
$('.page1-links').twbsPagination({
totalPages: 5,
visiblePages: 4,
prev: 'Prev',
first: null,
last: null,
startPage: 2,
onPageClick: function (event, page) {
$('#page1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
//Default Pagination with last & first
$('.firstLast1-links').twbsPagination({
totalPages: 5,
visiblePages: 4,
prev: 'Prev',
first: 'First',
last: 'Last',
startPage: 2,
onPageClick: function (event, page) {
$('#firstLast1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
//Set Start Page Of Pagination
$('.start-links').twbsPagination({
totalPages: 10,
visiblePages: 6,
startPage: 5,
prev: 'Prev',
first: 'First',
last: 'Last',
onPageClick: function (event, page) {
$('#start-content').text('Your start Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
// Pagination drop after reload
$('.url1-links').twbsPagination({
totalPages: 10,
visiblePages: 5,
prev: 'Prev',
first: 'First',
last: 'Last',
href: '?page={{page}}&#url1-content',
hrefVariable: '{{page}}',
onPageClick: function (event, page) {
$('#url1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/pickers/dateTime/pick-a-datetime.js
================================================
/*=========================================================================================
File Name: picker-date-time.js
Description: Pick a date/time Picker, Date Range Picker JS
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
/******* Pick-a-date Picker *****/
// Basic date
$('.pickadate').pickadate();
// Format Date Picker
$('.format-picker').pickadate({
format: 'mmmm, d, yyyy'
});
// Date limits
$('.pickadate-limits').pickadate({
min: [2019,3,20],
max: [2019,5,28]
});
// Disabled Dates & Weeks
$('.pickadate-disable').pickadate({
disable: [
1,
[2019,3,6],
[2019,3,20]
]
});
// Picker Translations
$( '.pickadate-translations' ).pickadate({
formatSubmit: 'dd/mm/yyyy',
monthsFull: [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ],
monthsShort: [ 'Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec' ],
weekdaysShort: [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ],
today: 'aujourd\'hui',
clear: 'clair',
close: 'Fermer'
});
// Month Select Picker
$('.pickadate-months').pickadate({
selectYears: false,
selectMonths: true
});
// Month and Year Select Picker
$('.pickadate-months-year').pickadate({
selectYears: true,
selectMonths: true
});
// Short String Date Picker
$('.pickadate-short-string').pickadate({
weekdaysShort: ['S', 'M', 'Tu', 'W', 'Th', 'F', 'S'],
showMonthsShort: true
});
// Change first weekday
$('.pickadate-firstday').pickadate({
firstDay: 1
});
/******* Pick-a-time Picker *****/
// Basic time
$('.pickatime').pickatime();
// Format options
$('.pickatime-format').pickatime({
// Escape any “rule” characters with an exclamation mark (!).
format: 'T!ime selected: h:i a',
formatLabel: 'HH:i a',
formatSubmit: 'HH:i',
hiddenPrefix: 'prefix__',
hiddenSuffix: '__suffix'
});
// Format options
$('.pickatime-formatlabel').pickatime({
formatLabel: function(time) {
var hours = ( time.pick - this.get('now').pick ) / 60,
label = hours < 0 ? ' !hours to now' : hours > 0 ? ' !hours from now' : 'now';
return 'h:i a ' + ( hours ? Math.abs(hours) : '' ) + label +' ';
}
});
// Min - Max Time to select
$( '.pickatime-min-max').pickatime({
// Using Javascript
min: new Date(2015,3,20,7),
max: new Date(2015,7,14,18,30)
// Using Array
// min: [7,30],
// max: [14,0]
});
// Intervals
$('.pickatime-intervals').pickatime({
interval: 150
});
// Disable Time
$('.pickatime-disable').pickatime({
disable: [
// Disable Using Integers
3, 5, 7, 13, 17, 21
/* Using Array */
// [0,30],
// [2,0],
// [8,30],
// [9,0]
]
});
// Close on a user action
$('.pickatime-close-action').pickatime({
closeOnSelect: false,
closeOnClear: false
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/popover/popover.js
================================================
/*=========================================================================================
File Name: popover.js
Description: Popovers are an updated version, which don’t rely on images,
use CSS3 for animations, and data-attributes for local title storage.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
$('[data-toggle="popover"]').popover();
/******************/
// Popover events //
/******************/
// onShow event
$('#show-popover').popover({
title: 'Popover Show Event',
content: 'Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.',
trigger: 'click',
placement: 'right'
}).on('show.bs.popover', function() {
alert('Show event fired.');
});
// onShown event
$('#shown-popover').popover({
title: 'Popover Shown Event',
content: 'Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.',
trigger: 'click',
placement: 'bottom'
}).on('shown.bs.popover', function() {
alert('Shown event fired.');
});
// onHide event
$('#hide-popover').popover({
title: 'Popover Hide Event',
content: 'Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.',
trigger: 'click',
placement: 'bottom'
}).on('hide.bs.popover', function() {
alert('Hide event fired.');
});
// onHidden event
$('#hidden-popover').popover({
title: 'Popover Hidden Event',
content: 'Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.',
trigger: 'click',
placement: 'left'
}).on('hidden.bs.popover', function() {
alert('Hidden event fired.');
});
/*******************/
// Tooltip methods //
/*******************/
// Show method
$('#show-method').on('click', function() {
$(this).popover('show');
});
// Hide method
$('#hide-method').on('mouseenter', function() {
$(this).popover('show');
});
$('#hide-method').on('click', function() {
$(this).popover('hide');
});
// Toggle method
$('#toggle-method').on('click', function() {
$(this).popover('toggle');
});
// Dispose method
$('#dispose').on('click', function() {
$('#dispose-method').popover('dispose');
});
/* Trigger*/
$('.manual').on('click', function() {
$(this).popover('show');
});
$('.manual').on('mouseout', function() {
$(this).popover('hide');
});
/****************/
// Custom color //
/****************/
$('[data-popup=popover-color]').popover({
template: ''
});
/**********************/
// Custom borer color //
/**********************/
$('[data-popup=popover-border]').popover({
template: ''
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/tooltip/tooltip.js
================================================
/*=========================================================================================
File Name: tooltip.js
Description: Tooltips are an updated version, which don’t rely on images,
use CSS3 for animations, and data-attributes for local title storage.
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
/******************/
// Tooltip events //
/******************/
// onShow event
$('#show-tooltip').tooltip({
title: 'Tooltip Show Event',
trigger: 'click',
placement: 'right'
}).on('show.bs.tooltip', function() {
alert('Show event fired.');
});
// onShown event
$('#shown-tooltip').tooltip({
title: 'Tooltip Shown Event',
trigger: 'click',
placement: 'top'
}).on('shown.bs.tooltip', function() {
alert('Shown event fired.');
});
// onHide event
$('#hide-tooltip').tooltip({
title: 'Tooltip Hide Event',
trigger: 'click',
placement: 'bottom'
}).on('hide.bs.tooltip', function() {
alert('Hide event fired.');
});
// onHidden event
$('#hidden-tooltip').tooltip({
title: 'Tooltip Hidden Event',
trigger: 'click',
placement: 'left'
}).on('hidden.bs.tooltip', function() {
alert('Hidden event fired.');
});
/*******************/
// Tooltip methods //
/*******************/
// Show method
$('#show-method').on('click', function() {
$(this).tooltip('show');
});
// Hide method
$('#hide-method').on('mouseenter', function() {
$(this).tooltip('show');
});
$('#hide-method').on('click', function() {
$(this).tooltip('hide');
});
// Toggle method
$('#toggle-method').on('click', function() {
$(this).tooltip('toggle');
});
// Dispose method
$('#dispose').on('click', function() {
$('#dispose-method').tooltip('dispose');
});
/* Trigger*/
$('.manual').on('click', function() {
$(this).tooltip('show');
});
$('.manual').on('mouseout', function() {
$(this).tooltip('hide');
});
/* Default template */
$(".template").on('click', function(){
console.log(
''
);
});
})(window, document, jQuery);
================================================
FILE: public/backend/js/scripts/ui/data-list-view.js
================================================
/*=========================================================================================
File Name: data-list-view.js
Description: List View
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
"use strict"
// init list view datatable
var dataListView = $(".data-list-view").DataTable({
responsive: false,
columnDefs: [
{
orderable: true,
targets: 0,
checkboxes: { selectRow: true }
}
],
dom:
'<"top"<"actions action-btns"B><"action-filters"lf>><"clear">rt<"bottom"<"actions">p>',
oLanguage: {
sLengthMenu: "_MENU_",
sSearch: ""
},
aLengthMenu: [[4, 10, 15, 20], [4, 10, 15, 20]],
select: {
style: "multi"
},
order: [[1, "asc"]],
bInfo: false,
pageLength: 4,
buttons: [
{
text: "\n \n \n \n \n \n \n ";
var icoZoom = "\n \n ";
var icoReset = "\n \n ";
var icoZoomIn = "\n \n \n";
var icoZoomOut = "\n \n \n";
var icoSelect = "\n \n ";
var icoMenu = "' + _svg.replace(/\n/, '').replace(/<([\w:-]+)([^<]+?)\/>/g, '<$1$2>') + ' '; // transplant nodes
for (var i = 0, il = well.firstChild.childNodes.length; i < il; i++) {
this.node.appendChild(well.firstChild.firstChild);
} // otherwise act as a getter
} else {
// create a wrapping svg element in case of partial content
well.appendChild(_svg = document.createElement('svg')); // write svgjs data to the dom
this.writeDataToDom(); // insert a copy of this node
_svg.appendChild(this.node.cloneNode(true)); // return target element
return well.innerHTML.replace(/^/, '').replace(/<\/svg>$/, '');
}
return this;
},
// write svgjs data to the dom
writeDataToDom: function writeDataToDom() {
// dump variables recursively
if (this.each || this.lines) {
var fn = this.each ? this : this.lines();
fn.each(function () {
this.writeDataToDom();
});
} // remove previously set data
this.node.removeAttribute('svgjs:data');
if (Object.keys(this.dom).length) {
this.node.setAttribute('svgjs:data', JSON.stringify(this.dom));
} // see #428
return this;
},
// set given data to the elements data property
setData: function setData(o) {
this.dom = o;
return this;
},
is: function is(obj) {
return _is(this, obj);
}
}
});
SVG.easing = {
'-': function _(pos) {
return pos;
},
'<>': function _(pos) {
return -Math.cos(pos * Math.PI) / 2 + 0.5;
},
'>': function _(pos) {
return Math.sin(pos * Math.PI / 2);
},
'<': function _(pos) {
return -Math.cos(pos * Math.PI / 2) + 1;
}
};
SVG.morph = function (pos) {
return function (from, to) {
return new SVG.MorphObj(from, to).at(pos);
};
};
SVG.Situation = SVG.invent({
create: function create(o) {
this.init = false;
this.reversed = false;
this.reversing = false;
this.duration = new SVG.Number(o.duration).valueOf();
this.delay = new SVG.Number(o.delay).valueOf();
this.start = +new Date() + this.delay;
this.finish = this.start + this.duration;
this.ease = o.ease; // this.loop is incremented from 0 to this.loops
// it is also incremented when in an infinite loop (when this.loops is true)
this.loop = 0;
this.loops = false;
this.animations = {// functionToCall: [list of morphable objects]
// e.g. move: [SVG.Number, SVG.Number]
};
this.attrs = {// holds all attributes which are not represented from a function svg.js provides
// e.g. someAttr: SVG.Number
};
this.styles = {// holds all styles which should be animated
// e.g. fill-color: SVG.Color
};
this.transforms = [// holds all transformations as transformation objects
// e.g. [SVG.Rotate, SVG.Translate, SVG.Matrix]
];
this.once = {// functions to fire at a specific position
// e.g. "0.5": function foo(){}
};
}
});
SVG.FX = SVG.invent({
create: function create(element) {
this._target = element;
this.situations = [];
this.active = false;
this.situation = null;
this.paused = false;
this.lastPos = 0;
this.pos = 0; // The absolute position of an animation is its position in the context of its complete duration (including delay and loops)
// When performing a delay, absPos is below 0 and when performing a loop, its value is above 1
this.absPos = 0;
this._speed = 1;
},
extend: {
/**
* sets or returns the target of this animation
* @param o object || number In case of Object it holds all parameters. In case of number its the duration of the animation
* @param ease function || string Function which should be used for easing or easing keyword
* @param delay Number indicating the delay before the animation starts
* @return target || this
*/
animate: function animate(o, ease, delay) {
if (_typeof(o) === 'object') {
ease = o.ease;
delay = o.delay;
o = o.duration;
}
var situation = new SVG.Situation({
duration: o || 1000,
delay: delay || 0,
ease: SVG.easing[ease || '-'] || ease
});
this.queue(situation);
return this;
},
/**
* sets a delay before the next element of the queue is called
* @param delay Duration of delay in milliseconds
* @return this.target()
*/
delay: function delay(_delay) {
// The delay is performed by an empty situation with its duration
// attribute set to the duration of the delay
var situation = new SVG.Situation({
duration: _delay,
delay: 0,
ease: SVG.easing['-']
});
return this.queue(situation);
},
/**
* sets or returns the target of this animation
* @param null || target SVG.Element which should be set as new target
* @return target || this
*/
target: function target(_target) {
if (_target && _target instanceof SVG.Element) {
this._target = _target;
return this;
}
return this._target;
},
// returns the absolute position at a given time
timeToAbsPos: function timeToAbsPos(timestamp) {
return (timestamp - this.situation.start) / (this.situation.duration / this._speed);
},
// returns the timestamp from a given absolute positon
absPosToTime: function absPosToTime(absPos) {
return this.situation.duration / this._speed * absPos + this.situation.start;
},
// starts the animationloop
startAnimFrame: function startAnimFrame() {
this.stopAnimFrame();
this.animationFrame = window.requestAnimationFrame(function () {
this.step();
}.bind(this));
},
// cancels the animationframe
stopAnimFrame: function stopAnimFrame() {
window.cancelAnimationFrame(this.animationFrame);
},
// kicks off the animation - only does something when the queue is currently not active and at least one situation is set
start: function start() {
// dont start if already started
if (!this.active && this.situation) {
this.active = true;
this.startCurrent();
}
return this;
},
// start the current situation
startCurrent: function startCurrent() {
this.situation.start = +new Date() + this.situation.delay / this._speed;
this.situation.finish = this.situation.start + this.situation.duration / this._speed;
return this.initAnimations().step();
},
/**
* adds a function / Situation to the animation queue
* @param fn function / situation to add
* @return this
*/
queue: function queue(fn) {
if (typeof fn === 'function' || fn instanceof SVG.Situation) {
this.situations.push(fn);
}
if (!this.situation) this.situation = this.situations.shift();
return this;
},
/**
* pulls next element from the queue and execute it
* @return this
*/
dequeue: function dequeue() {
// stop current animation
this.stop(); // get next animation from queue
this.situation = this.situations.shift();
if (this.situation) {
if (this.situation instanceof SVG.Situation) {
this.start();
} else {
// If it is not a SVG.Situation, then it is a function, we execute it
this.situation.call(this);
}
}
return this;
},
// updates all animations to the current state of the element
// this is important when one property could be changed from another property
initAnimations: function initAnimations() {
var i, j, source;
var s = this.situation;
if (s.init) return this;
for (i in s.animations) {
source = this.target()[i]();
if (!Array.isArray(source)) {
source = [source];
}
if (!Array.isArray(s.animations[i])) {
s.animations[i] = [s.animations[i]];
} // if(s.animations[i].length > source.length) {
// source.concat = source.concat(s.animations[i].slice(source.length, s.animations[i].length))
// }
for (j = source.length; j--;) {
// The condition is because some methods return a normal number instead
// of a SVG.Number
if (s.animations[i][j] instanceof SVG.Number) {
source[j] = new SVG.Number(source[j]);
}
s.animations[i][j] = source[j].morph(s.animations[i][j]);
}
}
for (i in s.attrs) {
s.attrs[i] = new SVG.MorphObj(this.target().attr(i), s.attrs[i]);
}
for (i in s.styles) {
s.styles[i] = new SVG.MorphObj(this.target().style(i), s.styles[i]);
}
s.initialTransformation = this.target().matrixify();
s.init = true;
return this;
},
clearQueue: function clearQueue() {
this.situations = [];
return this;
},
clearCurrent: function clearCurrent() {
this.situation = null;
return this;
},
/** stops the animation immediately
* @param jumpToEnd A Boolean indicating whether to complete the current animation immediately.
* @param clearQueue A Boolean indicating whether to remove queued animation as well.
* @return this
*/
stop: function stop(jumpToEnd, clearQueue) {
var active = this.active;
this.active = false;
if (clearQueue) {
this.clearQueue();
}
if (jumpToEnd && this.situation) {
// initialize the situation if it was not
!active && this.startCurrent();
this.atEnd();
}
this.stopAnimFrame();
return this.clearCurrent();
},
/** resets the element to the state where the current element has started
* @return this
*/
reset: function reset() {
if (this.situation) {
var temp = this.situation;
this.stop();
this.situation = temp;
this.atStart();
}
return this;
},
// Stop the currently-running animation, remove all queued animations, and complete all animations for the element.
finish: function finish() {
this.stop(true, false);
while (this.dequeue().situation && this.stop(true, false)) {
}
this.clearQueue().clearCurrent();
return this;
},
// set the internal animation pointer at the start position, before any loops, and updates the visualisation
atStart: function atStart() {
return this.at(0, true);
},
// set the internal animation pointer at the end position, after all the loops, and updates the visualisation
atEnd: function atEnd() {
if (this.situation.loops === true) {
// If in a infinite loop, we end the current iteration
this.situation.loops = this.situation.loop + 1;
}
if (typeof this.situation.loops === 'number') {
// If performing a finite number of loops, we go after all the loops
return this.at(this.situation.loops, true);
} else {
// If no loops, we just go at the end
return this.at(1, true);
}
},
// set the internal animation pointer to the specified position and updates the visualisation
// if isAbsPos is true, pos is treated as an absolute position
at: function at(pos, isAbsPos) {
var durDivSpd = this.situation.duration / this._speed;
this.absPos = pos; // If pos is not an absolute position, we convert it into one
if (!isAbsPos) {
if (this.situation.reversed) this.absPos = 1 - this.absPos;
this.absPos += this.situation.loop;
}
this.situation.start = +new Date() - this.absPos * durDivSpd;
this.situation.finish = this.situation.start + durDivSpd;
return this.step(true);
},
/**
* sets or returns the speed of the animations
* @param speed null || Number The new speed of the animations
* @return Number || this
*/
speed: function speed(_speed) {
if (_speed === 0) return this.pause();
if (_speed) {
this._speed = _speed; // We use an absolute position here so that speed can affect the delay before the animation
return this.at(this.absPos, true);
} else return this._speed;
},
// Make loopable
loop: function loop(times, reverse) {
var c = this.last(); // store total loops
c.loops = times != null ? times : true;
c.loop = 0;
if (reverse) c.reversing = true;
return this;
},
// pauses the animation
pause: function pause() {
this.paused = true;
this.stopAnimFrame();
return this;
},
// unpause the animation
play: function play() {
if (!this.paused) return this;
this.paused = false; // We use an absolute position here so that the delay before the animation can be paused
return this.at(this.absPos, true);
},
/**
* toggle or set the direction of the animation
* true sets direction to backwards while false sets it to forwards
* @param reversed Boolean indicating whether to reverse the animation or not (default: toggle the reverse status)
* @return this
*/
reverse: function reverse(reversed) {
var c = this.last();
if (typeof reversed === 'undefined') c.reversed = !c.reversed;else c.reversed = reversed;
return this;
},
/**
* returns a float from 0-1 indicating the progress of the current animation
* @param eased Boolean indicating whether the returned position should be eased or not
* @return number
*/
progress: function progress(easeIt) {
return easeIt ? this.situation.ease(this.pos) : this.pos;
},
/**
* adds a callback function which is called when the current animation is finished
* @param fn Function which should be executed as callback
* @return number
*/
after: function after(fn) {
var c = this.last(),
wrapper = function wrapper(e) {
if (e.detail.situation == c) {
fn.call(this, c);
this.off('finished.fx', wrapper); // prevent memory leak
}
};
this.target().on('finished.fx', wrapper);
return this._callStart();
},
// adds a callback which is called whenever one animation step is performed
during: function during(fn) {
var c = this.last(),
wrapper = function wrapper(e) {
if (e.detail.situation == c) {
fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, c);
}
}; // see above
this.target().off('during.fx', wrapper).on('during.fx', wrapper);
this.after(function () {
this.off('during.fx', wrapper);
});
return this._callStart();
},
// calls after ALL animations in the queue are finished
afterAll: function afterAll(fn) {
var wrapper = function wrapper(e) {
fn.call(this);
this.off('allfinished.fx', wrapper);
}; // see above
this.target().off('allfinished.fx', wrapper).on('allfinished.fx', wrapper);
return this._callStart();
},
// calls on every animation step for all animations
duringAll: function duringAll(fn) {
var wrapper = function wrapper(e) {
fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, e.detail.situation);
};
this.target().off('during.fx', wrapper).on('during.fx', wrapper);
this.afterAll(function () {
this.off('during.fx', wrapper);
});
return this._callStart();
},
last: function last() {
return this.situations.length ? this.situations[this.situations.length - 1] : this.situation;
},
// adds one property to the animations
add: function add(method, args, type) {
this.last()[type || 'animations'][method] = args;
return this._callStart();
},
/** perform one step of the animation
* @param ignoreTime Boolean indicating whether to ignore time and use position directly or recalculate position based on time
* @return this
*/
step: function step(ignoreTime) {
// convert current time to an absolute position
if (!ignoreTime) this.absPos = this.timeToAbsPos(+new Date()); // This part convert an absolute position to a position
if (this.situation.loops !== false) {
var absPos, absPosInt, lastLoop; // If the absolute position is below 0, we just treat it as if it was 0
absPos = Math.max(this.absPos, 0);
absPosInt = Math.floor(absPos);
if (this.situation.loops === true || absPosInt < this.situation.loops) {
this.pos = absPos - absPosInt;
lastLoop = this.situation.loop;
this.situation.loop = absPosInt;
} else {
this.absPos = this.situation.loops;
this.pos = 1; // The -1 here is because we don't want to toggle reversed when all the loops have been completed
lastLoop = this.situation.loop - 1;
this.situation.loop = this.situation.loops;
}
if (this.situation.reversing) {
// Toggle reversed if an odd number of loops as occured since the last call of step
this.situation.reversed = this.situation.reversed != Boolean((this.situation.loop - lastLoop) % 2);
}
} else {
// If there are no loop, the absolute position must not be above 1
this.absPos = Math.min(this.absPos, 1);
this.pos = this.absPos;
} // while the absolute position can be below 0, the position must not be below 0
if (this.pos < 0) this.pos = 0;
if (this.situation.reversed) this.pos = 1 - this.pos; // apply easing
var eased = this.situation.ease(this.pos); // call once-callbacks
for (var i in this.situation.once) {
if (i > this.lastPos && i <= eased) {
this.situation.once[i].call(this.target(), this.pos, eased);
delete this.situation.once[i];
}
} // fire during callback with position, eased position and current situation as parameter
if (this.active) this.target().fire('during', {
pos: this.pos,
eased: eased,
fx: this,
situation: this.situation
}); // the user may call stop or finish in the during callback
// so make sure that we still have a valid situation
if (!this.situation) {
return this;
} // apply the actual animation to every property
this.eachAt(); // do final code when situation is finished
if (this.pos == 1 && !this.situation.reversed || this.situation.reversed && this.pos == 0) {
// stop animation callback
this.stopAnimFrame(); // fire finished callback with current situation as parameter
this.target().fire('finished', {
fx: this,
situation: this.situation
});
if (!this.situations.length) {
this.target().fire('allfinished'); // Recheck the length since the user may call animate in the afterAll callback
if (!this.situations.length) {
this.target().off('.fx'); // there shouldnt be any binding left, but to make sure...
this.active = false;
}
} // start next animation
if (this.active) this.dequeue();else this.clearCurrent();
} else if (!this.paused && this.active) {
// we continue animating when we are not at the end
this.startAnimFrame();
} // save last eased position for once callback triggering
this.lastPos = eased;
return this;
},
// calculates the step for every property and calls block with it
eachAt: function eachAt() {
var i,
len,
at,
self = this,
target = this.target(),
s = this.situation; // apply animations which can be called trough a method
for (i in s.animations) {
at = [].concat(s.animations[i]).map(function (el) {
return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
});
target[i].apply(target, at);
} // apply animation which has to be applied with attr()
for (i in s.attrs) {
at = [i].concat(s.attrs[i]).map(function (el) {
return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
});
target.attr.apply(target, at);
} // apply animation which has to be applied with style()
for (i in s.styles) {
at = [i].concat(s.styles[i]).map(function (el) {
return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
});
target.style.apply(target, at);
} // animate initialTransformation which has to be chained
if (s.transforms.length) {
// get initial initialTransformation
at = s.initialTransformation;
for (i = 0, len = s.transforms.length; i < len; i++) {
// get next transformation in chain
var a = s.transforms[i]; // multiply matrix directly
if (a instanceof SVG.Matrix) {
if (a.relative) {
at = at.multiply(new SVG.Matrix().morph(a).at(s.ease(this.pos)));
} else {
at = at.morph(a).at(s.ease(this.pos));
}
continue;
} // when transformation is absolute we have to reset the needed transformation first
if (!a.relative) {
a.undo(at.extract());
} // and reapply it after
at = at.multiply(a.at(s.ease(this.pos)));
} // set new matrix on element
target.matrix(at);
}
return this;
},
// adds an once-callback which is called at a specific position and never again
once: function once(pos, fn, isEased) {
var c = this.last();
if (!isEased) pos = c.ease(pos);
c.once[pos] = fn;
return this;
},
_callStart: function _callStart() {
setTimeout(function () {
this.start();
}.bind(this), 0);
return this;
}
},
parent: SVG.Element,
// Add method to parent elements
construct: {
// Get fx module or create a new one, then animate with given duration and ease
animate: function animate(o, ease, delay) {
return (this.fx || (this.fx = new SVG.FX(this))).animate(o, ease, delay);
},
delay: function delay(_delay2) {
return (this.fx || (this.fx = new SVG.FX(this))).delay(_delay2);
},
stop: function stop(jumpToEnd, clearQueue) {
if (this.fx) {
this.fx.stop(jumpToEnd, clearQueue);
}
return this;
},
finish: function finish() {
if (this.fx) {
this.fx.finish();
}
return this;
},
// Pause current animation
pause: function pause() {
if (this.fx) {
this.fx.pause();
}
return this;
},
// Play paused current animation
play: function play() {
if (this.fx) {
this.fx.play();
}
return this;
},
// Set/Get the speed of the animations
speed: function speed(_speed2) {
if (this.fx) {
if (_speed2 == null) {
return this.fx.speed();
} else {
this.fx.speed(_speed2);
}
}
return this;
}
}
}); // MorphObj is used whenever no morphable object is given
SVG.MorphObj = SVG.invent({
create: function create(from, to) {
// prepare color for morphing
if (SVG.Color.isColor(to)) return new SVG.Color(from).morph(to); // check if we have a list of values
if (SVG.regex.delimiter.test(from)) {
// prepare path for morphing
if (SVG.regex.pathLetters.test(from)) return new SVG.PathArray(from).morph(to); // prepare value list for morphing
else return new SVG.Array(from).morph(to);
} // prepare number for morphing
if (SVG.regex.numberAndUnit.test(to)) return new SVG.Number(from).morph(to); // prepare for plain morphing
this.value = from;
this.destination = to;
},
extend: {
at: function at(pos, real) {
return real < 1 ? this.value : this.destination;
},
valueOf: function valueOf() {
return this.value;
}
}
});
SVG.extend(SVG.FX, {
// Add animatable attributes
attr: function attr(a, v, relative) {
// apply attributes individually
if (_typeof(a) === 'object') {
for (var key in a) {
this.attr(key, a[key]);
}
} else {
this.add(a, v, 'attrs');
}
return this;
},
// Add animatable styles
style: function style(s, v) {
if (_typeof(s) === 'object') {
for (var key in s) {
this.style(key, s[key]);
}
} else {
this.add(s, v, 'styles');
}
return this;
},
// Animatable x-axis
x: function x(_x2, relative) {
if (this.target() instanceof SVG.G) {
this.transform({
x: _x2
}, relative);
return this;
}
var num = new SVG.Number(_x2);
num.relative = relative;
return this.add('x', num);
},
// Animatable y-axis
y: function y(_y2, relative) {
if (this.target() instanceof SVG.G) {
this.transform({
y: _y2
}, relative);
return this;
}
var num = new SVG.Number(_y2);
num.relative = relative;
return this.add('y', num);
},
// Animatable center x-axis
cx: function cx(x) {
return this.add('cx', new SVG.Number(x));
},
// Animatable center y-axis
cy: function cy(y) {
return this.add('cy', new SVG.Number(y));
},
// Add animatable move
move: function move(x, y) {
return this.x(x).y(y);
},
// Add animatable center
center: function center(x, y) {
return this.cx(x).cy(y);
},
// Add animatable size
size: function size(width, height) {
if (this.target() instanceof SVG.Text) {
// animate font size for Text elements
this.attr('font-size', width);
} else {
// animate bbox based size for all other elements
var box;
if (!width || !height) {
box = this.target().bbox();
}
if (!width) {
width = box.width / box.height * height;
}
if (!height) {
height = box.height / box.width * width;
}
this.add('width', new SVG.Number(width)).add('height', new SVG.Number(height));
}
return this;
},
// Add animatable width
width: function width(_width2) {
return this.add('width', new SVG.Number(_width2));
},
// Add animatable height
height: function height(_height2) {
return this.add('height', new SVG.Number(_height2));
},
// Add animatable plot
plot: function plot(a, b, c, d) {
// Lines can be plotted with 4 arguments
if (arguments.length == 4) {
return this.plot([a, b, c, d]);
}
return this.add('plot', new (this.target().morphArray)(a));
},
// Add leading method
leading: function leading(value) {
return this.target().leading ? this.add('leading', new SVG.Number(value)) : this;
},
// Add animatable viewbox
viewbox: function viewbox(x, y, width, height) {
if (this.target() instanceof SVG.Container) {
this.add('viewbox', new SVG.ViewBox(x, y, width, height));
}
return this;
},
update: function update(o) {
if (this.target() instanceof SVG.Stop) {
if (typeof o === 'number' || o instanceof SVG.Number) {
return this.update({
offset: arguments[0],
color: arguments[1],
opacity: arguments[2]
});
}
if (o.opacity != null) this.attr('stop-opacity', o.opacity);
if (o.color != null) this.attr('stop-color', o.color);
if (o.offset != null) this.attr('offset', o.offset);
}
return this;
}
});
SVG.Box = SVG.invent({
create: function create(x, y, width, height) {
if (_typeof(x) === 'object' && !(x instanceof SVG.Element)) {
// chromes getBoundingClientRect has no x and y property
return SVG.Box.call(this, x.left != null ? x.left : x.x, x.top != null ? x.top : x.y, x.width, x.height);
} else if (arguments.length == 4) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
} // add center, right, bottom...
fullBox(this);
},
extend: {
// Merge rect box with another, return a new instance
merge: function merge(box) {
var b = new this.constructor(); // merge boxes
b.x = Math.min(this.x, box.x);
b.y = Math.min(this.y, box.y);
b.width = Math.max(this.x + this.width, box.x + box.width) - b.x;
b.height = Math.max(this.y + this.height, box.y + box.height) - b.y;
return fullBox(b);
},
transform: function transform(m) {
var xMin = Infinity,
xMax = -Infinity,
yMin = Infinity,
yMax = -Infinity,
bbox;
var pts = [new SVG.Point(this.x, this.y), new SVG.Point(this.x2, this.y), new SVG.Point(this.x, this.y2), new SVG.Point(this.x2, this.y2)];
pts.forEach(function (p) {
p = p.transform(m);
xMin = Math.min(xMin, p.x);
xMax = Math.max(xMax, p.x);
yMin = Math.min(yMin, p.y);
yMax = Math.max(yMax, p.y);
});
bbox = new this.constructor();
bbox.x = xMin;
bbox.width = xMax - xMin;
bbox.y = yMin;
bbox.height = yMax - yMin;
fullBox(bbox);
return bbox;
}
}
});
SVG.BBox = SVG.invent({
// Initialize
create: function create(element) {
SVG.Box.apply(this, [].slice.call(arguments)); // get values if element is given
if (element instanceof SVG.Element) {
var box; // yes this is ugly, but Firefox can be a pain when it comes to elements that are not yet rendered
try {
if (!document.documentElement.contains) {
// This is IE - it does not support contains() for top-level SVGs
var topParent = element.node;
while (topParent.parentNode) {
topParent = topParent.parentNode;
}
if (topParent != document) throw new Error('Element not in the dom');
} // the element is NOT in the dom, throw error
// disabling the check below which fixes issue #76
// if (!document.documentElement.contains(element.node)) throw new Exception('Element not in the dom')
// find native bbox
box = element.node.getBBox();
} catch (e) {
if (element instanceof SVG.Shape) {
if (!SVG.parser.draw) {
// fixes apexcharts/vue-apexcharts #14
SVG.prepare();
}
var clone = element.clone(SVG.parser.draw.instance).show();
box = clone.node.getBBox();
clone.remove();
} else {
box = {
x: element.node.clientLeft,
y: element.node.clientTop,
width: element.node.clientWidth,
height: element.node.clientHeight
};
}
}
SVG.Box.call(this, box);
}
},
// Define ancestor
inherit: SVG.Box,
// Define Parent
parent: SVG.Element,
// Constructor
construct: {
// Get bounding box
bbox: function bbox() {
return new SVG.BBox(this);
}
}
});
SVG.BBox.prototype.constructor = SVG.BBox;
SVG.extend(SVG.Element, {
tbox: function tbox() {
console.warn('Use of TBox is deprecated and mapped to RBox. Use .rbox() instead.');
return this.rbox(this.doc());
}
});
SVG.RBox = SVG.invent({
// Initialize
create: function create(element) {
SVG.Box.apply(this, [].slice.call(arguments));
if (element instanceof SVG.Element) {
SVG.Box.call(this, element.node.getBoundingClientRect());
}
},
inherit: SVG.Box,
// define Parent
parent: SVG.Element,
extend: {
addOffset: function addOffset() {
// offset by window scroll position, because getBoundingClientRect changes when window is scrolled
this.x += window.pageXOffset;
this.y += window.pageYOffset;
return this;
}
},
// Constructor
construct: {
// Get rect box
rbox: function rbox(el) {
if (el) return new SVG.RBox(this).transform(el.screenCTM().inverse());
return new SVG.RBox(this).addOffset();
}
}
});
SVG.RBox.prototype.constructor = SVG.RBox;
SVG.Matrix = SVG.invent({
// Initialize
create: function create(source) {
var i,
base = arrayToMatrix([1, 0, 0, 1, 0, 0]); // ensure source as object
source = source instanceof SVG.Element ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(SVG.regex.delimiter).map(parseFloat)) : arguments.length == 6 ? arrayToMatrix([].slice.call(arguments)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' ? source : base; // merge source
for (i = abcdef.length - 1; i >= 0; --i) {
this[abcdef[i]] = source[abcdef[i]] != null ? source[abcdef[i]] : base[abcdef[i]];
}
},
// Add methods
extend: {
// Extract individual transformations
extract: function extract() {
// find delta transform points
var px = deltaTransformPoint(this, 0, 1),
py = deltaTransformPoint(this, 1, 0),
skewX = 180 / Math.PI * Math.atan2(px.y, px.x) - 90;
return {
// translation
x: this.e,
y: this.f,
transformedX: (this.e * Math.cos(skewX * Math.PI / 180) + this.f * Math.sin(skewX * Math.PI / 180)) / Math.sqrt(this.a * this.a + this.b * this.b),
transformedY: (this.f * Math.cos(skewX * Math.PI / 180) + this.e * Math.sin(-skewX * Math.PI / 180)) / Math.sqrt(this.c * this.c + this.d * this.d),
// skew
skewX: -skewX,
skewY: 180 / Math.PI * Math.atan2(py.y, py.x),
// scale
scaleX: Math.sqrt(this.a * this.a + this.b * this.b),
scaleY: Math.sqrt(this.c * this.c + this.d * this.d),
// rotation
rotation: skewX,
a: this.a,
b: this.b,
c: this.c,
d: this.d,
e: this.e,
f: this.f,
matrix: new SVG.Matrix(this)
};
},
// Clone matrix
clone: function clone() {
return new SVG.Matrix(this);
},
// Morph one matrix into another
morph: function morph(matrix) {
// store new destination
this.destination = new SVG.Matrix(matrix);
return this;
},
// Get morphed matrix at a given position
at: function at(pos) {
// make sure a destination is defined
if (!this.destination) return this; // calculate morphed matrix at a given position
var matrix = new SVG.Matrix({
a: this.a + (this.destination.a - this.a) * pos,
b: this.b + (this.destination.b - this.b) * pos,
c: this.c + (this.destination.c - this.c) * pos,
d: this.d + (this.destination.d - this.d) * pos,
e: this.e + (this.destination.e - this.e) * pos,
f: this.f + (this.destination.f - this.f) * pos
});
return matrix;
},
// Multiplies by given matrix
multiply: function multiply(matrix) {
return new SVG.Matrix(this.native().multiply(parseMatrix(matrix).native()));
},
// Inverses matrix
inverse: function inverse() {
return new SVG.Matrix(this.native().inverse());
},
// Translate matrix
translate: function translate(x, y) {
return new SVG.Matrix(this.native().translate(x || 0, y || 0));
},
// Scale matrix
scale: function scale(x, y, cx, cy) {
// support uniformal scale
if (arguments.length == 1) {
y = x;
} else if (arguments.length == 3) {
cy = cx;
cx = y;
y = x;
}
return this.around(cx, cy, new SVG.Matrix(x, 0, 0, y, 0, 0));
},
// Rotate matrix
rotate: function rotate(r, cx, cy) {
// convert degrees to radians
r = SVG.utils.radians(r);
return this.around(cx, cy, new SVG.Matrix(Math.cos(r), Math.sin(r), -Math.sin(r), Math.cos(r), 0, 0));
},
// Flip matrix on x or y, at a given offset
flip: function flip(a, o) {
return a == 'x' ? this.scale(-1, 1, o, 0) : a == 'y' ? this.scale(1, -1, 0, o) : this.scale(-1, -1, a, o != null ? o : a);
},
// Skew
skew: function skew(x, y, cx, cy) {
// support uniformal skew
if (arguments.length == 1) {
y = x;
} else if (arguments.length == 3) {
cy = cx;
cx = y;
y = x;
} // convert degrees to radians
x = SVG.utils.radians(x);
y = SVG.utils.radians(y);
return this.around(cx, cy, new SVG.Matrix(1, Math.tan(y), Math.tan(x), 1, 0, 0));
},
// SkewX
skewX: function skewX(x, cx, cy) {
return this.skew(x, 0, cx, cy);
},
// SkewY
skewY: function skewY(y, cx, cy) {
return this.skew(0, y, cx, cy);
},
// Transform around a center point
around: function around(cx, cy, matrix) {
return this.multiply(new SVG.Matrix(1, 0, 0, 1, cx || 0, cy || 0)).multiply(matrix).multiply(new SVG.Matrix(1, 0, 0, 1, -cx || 0, -cy || 0));
},
// Convert to native SVGMatrix
native: function native() {
// create new matrix
var matrix = SVG.parser.native.createSVGMatrix(); // update with current values
for (var i = abcdef.length - 1; i >= 0; i--) {
matrix[abcdef[i]] = this[abcdef[i]];
}
return matrix;
},
// Convert matrix to string
toString: function toString() {
// Construct the matrix directly, avoid values that are too small
return 'matrix(' + float32String(this.a) + ',' + float32String(this.b) + ',' + float32String(this.c) + ',' + float32String(this.d) + ',' + float32String(this.e) + ',' + float32String(this.f) + ')';
}
},
// Define parent
parent: SVG.Element,
// Add parent method
construct: {
// Get current matrix
ctm: function ctm() {
return new SVG.Matrix(this.node.getCTM());
},
// Get current screen matrix
screenCTM: function screenCTM() {
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1344537
This is needed because FF does not return the transformation matrix
for the inner coordinate system when getScreenCTM() is called on nested svgs.
However all other Browsers do that */
if (this instanceof SVG.Nested) {
var rect = this.rect(1, 1);
var m = rect.node.getScreenCTM();
rect.remove();
return new SVG.Matrix(m);
}
return new SVG.Matrix(this.node.getScreenCTM());
}
}
});
SVG.Point = SVG.invent({
// Initialize
create: function create(x, y) {
var source,
base = {
x: 0,
y: 0 // ensure source as object
};
source = Array.isArray(x) ? {
x: x[0],
y: x[1]
} : _typeof(x) === 'object' ? {
x: x.x,
y: x.y
} : x != null ? {
x: x,
y: y != null ? y : x
} : base; // If y has no value, then x is used has its value
// merge source
this.x = source.x;
this.y = source.y;
},
// Add methods
extend: {
// Clone point
clone: function clone() {
return new SVG.Point(this);
},
// Morph one point into another
morph: function morph(x, y) {
// store new destination
this.destination = new SVG.Point(x, y);
return this;
},
// Get morphed point at a given position
at: function at(pos) {
// make sure a destination is defined
if (!this.destination) return this; // calculate morphed matrix at a given position
var point = new SVG.Point({
x: this.x + (this.destination.x - this.x) * pos,
y: this.y + (this.destination.y - this.y) * pos
});
return point;
},
// Convert to native SVGPoint
native: function native() {
// create new point
var point = SVG.parser.native.createSVGPoint(); // update with current values
point.x = this.x;
point.y = this.y;
return point;
},
// transform point with matrix
transform: function transform(matrix) {
return new SVG.Point(this.native().matrixTransform(matrix.native()));
}
}
});
SVG.extend(SVG.Element, {
// Get point
point: function point(x, y) {
return new SVG.Point(x, y).transform(this.screenCTM().inverse());
}
});
SVG.extend(SVG.Element, {
// Set svg element attribute
attr: function attr(a, v, n) {
// act as full getter
if (a == null) {
// get an object of attributes
a = {};
v = this.node.attributes;
for (n = v.length - 1; n >= 0; n--) {
a[v[n].nodeName] = SVG.regex.isNumber.test(v[n].nodeValue) ? parseFloat(v[n].nodeValue) : v[n].nodeValue;
}
return a;
} else if (_typeof(a) === 'object') {
// apply every attribute individually if an object is passed
for (v in a) {
this.attr(v, a[v]);
}
} else if (v === null) {
// remove value
this.node.removeAttribute(a);
} else if (v == null) {
// act as a getter if the first and only argument is not an object
v = this.node.getAttribute(a);
return v == null ? SVG.defaults.attrs[a] : SVG.regex.isNumber.test(v) ? parseFloat(v) : v;
} else {
// BUG FIX: some browsers will render a stroke if a color is given even though stroke width is 0
if (a == 'stroke-width') {
this.attr('stroke', parseFloat(v) > 0 ? this._stroke : null);
} else if (a == 'stroke') {
this._stroke = v;
} // convert image fill and stroke to patterns
if (a == 'fill' || a == 'stroke') {
if (SVG.regex.isImage.test(v)) {
v = this.doc().defs().image(v, 0, 0);
}
if (v instanceof SVG.Image) {
v = this.doc().defs().pattern(0, 0, function () {
this.add(v);
});
}
} // ensure correct numeric values (also accepts NaN and Infinity)
if (typeof v === 'number') {
v = new SVG.Number(v);
} // ensure full hex color
else if (SVG.Color.isColor(v)) {
v = new SVG.Color(v);
} // parse array values
else if (Array.isArray(v)) {
v = new SVG.Array(v);
} // if the passed attribute is leading...
if (a == 'leading') {
// ... call the leading method instead
if (this.leading) {
this.leading(v);
}
} else {
// set given attribute on node
typeof n === 'string' ? this.node.setAttributeNS(n, a, v.toString()) : this.node.setAttribute(a, v.toString());
} // rebuild if required
if (this.rebuild && (a == 'font-size' || a == 'x')) {
this.rebuild(a, v);
}
}
return this;
}
});
SVG.extend(SVG.Element, {
// Add transformations
transform: function transform(o, relative) {
// get target in case of the fx module, otherwise reference this
var target = this,
matrix,
bbox; // act as a getter
if (_typeof(o) !== 'object') {
// get current matrix
matrix = new SVG.Matrix(target).extract();
return typeof o === 'string' ? matrix[o] : matrix;
} // get current matrix
matrix = new SVG.Matrix(target); // ensure relative flag
relative = !!relative || !!o.relative; // act on matrix
if (o.a != null) {
matrix = relative // relative
? matrix.multiply(new SVG.Matrix(o)) // absolute
: new SVG.Matrix(o); // act on rotation
} else if (o.rotation != null) {
// ensure centre point
ensureCentre(o, target); // apply transformation
matrix = relative // relative
? matrix.rotate(o.rotation, o.cx, o.cy) // absolute
: matrix.rotate(o.rotation - matrix.extract().rotation, o.cx, o.cy); // act on scale
} else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
// ensure centre point
ensureCentre(o, target); // ensure scale values on both axes
o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
if (!relative) {
// absolute; multiply inversed values
var e = matrix.extract();
o.scaleX = o.scaleX * 1 / e.scaleX;
o.scaleY = o.scaleY * 1 / e.scaleY;
}
matrix = matrix.scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
} else if (o.skew != null || o.skewX != null || o.skewY != null) {
// ensure centre point
ensureCentre(o, target); // ensure skew values on both axes
o.skewX = o.skew != null ? o.skew : o.skewX != null ? o.skewX : 0;
o.skewY = o.skew != null ? o.skew : o.skewY != null ? o.skewY : 0;
if (!relative) {
// absolute; reset skew values
var e = matrix.extract();
matrix = matrix.multiply(new SVG.Matrix().skew(e.skewX, e.skewY, o.cx, o.cy).inverse());
}
matrix = matrix.skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
} else if (o.flip) {
if (o.flip == 'x' || o.flip == 'y') {
o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
} else {
if (o.offset == null) {
bbox = target.bbox();
o.flip = bbox.cx;
o.offset = bbox.cy;
} else {
o.flip = o.offset;
}
}
matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
} else if (o.x != null || o.y != null) {
if (relative) {
// relative
matrix = matrix.translate(o.x, o.y);
} else {
// absolute
if (o.x != null) matrix.e = o.x;
if (o.y != null) matrix.f = o.y;
}
}
return this.attr('transform', matrix);
}
});
SVG.extend(SVG.FX, {
transform: function transform(o, relative) {
// get target in case of the fx module, otherwise reference this
var target = this.target(),
matrix,
bbox; // act as a getter
if (_typeof(o) !== 'object') {
// get current matrix
matrix = new SVG.Matrix(target).extract();
return typeof o === 'string' ? matrix[o] : matrix;
} // ensure relative flag
relative = !!relative || !!o.relative; // act on matrix
if (o.a != null) {
matrix = new SVG.Matrix(o); // act on rotation
} else if (o.rotation != null) {
// ensure centre point
ensureCentre(o, target); // apply transformation
matrix = new SVG.Rotate(o.rotation, o.cx, o.cy); // act on scale
} else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
// ensure centre point
ensureCentre(o, target); // ensure scale values on both axes
o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
matrix = new SVG.Scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
} else if (o.skewX != null || o.skewY != null) {
// ensure centre point
ensureCentre(o, target); // ensure skew values on both axes
o.skewX = o.skewX != null ? o.skewX : 0;
o.skewY = o.skewY != null ? o.skewY : 0;
matrix = new SVG.Skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
} else if (o.flip) {
if (o.flip == 'x' || o.flip == 'y') {
o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
} else {
if (o.offset == null) {
bbox = target.bbox();
o.flip = bbox.cx;
o.offset = bbox.cy;
} else {
o.flip = o.offset;
}
}
matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
} else if (o.x != null || o.y != null) {
matrix = new SVG.Translate(o.x, o.y);
}
if (!matrix) return this;
matrix.relative = relative;
this.last().transforms.push(matrix);
return this._callStart();
}
});
SVG.extend(SVG.Element, {
// Reset all transformations
untransform: function untransform() {
return this.attr('transform', null);
},
// merge the whole transformation chain into one matrix and returns it
matrixify: function matrixify() {
var matrix = (this.attr('transform') || ''). // split transformations
split(SVG.regex.transforms).slice(0, -1).map(function (str) {
// generate key => value pairs
var kv = str.trim().split('(');
return [kv[0], kv[1].split(SVG.regex.delimiter).map(function (str) {
return parseFloat(str);
})];
}) // merge every transformation into one matrix
.reduce(function (matrix, transform) {
if (transform[0] == 'matrix') return matrix.multiply(arrayToMatrix(transform[1]));
return matrix[transform[0]].apply(matrix, transform[1]);
}, new SVG.Matrix());
return matrix;
},
// add an element to another parent without changing the visual representation on the screen
toParent: function toParent(parent) {
if (this == parent) return this;
var ctm = this.screenCTM();
var pCtm = parent.screenCTM().inverse();
this.addTo(parent).untransform().transform(pCtm.multiply(ctm));
return this;
},
// same as above with parent equals root-svg
toDoc: function toDoc() {
return this.toParent(this.doc());
}
});
SVG.Transformation = SVG.invent({
create: function create(source, inversed) {
if (arguments.length > 1 && typeof inversed !== 'boolean') {
return this.constructor.call(this, [].slice.call(arguments));
}
if (Array.isArray(source)) {
for (var i = 0, len = this.arguments.length; i < len; ++i) {
this[this.arguments[i]] = source[i];
}
} else if (_typeof(source) === 'object') {
for (var i = 0, len = this.arguments.length; i < len; ++i) {
this[this.arguments[i]] = source[this.arguments[i]];
}
}
this.inversed = false;
if (inversed === true) {
this.inversed = true;
}
},
extend: {
arguments: [],
method: '',
at: function at(pos) {
var params = [];
for (var i = 0, len = this.arguments.length; i < len; ++i) {
params.push(this[this.arguments[i]]);
}
var m = this._undo || new SVG.Matrix();
m = new SVG.Matrix().morph(SVG.Matrix.prototype[this.method].apply(m, params)).at(pos);
return this.inversed ? m.inverse() : m;
},
undo: function undo(o) {
for (var i = 0, len = this.arguments.length; i < len; ++i) {
o[this.arguments[i]] = typeof this[this.arguments[i]] === 'undefined' ? 0 : o[this.arguments[i]];
} // The method SVG.Matrix.extract which was used before calling this
// method to obtain a value for the parameter o doesn't return a cx and
// a cy so we use the ones that were provided to this object at its creation
o.cx = this.cx;
o.cy = this.cy;
this._undo = new SVG[capitalize(this.method)](o, true).at(1);
return this;
}
}
});
SVG.Translate = SVG.invent({
parent: SVG.Matrix,
inherit: SVG.Transformation,
create: function create(source, inversed) {
this.constructor.apply(this, [].slice.call(arguments));
},
extend: {
arguments: ['transformedX', 'transformedY'],
method: 'translate'
}
});
SVG.Rotate = SVG.invent({
parent: SVG.Matrix,
inherit: SVG.Transformation,
create: function create(source, inversed) {
this.constructor.apply(this, [].slice.call(arguments));
},
extend: {
arguments: ['rotation', 'cx', 'cy'],
method: 'rotate',
at: function at(pos) {
var m = new SVG.Matrix().rotate(new SVG.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(pos), this.cx, this.cy);
return this.inversed ? m.inverse() : m;
},
undo: function undo(o) {
this._undo = o;
return this;
}
}
});
SVG.Scale = SVG.invent({
parent: SVG.Matrix,
inherit: SVG.Transformation,
create: function create(source, inversed) {
this.constructor.apply(this, [].slice.call(arguments));
},
extend: {
arguments: ['scaleX', 'scaleY', 'cx', 'cy'],
method: 'scale'
}
});
SVG.Skew = SVG.invent({
parent: SVG.Matrix,
inherit: SVG.Transformation,
create: function create(source, inversed) {
this.constructor.apply(this, [].slice.call(arguments));
},
extend: {
arguments: ['skewX', 'skewY', 'cx', 'cy'],
method: 'skew'
}
});
SVG.extend(SVG.Element, {
// Dynamic style generator
style: function style(s, v) {
if (arguments.length == 0) {
// get full style
return this.node.style.cssText || '';
} else if (arguments.length < 2) {
// apply every style individually if an object is passed
if (_typeof(s) === 'object') {
for (v in s) {
this.style(v, s[v]);
}
} else if (SVG.regex.isCss.test(s)) {
// parse css string
s = s.split(/\s*;\s*/) // filter out suffix ; and stuff like ;;
.filter(function (e) {
return !!e;
}).map(function (e) {
return e.split(/\s*:\s*/);
}); // apply every definition individually
while (v = s.pop()) {
this.style(v[0], v[1]);
}
} else {
// act as a getter if the first and only argument is not an object
return this.node.style[camelCase(s)];
}
} else {
this.node.style[camelCase(s)] = v === null || SVG.regex.isBlank.test(v) ? '' : v;
}
return this;
}
});
SVG.Parent = SVG.invent({
// Initialize node
create: function create(element) {
this.constructor.call(this, element);
},
// Inherit from
inherit: SVG.Element,
// Add class methods
extend: {
// Returns all child elements
children: function children() {
return SVG.utils.map(SVG.utils.filterSVGElements(this.node.childNodes), function (node) {
return SVG.adopt(node);
});
},
// Add given element at a position
add: function add(element, i) {
if (i == null) {
this.node.appendChild(element.node);
} else if (element.node != this.node.childNodes[i]) {
this.node.insertBefore(element.node, this.node.childNodes[i]);
}
return this;
},
// Basically does the same as `add()` but returns the added element instead
put: function put(element, i) {
this.add(element, i);
return element;
},
// Checks if the given element is a child
has: function has(element) {
return this.index(element) >= 0;
},
// Gets index of given element
index: function index(element) {
return [].slice.call(this.node.childNodes).indexOf(element.node);
},
// Get a element at the given index
get: function get(i) {
return SVG.adopt(this.node.childNodes[i]);
},
// Get first child
first: function first() {
return this.get(0);
},
// Get the last child
last: function last() {
return this.get(this.node.childNodes.length - 1);
},
// Iterates over all children and invokes a given block
each: function each(block, deep) {
var i,
il,
children = this.children();
for (i = 0, il = children.length; i < il; i++) {
if (children[i] instanceof SVG.Element) {
block.apply(children[i], [i, children]);
}
if (deep && children[i] instanceof SVG.Container) {
children[i].each(block, deep);
}
}
return this;
},
// Remove a given child
removeElement: function removeElement(element) {
this.node.removeChild(element.node);
return this;
},
// Remove all elements in this container
clear: function clear() {
// remove children
while (this.node.hasChildNodes()) {
this.node.removeChild(this.node.lastChild);
} // remove defs reference
delete this._defs;
return this;
},
// Get defs
defs: function defs() {
return this.doc().defs();
}
}
});
SVG.extend(SVG.Parent, {
ungroup: function ungroup(parent, depth) {
if (depth === 0 || this instanceof SVG.Defs || this.node == SVG.parser.draw) return this;
parent = parent || (this instanceof SVG.Doc ? this : this.parent(SVG.Parent));
depth = depth || Infinity;
this.each(function () {
if (this instanceof SVG.Defs) return this;
if (this instanceof SVG.Parent) return this.ungroup(parent, depth - 1);
return this.toParent(parent);
});
this.node.firstChild || this.remove();
return this;
},
flatten: function flatten(parent, depth) {
return this.ungroup(parent, depth);
}
});
SVG.Container = SVG.invent({
// Initialize node
create: function create(element) {
this.constructor.call(this, element);
},
// Inherit from
inherit: SVG.Parent
});
SVG.ViewBox = SVG.invent({
create: function create(source) {
var base = [0, 0, 0, 0];
var x,
y,
width,
height,
box,
view,
we,
he,
wm = 1,
// width multiplier
hm = 1,
// height multiplier
reg = /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;
if (source instanceof SVG.Element) {
we = source;
he = source;
view = (source.attr('viewBox') || '').match(reg);
box = source.bbox; // get dimensions of current node
width = new SVG.Number(source.width());
height = new SVG.Number(source.height()); // find nearest non-percentual dimensions
while (width.unit == '%') {
wm *= width.value;
width = new SVG.Number(we instanceof SVG.Doc ? we.parent().offsetWidth : we.parent().width());
we = we.parent();
}
while (height.unit == '%') {
hm *= height.value;
height = new SVG.Number(he instanceof SVG.Doc ? he.parent().offsetHeight : he.parent().height());
he = he.parent();
} // ensure defaults
this.x = 0;
this.y = 0;
this.width = width * wm;
this.height = height * hm;
this.zoom = 1;
if (view) {
// get width and height from viewbox
x = parseFloat(view[0]);
y = parseFloat(view[1]);
width = parseFloat(view[2]);
height = parseFloat(view[3]); // calculate zoom accoring to viewbox
this.zoom = this.width / this.height > width / height ? this.height / height : this.width / width; // calculate real pixel dimensions on parent SVG.Doc element
this.x = x;
this.y = y;
this.width = width;
this.height = height;
}
} else {
// ensure source as object
source = typeof source === 'string' ? source.match(reg).map(function (el) {
return parseFloat(el);
}) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.x, source.y, source.width, source.height] : arguments.length == 4 ? [].slice.call(arguments) : base;
this.x = source[0];
this.y = source[1];
this.width = source[2];
this.height = source[3];
}
},
extend: {
toString: function toString() {
return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
},
morph: function morph(x, y, width, height) {
this.destination = new SVG.ViewBox(x, y, width, height);
return this;
},
at: function at(pos) {
if (!this.destination) return this;
return new SVG.ViewBox([this.x + (this.destination.x - this.x) * pos, this.y + (this.destination.y - this.y) * pos, this.width + (this.destination.width - this.width) * pos, this.height + (this.destination.height - this.height) * pos]);
}
},
// Define parent
parent: SVG.Container,
// Add parent method
construct: {
// get/set viewbox
viewbox: function viewbox(x, y, width, height) {
if (arguments.length == 0) // act as a getter if there are no arguments
{
return new SVG.ViewBox(this);
} // otherwise act as a setter
return this.attr('viewBox', new SVG.ViewBox(x, y, width, height));
}
}
}) // Add events to elements
;
['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', // , 'mouseenter' -> not supported by IE
// , 'mouseleave' -> not supported by IE
'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].forEach(function (event) {
// add event to SVG.Element
SVG.Element.prototype[event] = function (f) {
// bind event to element rather than element node
SVG.on(this.node, event, f);
return this;
};
}); // Initialize listeners stack
SVG.listeners = [];
SVG.handlerMap = [];
SVG.listenerId = 0; // Add event binder in the SVG namespace
SVG.on = function (node, event, listener, binding, options) {
// create listener, get object-index
var l = listener.bind(binding || node.instance || node),
index = (SVG.handlerMap.indexOf(node) + 1 || SVG.handlerMap.push(node)) - 1,
ev = event.split('.')[0],
ns = event.split('.')[1] || '*'; // ensure valid object
SVG.listeners[index] = SVG.listeners[index] || {};
SVG.listeners[index][ev] = SVG.listeners[index][ev] || {};
SVG.listeners[index][ev][ns] = SVG.listeners[index][ev][ns] || {};
if (!listener._svgjsListenerId) {
listener._svgjsListenerId = ++SVG.listenerId;
} // reference listener
SVG.listeners[index][ev][ns][listener._svgjsListenerId] = l; // add listener
node.addEventListener(ev, l, options || false);
}; // Add event unbinder in the SVG namespace
SVG.off = function (node, event, listener) {
var index = SVG.handlerMap.indexOf(node),
ev = event && event.split('.')[0],
ns = event && event.split('.')[1],
namespace = '';
if (index == -1) return;
if (listener) {
if (typeof listener === 'function') listener = listener._svgjsListenerId;
if (!listener) return; // remove listener reference
if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns || '*']) {
// remove listener
node.removeEventListener(ev, SVG.listeners[index][ev][ns || '*'][listener], false);
delete SVG.listeners[index][ev][ns || '*'][listener];
}
} else if (ns && ev) {
// remove all listeners for a namespaced event
if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns]) {
for (listener in SVG.listeners[index][ev][ns]) {
SVG.off(node, [ev, ns].join('.'), listener);
}
delete SVG.listeners[index][ev][ns];
}
} else if (ns) {
// remove all listeners for a specific namespace
for (event in SVG.listeners[index]) {
for (namespace in SVG.listeners[index][event]) {
if (ns === namespace) {
SVG.off(node, [event, ns].join('.'));
}
}
}
} else if (ev) {
// remove all listeners for the event
if (SVG.listeners[index][ev]) {
for (namespace in SVG.listeners[index][ev]) {
SVG.off(node, [ev, namespace].join('.'));
}
delete SVG.listeners[index][ev];
}
} else {
// remove all listeners on a given node
for (event in SVG.listeners[index]) {
SVG.off(node, event);
}
delete SVG.listeners[index];
delete SVG.handlerMap[index];
}
}; //
SVG.extend(SVG.Element, {
// Bind given event to listener
on: function on(event, listener, binding, options) {
SVG.on(this.node, event, listener, binding, options);
return this;
},
// Unbind event from listener
off: function off(event, listener) {
SVG.off(this.node, event, listener);
return this;
},
// Fire given event
fire: function fire(event, data) {
// Dispatch event
if (event instanceof window.Event) {
this.node.dispatchEvent(event);
} else {
this.node.dispatchEvent(event = new SVG.CustomEvent(event, {
detail: data,
cancelable: true
}));
}
this._event = event;
return this;
},
event: function event() {
return this._event;
}
});
SVG.Defs = SVG.invent({
// Initialize node
create: 'defs',
// Inherit from
inherit: SVG.Container
});
SVG.G = SVG.invent({
// Initialize node
create: 'g',
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Move over x-axis
x: function x(_x3) {
return _x3 == null ? this.transform('x') : this.transform({
x: _x3 - this.x()
}, true);
},
// Move over y-axis
y: function y(_y3) {
return _y3 == null ? this.transform('y') : this.transform({
y: _y3 - this.y()
}, true);
},
// Move by center over x-axis
cx: function cx(x) {
return x == null ? this.gbox().cx : this.x(x - this.gbox().width / 2);
},
// Move by center over y-axis
cy: function cy(y) {
return y == null ? this.gbox().cy : this.y(y - this.gbox().height / 2);
},
gbox: function gbox() {
var bbox = this.bbox(),
trans = this.transform();
bbox.x += trans.x;
bbox.x2 += trans.x;
bbox.cx += trans.x;
bbox.y += trans.y;
bbox.y2 += trans.y;
bbox.cy += trans.y;
return bbox;
}
},
// Add parent method
construct: {
// Create a group element
group: function group() {
return this.put(new SVG.G());
}
}
});
SVG.Doc = SVG.invent({
// Initialize node
create: function create(element) {
if (element) {
// ensure the presence of a dom element
element = typeof element === 'string' ? document.getElementById(element) : element; // If the target is an svg element, use that element as the main wrapper.
// This allows svg.js to work with svg documents as well.
if (element.nodeName == 'svg') {
this.constructor.call(this, element);
} else {
this.constructor.call(this, SVG.create('svg'));
element.appendChild(this.node);
this.size('100%', '100%');
} // set svg element attributes and ensure defs node
this.namespace().defs();
}
},
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Add namespaces
namespace: function namespace() {
return this.attr({
xmlns: SVG.ns,
version: '1.1'
}).attr('xmlns:xlink', SVG.xlink, SVG.xmlns).attr('xmlns:svgjs', SVG.svgjs, SVG.xmlns);
},
// Creates and returns defs element
defs: function defs() {
if (!this._defs) {
var defs; // Find or create a defs element in this instance
if (defs = this.node.getElementsByTagName('defs')[0]) {
this._defs = SVG.adopt(defs);
} else {
this._defs = new SVG.Defs();
} // Make sure the defs node is at the end of the stack
this.node.appendChild(this._defs.node);
}
return this._defs;
},
// custom parent method
parent: function parent() {
if (!this.node.parentNode || this.node.parentNode.nodeName == '#document') return null;
return this.node.parentNode;
},
// Fix for possible sub-pixel offset. See:
// https://bugzilla.mozilla.org/show_bug.cgi?id=608812
spof: function spof() {
var pos = this.node.getScreenCTM();
if (pos) {
this.style('left', -pos.e % 1 + 'px').style('top', -pos.f % 1 + 'px');
}
return this;
},
// Removes the doc from the DOM
remove: function remove() {
if (this.parent()) {
this.parent().removeChild(this.node);
}
return this;
},
clear: function clear() {
// remove children
while (this.node.hasChildNodes()) {
this.node.removeChild(this.node.lastChild);
} // remove defs reference
delete this._defs; // add back parser
if (SVG.parser.draw && !SVG.parser.draw.parentNode) {
this.node.appendChild(SVG.parser.draw);
}
return this;
},
clone: function clone(parent) {
// write dom data to the dom so the clone can pickup the data
this.writeDataToDom(); // get reference to node
var node = this.node; // clone element and assign new id
var clone = assignNewId(node.cloneNode(true)); // insert the clone in the given parent or after myself
if (parent) {
(parent.node || parent).appendChild(clone.node);
} else {
node.parentNode.insertBefore(clone.node, node.nextSibling);
}
return clone;
}
}
}); // ### This module adds backward / forward functionality to elements.
//
SVG.extend(SVG.Element, {
// Get all siblings, including myself
siblings: function siblings() {
return this.parent().children();
},
// Get the curent position siblings
position: function position() {
return this.parent().index(this);
},
// Get the next element (will return null if there is none)
next: function next() {
return this.siblings()[this.position() + 1];
},
// Get the next element (will return null if there is none)
previous: function previous() {
return this.siblings()[this.position() - 1];
},
// Send given element one step forward
forward: function forward() {
var i = this.position() + 1,
p = this.parent(); // move node one step forward
p.removeElement(this).add(this, i); // make sure defs node is always at the top
if (p instanceof SVG.Doc) {
p.node.appendChild(p.defs().node);
}
return this;
},
// Send given element one step backward
backward: function backward() {
var i = this.position();
if (i > 0) {
this.parent().removeElement(this).add(this, i - 1);
}
return this;
},
// Send given element all the way to the front
front: function front() {
var p = this.parent(); // Move node forward
p.node.appendChild(this.node); // Make sure defs node is always at the top
if (p instanceof SVG.Doc) {
p.node.appendChild(p.defs().node);
}
return this;
},
// Send given element all the way to the back
back: function back() {
if (this.position() > 0) {
this.parent().removeElement(this).add(this, 0);
}
return this;
},
// Inserts a given element before the targeted element
before: function before(element) {
element.remove();
var i = this.position();
this.parent().add(element, i);
return this;
},
// Insters a given element after the targeted element
after: function after(element) {
element.remove();
var i = this.position();
this.parent().add(element, i + 1);
return this;
}
});
SVG.Mask = SVG.invent({
// Initialize node
create: function create() {
this.constructor.call(this, SVG.create('mask')); // keep references to masked elements
this.targets = [];
},
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Unmask all masked elements and remove itself
remove: function remove() {
// unmask all targets
for (var i = this.targets.length - 1; i >= 0; i--) {
if (this.targets[i]) {
this.targets[i].unmask();
}
}
this.targets = []; // remove mask from parent
SVG.Element.prototype.remove.call(this);
return this;
}
},
// Add parent method
construct: {
// Create masking element
mask: function mask() {
return this.defs().put(new SVG.Mask());
}
}
});
SVG.extend(SVG.Element, {
// Distribute mask to svg element
maskWith: function maskWith(element) {
// use given mask or create a new one
this.masker = element instanceof SVG.Mask ? element : this.parent().mask().add(element); // store reverence on self in mask
this.masker.targets.push(this); // apply mask
return this.attr('mask', 'url("#' + this.masker.attr('id') + '")');
},
// Unmask element
unmask: function unmask() {
delete this.masker;
return this.attr('mask', null);
}
});
SVG.ClipPath = SVG.invent({
// Initialize node
create: function create() {
this.constructor.call(this, SVG.create('clipPath')); // keep references to clipped elements
this.targets = [];
},
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Unclip all clipped elements and remove itself
remove: function remove() {
// unclip all targets
for (var i = this.targets.length - 1; i >= 0; i--) {
if (this.targets[i]) {
this.targets[i].unclip();
}
}
this.targets = []; // remove clipPath from parent
this.parent().removeElement(this);
return this;
}
},
// Add parent method
construct: {
// Create clipping element
clip: function clip() {
return this.defs().put(new SVG.ClipPath());
}
}
}); //
SVG.extend(SVG.Element, {
// Distribute clipPath to svg element
clipWith: function clipWith(element) {
// use given clip or create a new one
this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element); // store reverence on self in mask
this.clipper.targets.push(this); // apply mask
return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")');
},
// Unclip element
unclip: function unclip() {
delete this.clipper;
return this.attr('clip-path', null);
}
});
SVG.Gradient = SVG.invent({
// Initialize node
create: function create(type) {
this.constructor.call(this, SVG.create(type + 'Gradient')); // store type
this.type = type;
},
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Add a color stop
at: function at(offset, color, opacity) {
return this.put(new SVG.Stop()).update(offset, color, opacity);
},
// Update gradient
update: function update(block) {
// remove all stops
this.clear(); // invoke passed block
if (typeof block === 'function') {
block.call(this, this);
}
return this;
},
// Return the fill id
fill: function fill() {
return 'url(#' + this.id() + ')';
},
// Alias string convertion to fill
toString: function toString() {
return this.fill();
},
// custom attr to handle transform
attr: function attr(a, b, c) {
if (a == 'transform') a = 'gradientTransform';
return SVG.Container.prototype.attr.call(this, a, b, c);
}
},
// Add parent method
construct: {
// Create gradient element in defs
gradient: function gradient(type, block) {
return this.defs().gradient(type, block);
}
}
}); // Add animatable methods to both gradient and fx module
SVG.extend(SVG.Gradient, SVG.FX, {
// From position
from: function from(x, y) {
return (this._target || this).type == 'radial' ? this.attr({
fx: new SVG.Number(x),
fy: new SVG.Number(y)
}) : this.attr({
x1: new SVG.Number(x),
y1: new SVG.Number(y)
});
},
// To position
to: function to(x, y) {
return (this._target || this).type == 'radial' ? this.attr({
cx: new SVG.Number(x),
cy: new SVG.Number(y)
}) : this.attr({
x2: new SVG.Number(x),
y2: new SVG.Number(y)
});
}
}); // Base gradient generation
SVG.extend(SVG.Defs, {
// define gradient
gradient: function gradient(type, block) {
return this.put(new SVG.Gradient(type)).update(block);
}
});
SVG.Stop = SVG.invent({
// Initialize node
create: 'stop',
// Inherit from
inherit: SVG.Element,
// Add class methods
extend: {
// add color stops
update: function update(o) {
if (typeof o === 'number' || o instanceof SVG.Number) {
o = {
offset: arguments[0],
color: arguments[1],
opacity: arguments[2]
};
} // set attributes
if (o.opacity != null) this.attr('stop-opacity', o.opacity);
if (o.color != null) this.attr('stop-color', o.color);
if (o.offset != null) this.attr('offset', new SVG.Number(o.offset));
return this;
}
}
});
SVG.Pattern = SVG.invent({
// Initialize node
create: 'pattern',
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Return the fill id
fill: function fill() {
return 'url(#' + this.id() + ')';
},
// Update pattern by rebuilding
update: function update(block) {
// remove content
this.clear(); // invoke passed block
if (typeof block === 'function') {
block.call(this, this);
}
return this;
},
// Alias string convertion to fill
toString: function toString() {
return this.fill();
},
// custom attr to handle transform
attr: function attr(a, b, c) {
if (a == 'transform') a = 'patternTransform';
return SVG.Container.prototype.attr.call(this, a, b, c);
}
},
// Add parent method
construct: {
// Create pattern element in defs
pattern: function pattern(width, height, block) {
return this.defs().pattern(width, height, block);
}
}
});
SVG.extend(SVG.Defs, {
// Define gradient
pattern: function pattern(width, height, block) {
return this.put(new SVG.Pattern()).update(block).attr({
x: 0,
y: 0,
width: width,
height: height,
patternUnits: 'userSpaceOnUse'
});
}
});
SVG.Shape = SVG.invent({
// Initialize node
create: function create(element) {
this.constructor.call(this, element);
},
// Inherit from
inherit: SVG.Element
});
SVG.Bare = SVG.invent({
// Initialize
create: function create(element, inherit) {
// construct element
this.constructor.call(this, SVG.create(element)); // inherit custom methods
if (inherit) {
for (var method in inherit.prototype) {
if (typeof inherit.prototype[method] === 'function') {
this[method] = inherit.prototype[method];
}
}
}
},
// Inherit from
inherit: SVG.Element,
// Add methods
extend: {
// Insert some plain text
words: function words(text) {
// remove contents
while (this.node.hasChildNodes()) {
this.node.removeChild(this.node.lastChild);
} // create text node
this.node.appendChild(document.createTextNode(text));
return this;
}
}
});
SVG.extend(SVG.Parent, {
// Create an element that is not described by SVG.js
element: function element(_element, inherit) {
return this.put(new SVG.Bare(_element, inherit));
}
});
SVG.Symbol = SVG.invent({
// Initialize node
create: 'symbol',
// Inherit from
inherit: SVG.Container,
construct: {
// create symbol
symbol: function symbol() {
return this.put(new SVG.Symbol());
}
}
});
SVG.Use = SVG.invent({
// Initialize node
create: 'use',
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// Use element as a reference
element: function element(_element2, file) {
// Set lined element
return this.attr('href', (file || '') + '#' + _element2, SVG.xlink);
}
},
// Add parent method
construct: {
// Create a use element
use: function use(element, file) {
return this.put(new SVG.Use()).element(element, file);
}
}
});
SVG.Rect = SVG.invent({
// Initialize node
create: 'rect',
// Inherit from
inherit: SVG.Shape,
// Add parent method
construct: {
// Create a rect element
rect: function rect(width, height) {
return this.put(new SVG.Rect()).size(width, height);
}
}
});
SVG.Circle = SVG.invent({
// Initialize node
create: 'circle',
// Inherit from
inherit: SVG.Shape,
// Add parent method
construct: {
// Create circle element, based on ellipse
circle: function circle(size) {
return this.put(new SVG.Circle()).rx(new SVG.Number(size).divide(2)).move(0, 0);
}
}
});
SVG.extend(SVG.Circle, SVG.FX, {
// Radius x value
rx: function rx(_rx) {
return this.attr('r', _rx);
},
// Alias radius x value
ry: function ry(_ry) {
return this.rx(_ry);
}
});
SVG.Ellipse = SVG.invent({
// Initialize node
create: 'ellipse',
// Inherit from
inherit: SVG.Shape,
// Add parent method
construct: {
// Create an ellipse
ellipse: function ellipse(width, height) {
return this.put(new SVG.Ellipse()).size(width, height).move(0, 0);
}
}
});
SVG.extend(SVG.Ellipse, SVG.Rect, SVG.FX, {
// Radius x value
rx: function rx(_rx2) {
return this.attr('rx', _rx2);
},
// Radius y value
ry: function ry(_ry2) {
return this.attr('ry', _ry2);
}
}); // Add common method
SVG.extend(SVG.Circle, SVG.Ellipse, {
// Move over x-axis
x: function x(_x4) {
return _x4 == null ? this.cx() - this.rx() : this.cx(_x4 + this.rx());
},
// Move over y-axis
y: function y(_y4) {
return _y4 == null ? this.cy() - this.ry() : this.cy(_y4 + this.ry());
},
// Move by center over x-axis
cx: function cx(x) {
return x == null ? this.attr('cx') : this.attr('cx', x);
},
// Move by center over y-axis
cy: function cy(y) {
return y == null ? this.attr('cy') : this.attr('cy', y);
},
// Set width of element
width: function width(_width3) {
return _width3 == null ? this.rx() * 2 : this.rx(new SVG.Number(_width3).divide(2));
},
// Set height of element
height: function height(_height3) {
return _height3 == null ? this.ry() * 2 : this.ry(new SVG.Number(_height3).divide(2));
},
// Custom size function
size: function size(width, height) {
var p = proportionalSize(this, width, height);
return this.rx(new SVG.Number(p.width).divide(2)).ry(new SVG.Number(p.height).divide(2));
}
});
SVG.Line = SVG.invent({
// Initialize node
create: 'line',
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// Get array
array: function array() {
return new SVG.PointArray([[this.attr('x1'), this.attr('y1')], [this.attr('x2'), this.attr('y2')]]);
},
// Overwrite native plot() method
plot: function plot(x1, y1, x2, y2) {
if (x1 == null) {
return this.array();
} else if (typeof y1 !== 'undefined') {
x1 = {
x1: x1,
y1: y1,
x2: x2,
y2: y2
};
} else {
x1 = new SVG.PointArray(x1).toLine();
}
return this.attr(x1);
},
// Move by left top corner
move: function move(x, y) {
return this.attr(this.array().move(x, y).toLine());
},
// Set element size to given width and height
size: function size(width, height) {
var p = proportionalSize(this, width, height);
return this.attr(this.array().size(p.width, p.height).toLine());
}
},
// Add parent method
construct: {
// Create a line element
line: function line(x1, y1, x2, y2) {
// make sure plot is called as a setter
// x1 is not necessarily a number, it can also be an array, a string and a SVG.PointArray
return SVG.Line.prototype.plot.apply(this.put(new SVG.Line()), x1 != null ? [x1, y1, x2, y2] : [0, 0, 0, 0]);
}
}
});
SVG.Polyline = SVG.invent({
// Initialize node
create: 'polyline',
// Inherit from
inherit: SVG.Shape,
// Add parent method
construct: {
// Create a wrapped polyline element
polyline: function polyline(p) {
// make sure plot is called as a setter
return this.put(new SVG.Polyline()).plot(p || new SVG.PointArray());
}
}
});
SVG.Polygon = SVG.invent({
// Initialize node
create: 'polygon',
// Inherit from
inherit: SVG.Shape,
// Add parent method
construct: {
// Create a wrapped polygon element
polygon: function polygon(p) {
// make sure plot is called as a setter
return this.put(new SVG.Polygon()).plot(p || new SVG.PointArray());
}
}
}); // Add polygon-specific functions
SVG.extend(SVG.Polyline, SVG.Polygon, {
// Get array
array: function array() {
return this._array || (this._array = new SVG.PointArray(this.attr('points')));
},
// Plot new path
plot: function plot(p) {
return p == null ? this.array() : this.clear().attr('points', typeof p === 'string' ? p : this._array = new SVG.PointArray(p));
},
// Clear array cache
clear: function clear() {
delete this._array;
return this;
},
// Move by left top corner
move: function move(x, y) {
return this.attr('points', this.array().move(x, y));
},
// Set element size to given width and height
size: function size(width, height) {
var p = proportionalSize(this, width, height);
return this.attr('points', this.array().size(p.width, p.height));
}
}); // unify all point to point elements
SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, {
// Define morphable array
morphArray: SVG.PointArray,
// Move by left top corner over x-axis
x: function x(_x5) {
return _x5 == null ? this.bbox().x : this.move(_x5, this.bbox().y);
},
// Move by left top corner over y-axis
y: function y(_y5) {
return _y5 == null ? this.bbox().y : this.move(this.bbox().x, _y5);
},
// Set width of element
width: function width(_width4) {
var b = this.bbox();
return _width4 == null ? b.width : this.size(_width4, b.height);
},
// Set height of element
height: function height(_height4) {
var b = this.bbox();
return _height4 == null ? b.height : this.size(b.width, _height4);
}
});
SVG.Path = SVG.invent({
// Initialize node
create: 'path',
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// Define morphable array
morphArray: SVG.PathArray,
// Get array
array: function array() {
return this._array || (this._array = new SVG.PathArray(this.attr('d')));
},
// Plot new path
plot: function plot(d) {
return d == null ? this.array() : this.clear().attr('d', typeof d === 'string' ? d : this._array = new SVG.PathArray(d));
},
// Clear array cache
clear: function clear() {
delete this._array;
return this;
},
// Move by left top corner
move: function move(x, y) {
return this.attr('d', this.array().move(x, y));
},
// Move by left top corner over x-axis
x: function x(_x6) {
return _x6 == null ? this.bbox().x : this.move(_x6, this.bbox().y);
},
// Move by left top corner over y-axis
y: function y(_y6) {
return _y6 == null ? this.bbox().y : this.move(this.bbox().x, _y6);
},
// Set element size to given width and height
size: function size(width, height) {
var p = proportionalSize(this, width, height);
return this.attr('d', this.array().size(p.width, p.height));
},
// Set width of element
width: function width(_width5) {
return _width5 == null ? this.bbox().width : this.size(_width5, this.bbox().height);
},
// Set height of element
height: function height(_height5) {
return _height5 == null ? this.bbox().height : this.size(this.bbox().width, _height5);
}
},
// Add parent method
construct: {
// Create a wrapped path element
path: function path(d) {
// make sure plot is called as a setter
return this.put(new SVG.Path()).plot(d || new SVG.PathArray());
}
}
});
SVG.Image = SVG.invent({
// Initialize node
create: 'image',
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// (re)load image
load: function load(url) {
if (!url) return this;
var self = this,
img = new window.Image(); // preload image
SVG.on(img, 'load', function () {
SVG.off(img);
var p = self.parent(SVG.Pattern);
if (p === null) return; // ensure image size
if (self.width() == 0 && self.height() == 0) {
self.size(img.width, img.height);
} // ensure pattern size if not set
if (p && p.width() == 0 && p.height() == 0) {
p.size(self.width(), self.height());
} // callback
if (typeof self._loaded === 'function') {
self._loaded.call(self, {
width: img.width,
height: img.height,
ratio: img.width / img.height,
url: url
});
}
});
SVG.on(img, 'error', function (e) {
SVG.off(img);
if (typeof self._error === 'function') {
self._error.call(self, e);
}
});
return this.attr('href', img.src = this.src = url, SVG.xlink);
},
// Add loaded callback
loaded: function loaded(_loaded) {
this._loaded = _loaded;
return this;
},
error: function error(_error) {
this._error = _error;
return this;
}
},
// Add parent method
construct: {
// create image element, load image and set its size
image: function image(source, width, height) {
return this.put(new SVG.Image()).load(source).size(width || 0, height || width || 0);
}
}
});
SVG.Text = SVG.invent({
// Initialize node
create: function create() {
this.constructor.call(this, SVG.create('text'));
this.dom.leading = new SVG.Number(1.3); // store leading value for rebuilding
this._rebuild = true; // enable automatic updating of dy values
this._build = false; // disable build mode for adding multiple lines
// set default font
this.attr('font-family', SVG.defaults.attrs['font-family']);
},
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// Move over x-axis
x: function x(_x7) {
// act as getter
if (_x7 == null) {
return this.attr('x');
}
return this.attr('x', _x7);
},
// Move over y-axis
y: function y(_y7) {
var oy = this.attr('y'),
o = typeof oy === 'number' ? oy - this.bbox().y : 0; // act as getter
if (_y7 == null) {
return typeof oy === 'number' ? oy - o : oy;
}
return this.attr('y', typeof _y7.valueOf() === 'number' ? _y7 + o : _y7);
},
// Move center over x-axis
cx: function cx(x) {
return x == null ? this.bbox().cx : this.x(x - this.bbox().width / 2);
},
// Move center over y-axis
cy: function cy(y) {
return y == null ? this.bbox().cy : this.y(y - this.bbox().height / 2);
},
// Set the text content
text: function text(_text) {
// act as getter
if (typeof _text === 'undefined') {
var _text = '';
var children = this.node.childNodes;
for (var i = 0, len = children.length; i < len; ++i) {
// add newline if its not the first child and newLined is set to true
if (i != 0 && children[i].nodeType != 3 && SVG.adopt(children[i]).dom.newLined == true) {
_text += '\n';
} // add content of this node
_text += children[i].textContent;
}
return _text;
} // remove existing content
this.clear().build(true);
if (typeof _text === 'function') {
// call block
_text.call(this, this);
} else {
// store text and make sure text is not blank
_text = _text.split('\n'); // build new lines
for (var i = 0, il = _text.length; i < il; i++) {
this.tspan(_text[i]).newLine();
}
} // disable build mode and rebuild lines
return this.build(false).rebuild();
},
// Set font size
size: function size(_size) {
return this.attr('font-size', _size).rebuild();
},
// Set / get leading
leading: function leading(value) {
// act as getter
if (value == null) {
return this.dom.leading;
} // act as setter
this.dom.leading = new SVG.Number(value);
return this.rebuild();
},
// Get all the first level lines
lines: function lines() {
var node = (this.textPath && this.textPath() || this).node; // filter tspans and map them to SVG.js instances
var lines = SVG.utils.map(SVG.utils.filterSVGElements(node.childNodes), function (el) {
return SVG.adopt(el);
}); // return an instance of SVG.set
return new SVG.Set(lines);
},
// Rebuild appearance type
rebuild: function rebuild(_rebuild) {
// store new rebuild flag if given
if (typeof _rebuild === 'boolean') {
this._rebuild = _rebuild;
} // define position of all lines
if (this._rebuild) {
var self = this,
blankLineOffset = 0,
dy = this.dom.leading * new SVG.Number(this.attr('font-size'));
this.lines().each(function () {
if (this.dom.newLined) {
if (!self.textPath()) {
this.attr('x', self.attr('x'));
}
if (this.text() == '\n') {
blankLineOffset += dy;
} else {
this.attr('dy', dy + blankLineOffset);
blankLineOffset = 0;
}
}
});
this.fire('rebuild');
}
return this;
},
// Enable / disable build mode
build: function build(_build) {
this._build = !!_build;
return this;
},
// overwrite method from parent to set data properly
setData: function setData(o) {
this.dom = o;
this.dom.leading = new SVG.Number(o.leading || 1.3);
return this;
}
},
// Add parent method
construct: {
// Create text element
text: function text(_text2) {
return this.put(new SVG.Text()).text(_text2);
},
// Create plain text element
plain: function plain(text) {
return this.put(new SVG.Text()).plain(text);
}
}
});
SVG.Tspan = SVG.invent({
// Initialize node
create: 'tspan',
// Inherit from
inherit: SVG.Shape,
// Add class methods
extend: {
// Set text content
text: function text(_text3) {
if (_text3 == null) return this.node.textContent + (this.dom.newLined ? '\n' : '');
typeof _text3 === 'function' ? _text3.call(this, this) : this.plain(_text3);
return this;
},
// Shortcut dx
dx: function dx(_dx) {
return this.attr('dx', _dx);
},
// Shortcut dy
dy: function dy(_dy) {
return this.attr('dy', _dy);
},
// Create new line
newLine: function newLine() {
// fetch text parent
var t = this.parent(SVG.Text); // mark new line
this.dom.newLined = true; // apply new hy¡n
return this.dy(t.dom.leading * t.attr('font-size')).attr('x', t.x());
}
}
});
SVG.extend(SVG.Text, SVG.Tspan, {
// Create plain text node
plain: function plain(text) {
// clear if build mode is disabled
if (this._build === false) {
this.clear();
} // create text node
this.node.appendChild(document.createTextNode(text));
return this;
},
// Create a tspan
tspan: function tspan(text) {
var node = (this.textPath && this.textPath() || this).node,
tspan = new SVG.Tspan(); // clear if build mode is disabled
if (this._build === false) {
this.clear();
} // add new tspan
node.appendChild(tspan.node);
return tspan.text(text);
},
// Clear all lines
clear: function clear() {
var node = (this.textPath && this.textPath() || this).node; // remove existing child nodes
while (node.hasChildNodes()) {
node.removeChild(node.lastChild);
}
return this;
},
// Get length of text element
length: function length() {
return this.node.getComputedTextLength();
}
});
SVG.TextPath = SVG.invent({
// Initialize node
create: 'textPath',
// Inherit from
inherit: SVG.Parent,
// Define parent class
parent: SVG.Text,
// Add parent method
construct: {
morphArray: SVG.PathArray,
// Create path for text to run on
path: function path(d) {
// create textPath element
var path = new SVG.TextPath(),
track = this.doc().defs().path(d); // move lines to textpath
while (this.node.hasChildNodes()) {
path.node.appendChild(this.node.firstChild);
} // add textPath element as child node
this.node.appendChild(path.node); // link textPath to path and add content
path.attr('href', '#' + track, SVG.xlink);
return this;
},
// return the array of the path track element
array: function array() {
var track = this.track();
return track ? track.array() : null;
},
// Plot path if any
plot: function plot(d) {
var track = this.track(),
pathArray = null;
if (track) {
pathArray = track.plot(d);
}
return d == null ? pathArray : this;
},
// Get the path track element
track: function track() {
var path = this.textPath();
if (path) {
return path.reference('href');
}
},
// Get the textPath child
textPath: function textPath() {
if (this.node.firstChild && this.node.firstChild.nodeName == 'textPath') {
return SVG.adopt(this.node.firstChild);
}
}
}
});
SVG.Nested = SVG.invent({
// Initialize node
create: function create() {
this.constructor.call(this, SVG.create('svg'));
this.style('overflow', 'visible');
},
// Inherit from
inherit: SVG.Container,
// Add parent method
construct: {
// Create nested svg document
nested: function nested() {
return this.put(new SVG.Nested());
}
}
});
SVG.A = SVG.invent({
// Initialize node
create: 'a',
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Link url
to: function to(url) {
return this.attr('href', url, SVG.xlink);
},
// Link show attribute
show: function show(target) {
return this.attr('show', target, SVG.xlink);
},
// Link target attribute
target: function target(_target2) {
return this.attr('target', _target2);
}
},
// Add parent method
construct: {
// Create a hyperlink element
link: function link(url) {
return this.put(new SVG.A()).to(url);
}
}
});
SVG.extend(SVG.Element, {
// Create a hyperlink element
linkTo: function linkTo(url) {
var link = new SVG.A();
if (typeof url === 'function') {
url.call(link, link);
} else {
link.to(url);
}
return this.parent().put(link).put(this);
}
});
SVG.Marker = SVG.invent({
// Initialize node
create: 'marker',
// Inherit from
inherit: SVG.Container,
// Add class methods
extend: {
// Set width of element
width: function width(_width6) {
return this.attr('markerWidth', _width6);
},
// Set height of element
height: function height(_height6) {
return this.attr('markerHeight', _height6);
},
// Set marker refX and refY
ref: function ref(x, y) {
return this.attr('refX', x).attr('refY', y);
},
// Update marker
update: function update(block) {
// remove all content
this.clear(); // invoke passed block
if (typeof block === 'function') {
block.call(this, this);
}
return this;
},
// Return the fill id
toString: function toString() {
return 'url(#' + this.id() + ')';
}
},
// Add parent method
construct: {
marker: function marker(width, height, block) {
// Create marker element in defs
return this.defs().marker(width, height, block);
}
}
});
SVG.extend(SVG.Defs, {
// Create marker
marker: function marker(width, height, block) {
// Set default viewbox to match the width and height, set ref to cx and cy and set orient to auto
return this.put(new SVG.Marker()).size(width, height).ref(width / 2, height / 2).viewbox(0, 0, width, height).attr('orient', 'auto').update(block);
}
});
SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, SVG.Path, {
// Create and attach markers
marker: function marker(_marker, width, height, block) {
var attr = ['marker']; // Build attribute name
if (_marker != 'all') attr.push(_marker);
attr = attr.join('-'); // Set marker attribute
_marker = arguments[1] instanceof SVG.Marker ? arguments[1] : this.doc().marker(width, height, block);
return this.attr(attr, _marker);
}
}); // Define list of available attributes for stroke and fill
var sugar = {
stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
fill: ['color', 'opacity', 'rule'],
prefix: function prefix(t, a) {
return a == 'color' ? t : t + '-' + a;
} // Add sugar for fill and stroke
};
['fill', 'stroke'].forEach(function (m) {
var i,
extension = {};
extension[m] = function (o) {
if (typeof o === 'undefined') {
return this;
}
if (typeof o === 'string' || SVG.Color.isRgb(o) || o && typeof o.fill === 'function') {
this.attr(m, o);
} else // set all attributes from sugar.fill and sugar.stroke list
{
for (i = sugar[m].length - 1; i >= 0; i--) {
if (o[sugar[m][i]] != null) {
this.attr(sugar.prefix(m, sugar[m][i]), o[sugar[m][i]]);
}
}
}
return this;
};
SVG.extend(SVG.Element, SVG.FX, extension);
});
SVG.extend(SVG.Element, SVG.FX, {
// Map rotation to transform
rotate: function rotate(d, cx, cy) {
return this.transform({
rotation: d,
cx: cx,
cy: cy
});
},
// Map skew to transform
skew: function skew(x, y, cx, cy) {
return arguments.length == 1 || arguments.length == 3 ? this.transform({
skew: x,
cx: y,
cy: cx
}) : this.transform({
skewX: x,
skewY: y,
cx: cx,
cy: cy
});
},
// Map scale to transform
scale: function scale(x, y, cx, cy) {
return arguments.length == 1 || arguments.length == 3 ? this.transform({
scale: x,
cx: y,
cy: cx
}) : this.transform({
scaleX: x,
scaleY: y,
cx: cx,
cy: cy
});
},
// Map translate to transform
translate: function translate(x, y) {
return this.transform({
x: x,
y: y
});
},
// Map flip to transform
flip: function flip(a, o) {
o = typeof a === 'number' ? a : o;
return this.transform({
flip: a || 'both',
offset: o
});
},
// Map matrix to transform
matrix: function matrix(m) {
return this.attr('transform', new SVG.Matrix(arguments.length == 6 ? [].slice.call(arguments) : m));
},
// Opacity
opacity: function opacity(value) {
return this.attr('opacity', value);
},
// Relative move over x axis
dx: function dx(x) {
return this.x(new SVG.Number(x).plus(this instanceof SVG.FX ? 0 : this.x()), true);
},
// Relative move over y axis
dy: function dy(y) {
return this.y(new SVG.Number(y).plus(this instanceof SVG.FX ? 0 : this.y()), true);
},
// Relative move over x and y axes
dmove: function dmove(x, y) {
return this.dx(x).dy(y);
}
});
SVG.extend(SVG.Rect, SVG.Ellipse, SVG.Circle, SVG.Gradient, SVG.FX, {
// Add x and y radius
radius: function radius(x, y) {
var type = (this._target || this).type;
return type == 'radial' || type == 'circle' ? this.attr('r', new SVG.Number(x)) : this.rx(x).ry(y == null ? x : y);
}
});
SVG.extend(SVG.Path, {
// Get path length
length: function length() {
return this.node.getTotalLength();
},
// Get point at length
pointAt: function pointAt(length) {
return this.node.getPointAtLength(length);
}
});
SVG.extend(SVG.Parent, SVG.Text, SVG.Tspan, SVG.FX, {
// Set font
font: function font(a, v) {
if (_typeof(a) === 'object') {
for (v in a) {
this.font(v, a[v]);
}
}
return a == 'leading' ? this.leading(v) : a == 'anchor' ? this.attr('text-anchor', v) : a == 'size' || a == 'family' || a == 'weight' || a == 'stretch' || a == 'variant' || a == 'style' ? this.attr('font-' + a, v) : this.attr(a, v);
}
});
SVG.Set = SVG.invent({
// Initialize
create: function create(members) {
// Set initial state
Array.isArray(members) ? this.members = members : this.clear();
},
// Add class methods
extend: {
// Add element to set
add: function add() {
var i,
il,
elements = [].slice.call(arguments);
for (i = 0, il = elements.length; i < il; i++) {
this.members.push(elements[i]);
}
return this;
},
// Remove element from set
remove: function remove(element) {
var i = this.index(element); // remove given child
if (i > -1) {
this.members.splice(i, 1);
}
return this;
},
// Iterate over all members
each: function each(block) {
for (var i = 0, il = this.members.length; i < il; i++) {
block.apply(this.members[i], [i, this.members]);
}
return this;
},
// Restore to defaults
clear: function clear() {
// initialize store
this.members = [];
return this;
},
// Get the length of a set
length: function length() {
return this.members.length;
},
// Checks if a given element is present in set
has: function has(element) {
return this.index(element) >= 0;
},
// retuns index of given element in set
index: function index(element) {
return this.members.indexOf(element);
},
// Get member at given index
get: function get(i) {
return this.members[i];
},
// Get first member
first: function first() {
return this.get(0);
},
// Get last member
last: function last() {
return this.get(this.members.length - 1);
},
// Default value
valueOf: function valueOf() {
return this.members;
},
// Get the bounding box of all members included or empty box if set has no items
bbox: function bbox() {
// return an empty box of there are no members
if (this.members.length == 0) {
return new SVG.RBox();
} // get the first rbox and update the target bbox
var rbox = this.members[0].rbox(this.members[0].doc());
this.each(function () {
// user rbox for correct position and visual representation
rbox = rbox.merge(this.rbox(this.doc()));
});
return rbox;
}
},
// Add parent method
construct: {
// Create a new set
set: function set(members) {
return new SVG.Set(members);
}
}
});
SVG.FX.Set = SVG.invent({
// Initialize node
create: function create(set) {
// store reference to set
this.set = set;
}
}); // Alias methods
SVG.Set.inherit = function () {
var m,
methods = []; // gather shape methods
for (var m in SVG.Shape.prototype) {
if (typeof SVG.Shape.prototype[m] === 'function' && typeof SVG.Set.prototype[m] !== 'function') {
methods.push(m);
}
} // apply shape aliasses
methods.forEach(function (method) {
SVG.Set.prototype[method] = function () {
for (var i = 0, il = this.members.length; i < il; i++) {
if (this.members[i] && typeof this.members[i][method] === 'function') {
this.members[i][method].apply(this.members[i], arguments);
}
}
return method == 'animate' ? this.fx || (this.fx = new SVG.FX.Set(this)) : this;
};
}); // clear methods for the next round
methods = []; // gather fx methods
for (var m in SVG.FX.prototype) {
if (typeof SVG.FX.prototype[m] === 'function' && typeof SVG.FX.Set.prototype[m] !== 'function') {
methods.push(m);
}
} // apply fx aliasses
methods.forEach(function (method) {
SVG.FX.Set.prototype[method] = function () {
for (var i = 0, il = this.set.members.length; i < il; i++) {
this.set.members[i].fx[method].apply(this.set.members[i].fx, arguments);
}
return this;
};
});
};
SVG.extend(SVG.Element, {
// Store data values on svg nodes
data: function data(a, v, r) {
if (_typeof(a) === 'object') {
for (v in a) {
this.data(v, a[v]);
}
} else if (arguments.length < 2) {
try {
return JSON.parse(this.attr('data-' + a));
} catch (e) {
return this.attr('data-' + a);
}
} else {
this.attr('data-' + a, v === null ? null : r === true || typeof v === 'string' || typeof v === 'number' ? v : JSON.stringify(v));
}
return this;
}
});
SVG.extend(SVG.Element, {
// Remember arbitrary data
remember: function remember(k, v) {
// remember every item in an object individually
if (_typeof(arguments[0]) === 'object') {
for (var v in k) {
this.remember(v, k[v]);
}
} // retrieve memory
else if (arguments.length == 1) {
return this.memory()[k];
} // store memory
else {
this.memory()[k] = v;
}
return this;
},
// Erase a given memory
forget: function forget() {
if (arguments.length == 0) {
this._memory = {};
} else {
for (var i = arguments.length - 1; i >= 0; i--) {
delete this.memory()[arguments[i]];
}
}
return this;
},
// Initialize or return local memory object
memory: function memory() {
return this._memory || (this._memory = {});
}
}); // Method for getting an element by id
SVG.get = function (id) {
var node = document.getElementById(idFromReference(id) || id);
return SVG.adopt(node);
}; // Select elements by query string
SVG.select = function (query, parent) {
return new SVG.Set(SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
return SVG.adopt(node);
}));
};
SVG.extend(SVG.Parent, {
// Scoped select method
select: function select(query) {
return SVG.select(query, this.node);
}
});
function pathRegReplace(a, b, c, d) {
return c + d.replace(SVG.regex.dots, ' .');
} // creates deep clone of array
function array_clone(arr) {
var clone = arr.slice(0);
for (var i = clone.length; i--;) {
if (Array.isArray(clone[i])) {
clone[i] = array_clone(clone[i]);
}
}
return clone;
} // tests if a given element is instance of an object
function _is(el, obj) {
return el instanceof obj;
} // tests if a given selector matches an element
function _matches(el, selector) {
return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
} // Convert dash-separated-string to camelCase
function camelCase(s) {
return s.toLowerCase().replace(/-(.)/g, function (m, g) {
return g.toUpperCase();
});
} // Capitalize first letter of a string
function capitalize(s) {
return s.charAt(0).toUpperCase() + s.slice(1);
} // Ensure to six-based hex
function fullHex(hex) {
return hex.length == 4 ? ['#', hex.substring(1, 2), hex.substring(1, 2), hex.substring(2, 3), hex.substring(2, 3), hex.substring(3, 4), hex.substring(3, 4)].join('') : hex;
} // Component to hex value
function compToHex(comp) {
var hex = comp.toString(16);
return hex.length == 1 ? '0' + hex : hex;
} // Calculate proportional width and height values when necessary
function proportionalSize(element, width, height) {
if (width == null || height == null) {
var box = element.bbox();
if (width == null) {
width = box.width / box.height * height;
} else if (height == null) {
height = box.height / box.width * width;
}
}
return {
width: width,
height: height
};
} // Delta transform point
function deltaTransformPoint(matrix, x, y) {
return {
x: x * matrix.a + y * matrix.c + 0,
y: x * matrix.b + y * matrix.d + 0
};
} // Map matrix array to object
function arrayToMatrix(a) {
return {
a: a[0],
b: a[1],
c: a[2],
d: a[3],
e: a[4],
f: a[5]
};
} // Parse matrix if required
function parseMatrix(matrix) {
if (!(matrix instanceof SVG.Matrix)) {
matrix = new SVG.Matrix(matrix);
}
return matrix;
} // Add centre point to transform object
function ensureCentre(o, target) {
o.cx = o.cx == null ? target.bbox().cx : o.cx;
o.cy = o.cy == null ? target.bbox().cy : o.cy;
} // PathArray Helpers
function arrayToString(a) {
for (var i = 0, il = a.length, s = ''; i < il; i++) {
s += a[i][0];
if (a[i][1] != null) {
s += a[i][1];
if (a[i][2] != null) {
s += ' ';
s += a[i][2];
if (a[i][3] != null) {
s += ' ';
s += a[i][3];
s += ' ';
s += a[i][4];
if (a[i][5] != null) {
s += ' ';
s += a[i][5];
s += ' ';
s += a[i][6];
if (a[i][7] != null) {
s += ' ';
s += a[i][7];
}
}
}
}
}
}
return s + ' ';
} // Deep new id assignment
function assignNewId(node) {
// do the same for SVG child nodes as well
for (var i = node.childNodes.length - 1; i >= 0; i--) {
if (node.childNodes[i] instanceof window.SVGElement) {
assignNewId(node.childNodes[i]);
}
}
return SVG.adopt(node).id(SVG.eid(node.nodeName));
} // Add more bounding box properties
function fullBox(b) {
if (b.x == null) {
b.x = 0;
b.y = 0;
b.width = 0;
b.height = 0;
}
b.w = b.width;
b.h = b.height;
b.x2 = b.x + b.width;
b.y2 = b.y + b.height;
b.cx = b.x + b.width / 2;
b.cy = b.y + b.height / 2;
return b;
} // Get id from reference string
function idFromReference(url) {
var m = (url || '').toString().match(SVG.regex.reference);
if (m) return m[1];
} // If values like 1e-88 are passed, this is not a valid 32 bit float,
// but in those cases, we are so close to 0 that 0 works well!
function float32String(v) {
return Math.abs(v) > 1e-37 ? v : 0;
} // Create matrix array for looping
var abcdef = 'abcdef'.split(''); // Add CustomEvent to IE9 and IE10
if (typeof window.CustomEvent !== 'function') {
// Code from: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent
var CustomEventPoly = function CustomEventPoly(event, options) {
options = options || {
bubbles: false,
cancelable: false,
detail: undefined
};
var e = document.createEvent('CustomEvent');
e.initCustomEvent(event, options.bubbles, options.cancelable, options.detail);
return e;
};
CustomEventPoly.prototype = window.Event.prototype;
SVG.CustomEvent = CustomEventPoly;
} else {
SVG.CustomEvent = window.CustomEvent;
} // requestAnimationFrame / cancelAnimationFrame Polyfill with fallback based on Paul Irish
(function (w) {
var lastTime = 0;
var vendors = ['moz', 'webkit'];
for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'] || w[vendors[x] + 'CancelRequestAnimationFrame'];
}
w.requestAnimationFrame = w.requestAnimationFrame || function (callback) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = w.setTimeout(function () {
callback(currTime + timeToCall);
}, timeToCall);
lastTime = currTime + timeToCall;
return id;
};
w.cancelAnimationFrame = w.cancelAnimationFrame || w.clearTimeout;
})(window);
return SVG;
});
/*! svg.filter.js - v2.0.2 - 2016-02-24
* https://github.com/wout/svg.filter.js
* Copyright (c) 2016 Wout Fierens; Licensed MIT */
(function() {
// Main filter class
SVG.Filter = SVG.invent({
create: 'filter',
inherit: SVG.Parent,
extend: {
// Static strings
source: 'SourceGraphic',
sourceAlpha: 'SourceAlpha',
background: 'BackgroundImage',
backgroundAlpha: 'BackgroundAlpha',
fill: 'FillPaint',
stroke: 'StrokePaint',
autoSetIn: true,
// Custom put method for leaner code
put: function(element, i) {
this.add(element, i);
if(!element.attr('in') && this.autoSetIn){
element.attr('in',this.source);
}
if(!element.attr('result')){
element.attr('result',element);
}
return element
},
// Blend effect
blend: function(in1, in2, mode) {
return this.put(new SVG.BlendEffect(in1, in2, mode))
},
// ColorMatrix effect
colorMatrix: function(type, values) {
return this.put(new SVG.ColorMatrixEffect(type, values))
},
// ConvolveMatrix effect
convolveMatrix: function(matrix) {
return this.put(new SVG.ConvolveMatrixEffect(matrix))
},
// ComponentTransfer effect
componentTransfer: function(components) {
return this.put(new SVG.ComponentTransferEffect(components))
},
// Composite effect
composite: function(in1, in2, operator) {
return this.put(new SVG.CompositeEffect(in1, in2, operator))
},
// Flood effect
flood: function(color, opacity) {
return this.put(new SVG.FloodEffect(color, opacity))
},
// Offset effect
offset: function(x, y) {
return this.put(new SVG.OffsetEffect(x,y))
},
// Image effect
image: function(src) {
return this.put(new SVG.ImageEffect(src))
},
// Merge effect
merge: function() {
//pass the array of arguments to the constructor because we dont know if the user gave us an array as the first arguemnt or wether they listed the effects in the arguments
var args = [undefined];
for(var i in arguments) args.push(arguments[i]);
return this.put(new (SVG.MergeEffect.bind.apply(SVG.MergeEffect,args)))
},
// Gaussian Blur effect
gaussianBlur: function(x,y) {
return this.put(new SVG.GaussianBlurEffect(x,y))
},
// Morphology effect
morphology: function(operator,radius){
return this.put(new SVG.MorphologyEffect(operator,radius))
},
// DiffuseLighting effect
diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
return this.put(new SVG.DiffuseLightingEffect(surfaceScale,diffuseConstant,kernelUnitLength))
},
// DisplacementMap effect
displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
return this.put(new SVG.DisplacementMapEffect(in1,in2,scale,xChannelSelector,yChannelSelector))
},
// SpecularLighting effect
specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
return this.put(new SVG.SpecularLightingEffect(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength))
},
// Tile effect
tile: function(){
return this.put(new SVG.TileEffect());
},
// Turbulence effect
turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
return this.put(new SVG.TurbulenceEffect(baseFrequency,numOctaves,seed,stitchTiles,type))
},
// Default string value
toString: function() {
return 'url(#' + this.attr('id') + ')'
}
}
});
//add .filter function
SVG.extend(SVG.Defs, {
// Define filter
filter: function(block) {
var filter = this.put(new SVG.Filter);
/* invoke passed block */
if (typeof block === 'function')
block.call(filter, filter);
return filter
}
});
SVG.extend(SVG.Container, {
// Define filter on defs
filter: function(block) {
return this.defs().filter(block)
}
});
SVG.extend(SVG.Element, SVG.G, SVG.Nested, {
// Create filter element in defs and store reference
filter: function(block) {
this.filterer = block instanceof SVG.Element ?
block : this.doc().filter(block);
if(this.doc() && this.filterer.doc() !== this.doc()){
this.doc().defs().add(this.filterer);
}
this.attr('filter', this.filterer);
return this.filterer
},
// Remove filter
unfilter: function(remove) {
/* also remove the filter node */
if (this.filterer && remove === true)
this.filterer.remove();
/* delete reference to filterer */
delete this.filterer;
/* remove filter attribute */
return this.attr('filter', null)
}
});
// Create SVG.Effect class
SVG.Effect = SVG.invent({
create: function(){
this.constructor.call(this);
},
inherit: SVG.Element,
extend: {
// Set in attribute
in: function(effect) {
return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
},
// Named result
result: function(result) {
return result == null? this.attr('result') : this.attr('result',result)
},
// Stringification
toString: function() {
return this.result()
}
}
});
// create class for parent effects like merge
// Inherit from SVG.Parent
SVG.ParentEffect = SVG.invent({
create: function(){
this.constructor.call(this);
},
inherit: SVG.Parent,
extend: {
// Set in attribute
in: function(effect) {
return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
},
// Named result
result: function(result) {
return result == null? this.attr('result') : this.attr('result',result)
},
// Stringification
toString: function() {
return this.result()
}
}
});
//chaining
var chainingEffects = {
// Blend effect
blend: function(in2, mode) {
return this.parent() && this.parent().blend(this, in2, mode) //pass this as the first input
},
// ColorMatrix effect
colorMatrix: function(type, values) {
return this.parent() && this.parent().colorMatrix(type, values).in(this)
},
// ConvolveMatrix effect
convolveMatrix: function(matrix) {
return this.parent() && this.parent().convolveMatrix(matrix).in(this)
},
// ComponentTransfer effect
componentTransfer: function(components) {
return this.parent() && this.parent().componentTransfer(components).in(this)
},
// Composite effect
composite: function(in2, operator) {
return this.parent() && this.parent().composite(this, in2, operator) //pass this as the first input
},
// Flood effect
flood: function(color, opacity) {
return this.parent() && this.parent().flood(color, opacity) //this effect dont have inputs
},
// Offset effect
offset: function(x, y) {
return this.parent() && this.parent().offset(x,y).in(this)
},
// Image effect
image: function(src) {
return this.parent() && this.parent().image(src) //this effect dont have inputs
},
// Merge effect
merge: function() {
return this.parent() && this.parent().merge.apply(this.parent(),[this].concat(arguments)) //pass this as the first argument
},
// Gaussian Blur effect
gaussianBlur: function(x,y) {
return this.parent() && this.parent().gaussianBlur(x,y).in(this)
},
// Morphology effect
morphology: function(operator,radius){
return this.parent() && this.parent().morphology(operator,radius).in(this)
},
// DiffuseLighting effect
diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
return this.parent() && this.parent().diffuseLighting(surfaceScale,diffuseConstant,kernelUnitLength).in(this)
},
// DisplacementMap effect
displacementMap: function(in2,scale,xChannelSelector,yChannelSelector){
return this.parent() && this.parent().displacementMap(this,in2,scale,xChannelSelector,yChannelSelector) //pass this as the first input
},
// SpecularLighting effect
specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
return this.parent() && this.parent().specularLighting(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength).in(this)
},
// Tile effect
tile: function(){
return this.parent() && this.parent().tile().in(this)
},
// Turbulence effect
turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
return this.parent() && this.parent().turbulence(baseFrequency,numOctaves,seed,stitchTiles,type).in(this)
}
};
SVG.extend(SVG.Effect,chainingEffects);
SVG.extend(SVG.ParentEffect,chainingEffects);
//crea class for child effects, like MergeNode, FuncR and lights
SVG.ChildEffect = SVG.invent({
create: function(){
this.constructor.call(this);
},
inherit: SVG.Element,
extend: {
in: function(effect){
this.attr('in',effect);
}
//dont include any "result" functions because these types of nodes dont have them
}
});
// Create all different effects
var effects = {
blend: function(in1,in2,mode){
this.attr({
in: in1,
in2: in2,
mode: mode || 'normal'
});
},
colorMatrix: function(type,values){
if (type == 'matrix')
values = normaliseMatrix(values);
this.attr({
type: type
, values: typeof values == 'undefined' ? null : values
});
},
convolveMatrix: function(matrix){
matrix = normaliseMatrix(matrix);
this.attr({
order: Math.sqrt(matrix.split(' ').length)
, kernelMatrix: matrix
});
},
composite: function(in1, in2, operator){
this.attr({
in: in1,
in2: in2,
operator: operator
});
},
flood: function(color,opacity){
this.attr('flood-color',color);
if(opacity != null) this.attr('flood-opacity',opacity);
},
offset: function(x,y){
this.attr({
dx: x,
dy: y
});
},
image: function(src){
this.attr('href', src, SVG.xlink);
},
displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
this.attr({
in: in1,
in2: in2,
scale: scale,
xChannelSelector: xChannelSelector,
yChannelSelector: yChannelSelector
});
},
gaussianBlur: function(x,y){
if(x != null || y != null)
this.attr('stdDeviation', listString(Array.prototype.slice.call(arguments)));
else
this.attr('stdDeviation', '0 0');
},
morphology: function(operator,radius){
this.attr({
operator: operator,
radius: radius
});
},
tile: function(){
},
turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
this.attr({
numOctaves: numOctaves,
seed: seed,
stitchTiles: stitchTiles,
baseFrequency: baseFrequency,
type: type
});
}
};
// Create all parent effects
var parentEffects = {
merge: function(){
var children;
//test to see if we have a set
if(arguments[0] instanceof SVG.Set){
var that = this;
arguments[0].each(function(i){
if(this instanceof SVG.MergeNode)
that.put(this);
else if(this instanceof SVG.Effect || this instanceof SVG.ParentEffect)
that.put(new SVG.MergeNode(this));
});
}
else{
//if the first argument is an array use it
if(Array.isArray(arguments[0]))
children = arguments[0];
else
children = arguments;
for(var i = 0; i < children.length; i++){
if(children[i] instanceof SVG.MergeNode){
this.put(children[i]);
}
else this.put(new SVG.MergeNode(children[i]));
}
}
},
componentTransfer: function(compontents){
/* create rgb set */
this.rgb = new SVG.Set
/* create components */
;(['r', 'g', 'b', 'a']).forEach(function(c) {
/* create component */
this[c] = new SVG['Func' + c.toUpperCase()]('identity');
/* store component in set */
this.rgb.add(this[c]);
/* add component node */
this.node.appendChild(this[c].node);
}.bind(this)); //lost context in foreach
/* set components */
if (compontents) {
if (compontents.rgb) {
(['r', 'g', 'b']).forEach(function(c) {
this[c].attr(compontents.rgb);
}.bind(this));
delete compontents.rgb;
}
/* set individual components */
for (var c in compontents)
this[c].attr(compontents[c]);
}
},
diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
this.attr({
surfaceScale: surfaceScale,
diffuseConstant: diffuseConstant,
kernelUnitLength: kernelUnitLength
});
},
specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
this.attr({
surfaceScale: surfaceScale,
diffuseConstant: diffuseConstant,
specularExponent: specularExponent,
kernelUnitLength: kernelUnitLength
});
},
};
// Create child effects like PointLight and MergeNode
var childEffects = {
distantLight: function(azimuth, elevation){
this.attr({
azimuth: azimuth,
elevation: elevation
});
},
pointLight: function(x,y,z){
this.attr({
x: x,
y: y,
z: z
});
},
spotLight: function(x,y,z,pointsAtX,pointsAtY,pointsAtZ){
this.attr({
x: x,
y: y,
z: z,
pointsAtX: pointsAtX,
pointsAtY: pointsAtY,
pointsAtZ: pointsAtZ
});
},
mergeNode: function(in1){
this.attr('in',in1);
}
}
// Create compontent functions
;(['r', 'g', 'b', 'a']).forEach(function(c) {
/* create class */
childEffects['Func' + c.toUpperCase()] = function(type) {
this.attr('type',type);
// take diffent arguments based on the type
switch(type){
case 'table':
this.attr('tableValues',arguments[1]);
break
case 'linear':
this.attr('slope',arguments[1]);
this.attr('intercept',arguments[2]);
break
case 'gamma':
this.attr('amplitude',arguments[1]);
this.attr('exponent',arguments[2]);
this.attr('offset',arguments[2]);
break
}
};
});
//create effects
foreach(effects,function(effect,i){
/* capitalize name */
var name = i.charAt(0).toUpperCase() + i.slice(1);
var proto = {};
/* create class */
SVG[name + 'Effect'] = SVG.invent({
create: function() {
//call super
this.constructor.call(this, SVG.create('fe' + name));
//call constructor for this effect
effect.apply(this,arguments);
//set the result
this.result(this.attr('id') + 'Out');
},
inherit: SVG.Effect,
extend: proto
});
});
//create parent effects
foreach(parentEffects,function(effect,i){
/* capitalize name */
var name = i.charAt(0).toUpperCase() + i.slice(1);
var proto = {};
/* create class */
SVG[name + 'Effect'] = SVG.invent({
create: function() {
//call super
this.constructor.call(this, SVG.create('fe' + name));
//call constructor for this effect
effect.apply(this,arguments);
//set the result
this.result(this.attr('id') + 'Out');
},
inherit: SVG.ParentEffect,
extend: proto
});
});
//create child effects
foreach(childEffects,function(effect,i){
/* capitalize name */
var name = i.charAt(0).toUpperCase() + i.slice(1);
var proto = {};
/* create class */
SVG[name] = SVG.invent({
create: function() {
//call super
this.constructor.call(this, SVG.create('fe' + name));
//call constructor for this effect
effect.apply(this,arguments);
},
inherit: SVG.ChildEffect,
extend: proto
});
});
// Effect-specific extensions
SVG.extend(SVG.MergeEffect,{
in: function(effect){
if(effect instanceof SVG.MergeNode)
this.add(effect,0);
else
this.add(new SVG.MergeNode(effect),0);
return this
}
});
SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{
in2: function(effect){
return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in2')+'"]').get(0) || this.attr('in2') : this.attr('in2', effect)
}
});
// Presets
SVG.filter = {
sepiatone: [ .343, .669, .119, 0, 0
, .249, .626, .130, 0, 0
, .172, .334, .111, 0, 0
, .000, .000, .000, 1, 0 ]
};
// Helpers
function normaliseMatrix(matrix) {
/* convert possible array value to string */
if (Array.isArray(matrix))
matrix = new SVG.Array(matrix);
/* ensure there are no leading, tailing or double spaces */
return matrix.toString().replace(/^\s+/, '').replace(/\s+$/, '').replace(/\s+/g, ' ')
}
function listString(list) {
if (!Array.isArray(list))
return list
for (var i = 0, l = list.length, s = []; i < l; i++)
s.push(list[i]);
return s.join(' ')
}
function foreach(){ //loops through mutiple objects
var fn = function(){};
if(typeof arguments[arguments.length-1] == 'function'){
fn = arguments[arguments.length-1];
Array.prototype.splice.call(arguments,arguments.length-1,1);
}
for(var k in arguments){
for(var i in arguments[k]){
fn(arguments[k][i],i,arguments[k]);
}
}
}
}).call(undefined);
(function() {
SVG.extend(SVG.PathArray, {
morph: function(array) {
var startArr = this.value
, destArr = this.parse(array);
var startOffsetM = 0
, destOffsetM = 0;
var startOffsetNextM = false
, destOffsetNextM = false;
while(true){
// stop if there is no M anymore
if(startOffsetM === false && destOffsetM === false) break
// find the next M in path array
startOffsetNextM = findNextM(startArr, startOffsetM === false ? false : startOffsetM+1);
destOffsetNextM = findNextM( destArr, destOffsetM === false ? false : destOffsetM+1);
// We have to add one M to the startArray
if(startOffsetM === false){
var bbox = new SVG.PathArray(result.start).bbox();
// when the last block had no bounding box we simply take the first M we got
if(bbox.height == 0 || bbox.width == 0){
startOffsetM = startArr.push(startArr[0]) - 1;
}else{
// we take the middle of the bbox instead when we got one
startOffsetM = startArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
}
}
// We have to add one M to the destArray
if( destOffsetM === false){
var bbox = new SVG.PathArray(result.dest).bbox();
if(bbox.height == 0 || bbox.width == 0){
destOffsetM = destArr.push(destArr[0]) - 1;
}else{
destOffsetM = destArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
}
}
// handle block from M to next M
var result = handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM);
// update the arrays to their new values
startArr = startArr.slice(0, startOffsetM).concat(result.start, startOffsetNextM === false ? [] : startArr.slice(startOffsetNextM));
destArr = destArr.slice(0, destOffsetM).concat(result.dest , destOffsetNextM === false ? [] : destArr.slice( destOffsetNextM));
// update offsets
startOffsetM = startOffsetNextM === false ? false : startOffsetM + result.start.length;
destOffsetM = destOffsetNextM === false ? false : destOffsetM + result.dest.length;
}
// copy back arrays
this.value = startArr;
this.destination = new SVG.PathArray();
this.destination.value = destArr;
return this
}
});
// sorry for the long declaration
// slices out one block (from M to M) and syncronize it so the types and length match
function handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM, undefined){
// slice out the block we need
var startArrTemp = startArr.slice(startOffsetM, startOffsetNextM || undefined)
, destArrTemp = destArr.slice( destOffsetM, destOffsetNextM || undefined);
var i = 0
, posStart = {pos:[0,0], start:[0,0]}
, posDest = {pos:[0,0], start:[0,0]};
do{
// convert shorthand types to long form
startArrTemp[i] = simplyfy.call(posStart, startArrTemp[i]);
destArrTemp[i] = simplyfy.call(posDest , destArrTemp[i]);
// check if both shape types match
// 2 elliptical arc curve commands ('A'), are considered different if the
// flags (large-arc-flag, sweep-flag) don't match
if(startArrTemp[i][0] != destArrTemp[i][0] || startArrTemp[i][0] == 'M' ||
(startArrTemp[i][0] == 'A' &&
(startArrTemp[i][4] != destArrTemp[i][4] || startArrTemp[i][5] != destArrTemp[i][5])
)
) {
// if not, convert shapes to beziere
Array.prototype.splice.apply(startArrTemp, [i, 1].concat(toBeziere.call(posStart, startArrTemp[i])));
Array.prototype.splice.apply(destArrTemp, [i, 1].concat(toBeziere.call(posDest, destArrTemp[i])));
} else {
// only update positions otherwise
startArrTemp[i] = setPosAndReflection.call(posStart, startArrTemp[i]);
destArrTemp[i] = setPosAndReflection.call(posDest , destArrTemp[i]);
}
// we are at the end at both arrays. stop here
if(++i == startArrTemp.length && i == destArrTemp.length) break
// destArray is longer. Add one element
if(i == startArrTemp.length){
startArrTemp.push([
'C',
posStart.pos[0],
posStart.pos[1],
posStart.pos[0],
posStart.pos[1],
posStart.pos[0],
posStart.pos[1],
]);
}
// startArr is longer. Add one element
if(i == destArrTemp.length){
destArrTemp.push([
'C',
posDest.pos[0],
posDest.pos[1],
posDest.pos[0],
posDest.pos[1],
posDest.pos[0],
posDest.pos[1]
]);
}
}while(true)
// return the updated block
return {start:startArrTemp, dest:destArrTemp}
}
// converts shorthand types to long form
function simplyfy(val){
switch(val[0]){
case 'z': // shorthand line to start
case 'Z':
val[0] = 'L';
val[1] = this.start[0];
val[2] = this.start[1];
break
case 'H': // shorthand horizontal line
val[0] = 'L';
val[2] = this.pos[1];
break
case 'V': // shorthand vertical line
val[0] = 'L';
val[2] = val[1];
val[1] = this.pos[0];
break
case 'T': // shorthand quadratic beziere
val[0] = 'Q';
val[3] = val[1];
val[4] = val[2];
val[1] = this.reflection[1];
val[2] = this.reflection[0];
break
case 'S': // shorthand cubic beziere
val[0] = 'C';
val[6] = val[4];
val[5] = val[3];
val[4] = val[2];
val[3] = val[1];
val[2] = this.reflection[1];
val[1] = this.reflection[0];
break
}
return val
}
// updates reflection point and current position
function setPosAndReflection(val){
var len = val.length;
this.pos = [ val[len-2], val[len-1] ];
if('SCQT'.indexOf(val[0]) != -1)
this.reflection = [ 2 * this.pos[0] - val[len-4], 2 * this.pos[1] - val[len-3] ];
return val
}
// converts all types to cubic beziere
function toBeziere(val){
var retVal = [val];
switch(val[0]){
case 'M': // special handling for M
this.pos = this.start = [val[1], val[2]];
return retVal
case 'L':
val[5] = val[3] = val[1];
val[6] = val[4] = val[2];
val[1] = this.pos[0];
val[2] = this.pos[1];
break
case 'Q':
val[6] = val[4];
val[5] = val[3];
val[4] = val[4] * 1/3 + val[2] * 2/3;
val[3] = val[3] * 1/3 + val[1] * 2/3;
val[2] = this.pos[1] * 1/3 + val[2] * 2/3;
val[1] = this.pos[0] * 1/3 + val[1] * 2/3;
break
case 'A':
retVal = arcToBeziere(this.pos, val);
val = retVal[0];
break
}
val[0] = 'C';
this.pos = [val[5], val[6]];
this.reflection = [2 * val[5] - val[3], 2 * val[6] - val[4]];
return retVal
}
// finds the next position of type M
function findNextM(arr, offset){
if(offset === false) return false
for(var i = offset, len = arr.length;i < len;++i){
if(arr[i][0] == 'M') return i
}
return false
}
// Convert an arc segment into equivalent cubic Bezier curves
// Depending on the arc, up to 4 curves might be used to represent it since a
// curve gives a good approximation for only a quarter of an ellipse
// The curves are returned as an array of SVG curve commands:
// [ ['C', x1, y1, x2, y2, x, y] ... ]
function arcToBeziere(pos, val) {
// Parameters extraction, handle out-of-range parameters as specified in the SVG spec
// See: https://www.w3.org/TR/SVG11/implnote.html#ArcOutOfRangeParameters
var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360
, largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7]
, A = new SVG.Point(pos), B = new SVG.Point(x, y)
, primedCoord, lambda, mat, k, c, cSquare, t, O, OA, OB, tetaStart, tetaEnd
, deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i, il
, retVal = [], x1, y1, x2, y2;
// Ensure radii are non-zero
if(rx === 0 || ry === 0 || (A.x === B.x && A.y === B.y)) {
// treat this arc as a straight line segment
return [['C', A.x, A.y, B.x, B.y, B.x, B.y]]
}
// Ensure radii are large enough using the algorithm provided in the SVG spec
// See: https://www.w3.org/TR/SVG11/implnote.html#ArcCorrectionOutOfRangeRadii
primedCoord = new SVG.Point((A.x-B.x)/2, (A.y-B.y)/2).transform(new SVG.Matrix().rotate(xAxisRotation));
lambda = (primedCoord.x * primedCoord.x) / (rx * rx) + (primedCoord.y * primedCoord.y) / (ry * ry);
if(lambda > 1) {
lambda = Math.sqrt(lambda);
rx = lambda*rx;
ry = lambda*ry;
}
// To simplify calculations, we make the arc part of a unit circle (rayon is 1) instead of an ellipse
mat = new SVG.Matrix().rotate(xAxisRotation).scale(1/rx, 1/ry).rotate(-xAxisRotation);
A = A.transform(mat);
B = B.transform(mat);
// Calculate the horizontal and vertical distance between the initial and final point of the arc
k = [B.x-A.x, B.y-A.y];
// Find the length of the chord formed by A and B
cSquare = k[0]*k[0] + k[1]*k[1];
c = Math.sqrt(cSquare);
// Calculate the ratios of the horizontal and vertical distance on the length of the chord
k[0] /= c;
k[1] /= c;
// Calculate the distance between the circle center and the chord midpoint
// using this formula: t = sqrt(r^2 - c^2 / 4)
// where t is the distance between the cirle center and the chord midpoint,
// r is the rayon of the circle and c is the chord length
// From: http://www.ajdesigner.com/phpcircle/circle_segment_chord_t.php
// Because of the imprecision of floating point numbers, cSquare might end
// up being slightly above 4 which would result in a negative radicand
// To prevent that, a test is made before computing the square root
t = (cSquare < 4) ? Math.sqrt(1 - cSquare/4) : 0;
// For most situations, there are actually two different ellipses that
// satisfy the constraints imposed by the points A and B, the radii rx and ry,
// and the xAxisRotation
// When the flags largeArcFlag and sweepFlag are equal, it means that the
// second ellipse is used as a solution
// See: https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
if(largeArcFlag === sweepFlag) {
t *= -1;
}
// Calculate the coordinates of the center of the circle from the midpoint of the chord
// This is done by multiplying the ratios calculated previously by the distance between
// the circle center and the chord midpoint and using these values to go from the midpoint
// to the center of the circle
// The negative of the vertical distance ratio is used to modify the x coordinate while
// the horizontal distance ratio is used to modify the y coordinate
// That is because the center of the circle is perpendicular to the chord and perpendicular
// lines are negative reciprocals
O = new SVG.Point((B.x+A.x)/2 + t*-k[1], (B.y+A.y)/2 + t*k[0]);
// Move the center of the circle at the origin
OA = new SVG.Point(A.x-O.x, A.y-O.y);
OB = new SVG.Point(B.x-O.x, B.y-O.y);
// Calculate the start and end angle
tetaStart = Math.acos(OA.x/Math.sqrt(OA.x*OA.x + OA.y*OA.y));
if (OA.y < 0) {
tetaStart *= -1;
}
tetaEnd = Math.acos(OB.x/Math.sqrt(OB.x*OB.x + OB.y*OB.y));
if (OB.y < 0) {
tetaEnd *= -1;
}
// If sweep-flag is '1', then the arc will be drawn in a "positive-angle" direction,
// make sure that the end angle is above the start angle
if (sweepFlag && tetaStart > tetaEnd) {
tetaEnd += 2*Math.PI;
}
// If sweep-flag is '0', then the arc will be drawn in a "negative-angle" direction,
// make sure that the end angle is below the start angle
if (!sweepFlag && tetaStart < tetaEnd) {
tetaEnd -= 2*Math.PI;
}
// Find the number of Bezier curves that are required to represent the arc
// A cubic Bezier curve gives a good enough approximation when representing at most a quarter of a circle
nbSectors = Math.ceil(Math.abs(tetaStart-tetaEnd) * 2/Math.PI);
// Calculate the coordinates of the points of all the Bezier curves required to represent the arc
// For an in-depth explanation of this part see: http://pomax.github.io/bezierinfo/#circles_cubic
arcSegPoints = [];
angle = tetaStart;
deltaTeta = (tetaEnd-tetaStart)/nbSectors;
f = 4*Math.tan(deltaTeta/4)/3;
for (i = 0; i <= nbSectors; i++) { // The <= is because a Bezier curve have a start and a endpoint
cosAngle = Math.cos(angle);
sinAngle = Math.sin(angle);
pt = new SVG.Point(O.x+cosAngle, O.y+sinAngle);
arcSegPoints[i] = [new SVG.Point(pt.x+f*sinAngle, pt.y-f*cosAngle), pt, new SVG.Point(pt.x-f*sinAngle, pt.y+f*cosAngle)];
angle += deltaTeta;
}
// Remove the first control point of the first segment point and remove the second control point of the last segment point
// These two control points are not used in the approximation of the arc, that is why they are removed
arcSegPoints[0][0] = arcSegPoints[0][1].clone();
arcSegPoints[arcSegPoints.length-1][2] = arcSegPoints[arcSegPoints.length-1][1].clone();
// Revert the transformation that was applied to make the arc part of a unit circle instead of an ellipse
mat = new SVG.Matrix().rotate(xAxisRotation).scale(rx, ry).rotate(-xAxisRotation);
for (i = 0, il = arcSegPoints.length; i < il; i++) {
arcSegPoints[i][0] = arcSegPoints[i][0].transform(mat);
arcSegPoints[i][1] = arcSegPoints[i][1].transform(mat);
arcSegPoints[i][2] = arcSegPoints[i][2].transform(mat);
}
// Convert the segments points to SVG curve commands
for (i = 1, il = arcSegPoints.length; i < il; i++) {
pt = arcSegPoints[i-1][2];
x1 = pt.x;
y1 = pt.y;
pt = arcSegPoints[i][0];
x2 = pt.x;
y2 = pt.y;
pt = arcSegPoints[i][1];
x = pt.x;
y = pt.y;
retVal.push(['C', x1, y1, x2, y2, x, y]);
}
return retVal
}
}());
/*! svg.draggable.js - v2.2.2 - 2019-01-08
* https://github.com/svgdotjs/svg.draggable.js
* Copyright (c) 2019 Wout Fierens; Licensed MIT */
(function() {
// creates handler, saves it
function DragHandler(el){
el.remember('_draggable', this);
this.el = el;
}
// Sets new parameter, starts dragging
DragHandler.prototype.init = function(constraint, val){
var _this = this;
this.constraint = constraint;
this.value = val;
this.el.on('mousedown.drag', function(e){ _this.start(e); });
this.el.on('touchstart.drag', function(e){ _this.start(e); });
};
// transforms one point from screen to user coords
DragHandler.prototype.transformPoint = function(event, offset){
event = event || window.event;
var touches = event.changedTouches && event.changedTouches[0] || event;
this.p.x = touches.clientX - (offset || 0);
this.p.y = touches.clientY;
return this.p.matrixTransform(this.m)
};
// gets elements bounding box with special handling of groups, nested and use
DragHandler.prototype.getBBox = function(){
var box = this.el.bbox();
if(this.el instanceof SVG.Nested) box = this.el.rbox();
if (this.el instanceof SVG.G || this.el instanceof SVG.Use || this.el instanceof SVG.Nested) {
box.x = this.el.x();
box.y = this.el.y();
}
return box
};
// start dragging
DragHandler.prototype.start = function(e){
// check for left button
if(e.type == 'click'|| e.type == 'mousedown' || e.type == 'mousemove'){
if((e.which || e.buttons) != 1){
return
}
}
var _this = this;
// fire beforedrag event
this.el.fire('beforedrag', { event: e, handler: this });
if(this.el.event().defaultPrevented) return;
// prevent browser drag behavior as soon as possible
e.preventDefault();
// prevent propagation to a parent that might also have dragging enabled
e.stopPropagation();
// search for parent on the fly to make sure we can call
// draggable() even when element is not in the dom currently
this.parent = this.parent || this.el.parent(SVG.Nested) || this.el.parent(SVG.Doc);
this.p = this.parent.node.createSVGPoint();
// save current transformation matrix
this.m = this.el.node.getScreenCTM().inverse();
var box = this.getBBox();
var anchorOffset;
// fix text-anchor in text-element (#37)
if(this.el instanceof SVG.Text){
anchorOffset = this.el.node.getComputedTextLength();
switch(this.el.attr('text-anchor')){
case 'middle':
anchorOffset /= 2;
break
case 'start':
anchorOffset = 0;
break;
}
}
this.startPoints = {
// We take absolute coordinates since we are just using a delta here
point: this.transformPoint(e, anchorOffset),
box: box,
transform: this.el.transform()
};
// add drag and end events to window
SVG.on(window, 'mousemove.drag', function(e){ _this.drag(e); });
SVG.on(window, 'touchmove.drag', function(e){ _this.drag(e); });
SVG.on(window, 'mouseup.drag', function(e){ _this.end(e); });
SVG.on(window, 'touchend.drag', function(e){ _this.end(e); });
// fire dragstart event
this.el.fire('dragstart', {event: e, p: this.startPoints.point, m: this.m, handler: this});
};
// while dragging
DragHandler.prototype.drag = function(e){
var box = this.getBBox()
, p = this.transformPoint(e)
, x = this.startPoints.box.x + p.x - this.startPoints.point.x
, y = this.startPoints.box.y + p.y - this.startPoints.point.y
, c = this.constraint
, gx = p.x - this.startPoints.point.x
, gy = p.y - this.startPoints.point.y;
this.el.fire('dragmove', {
event: e
, p: p
, m: this.m
, handler: this
});
if(this.el.event().defaultPrevented) return p
// move the element to its new position, if possible by constraint
if (typeof c == 'function') {
var coord = c.call(this.el, x, y, this.m);
// bool, just show us if movement is allowed or not
if (typeof coord == 'boolean') {
coord = {
x: coord,
y: coord
};
}
// if true, we just move. If !false its a number and we move it there
if (coord.x === true) {
this.el.x(x);
} else if (coord.x !== false) {
this.el.x(coord.x);
}
if (coord.y === true) {
this.el.y(y);
} else if (coord.y !== false) {
this.el.y(coord.y);
}
} else if (typeof c == 'object') {
// keep element within constrained box
if (c.minX != null && x < c.minX) {
x = c.minX;
gx = x - this.startPoints.box.x;
} else if (c.maxX != null && x > c.maxX - box.width) {
x = c.maxX - box.width;
gx = x - this.startPoints.box.x;
} if (c.minY != null && y < c.minY) {
y = c.minY;
gy = y - this.startPoints.box.y;
} else if (c.maxY != null && y > c.maxY - box.height) {
y = c.maxY - box.height;
gy = y - this.startPoints.box.y;
}
if (c.snapToGrid != null) {
x = x - (x % c.snapToGrid);
y = y - (y % c.snapToGrid);
gx = gx - (gx % c.snapToGrid);
gy = gy - (gy % c.snapToGrid);
}
if(this.el instanceof SVG.G)
this.el.matrix(this.startPoints.transform).transform({x:gx, y: gy}, true);
else
this.el.move(x, y);
}
// so we can use it in the end-method, too
return p
};
DragHandler.prototype.end = function(e){
// final drag
var p = this.drag(e);
// fire dragend event
this.el.fire('dragend', { event: e, p: p, m: this.m, handler: this });
// unbind events
SVG.off(window, 'mousemove.drag');
SVG.off(window, 'touchmove.drag');
SVG.off(window, 'mouseup.drag');
SVG.off(window, 'touchend.drag');
};
SVG.extend(SVG.Element, {
// Make element draggable
// Constraint might be an object (as described in readme.md) or a function in the form "function (x, y)" that gets called before every move.
// The function can return a boolean or an object of the form {x, y}, to which the element will be moved. "False" skips moving, true moves to raw x, y.
draggable: function(value, constraint) {
// Check the parameters and reassign if needed
if (typeof value == 'function' || typeof value == 'object') {
constraint = value;
value = true;
}
var dragHandler = this.remember('_draggable') || new DragHandler(this);
// When no parameter is given, value is true
value = typeof value === 'undefined' ? true : value;
if(value) dragHandler.init(constraint || {}, value);
else {
this.off('mousedown.drag');
this.off('touchstart.drag');
}
return this
}
});
}).call(undefined);
(function() {
function SelectHandler(el) {
this.el = el;
el.remember('_selectHandler', this);
this.pointSelection = {isSelected: false};
this.rectSelection = {isSelected: false};
}
SelectHandler.prototype.init = function (value, options) {
var bbox = this.el.bbox();
this.options = {};
// Merging the defaults and the options-object together
for (var i in this.el.selectize.defaults) {
this.options[i] = this.el.selectize.defaults[i];
if (options[i] !== undefined) {
this.options[i] = options[i];
}
}
this.parent = this.el.parent();
this.nested = (this.nested || this.parent.group());
this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
// When deepSelect is enabled and the element is a line/polyline/polygon, draw only points for moving
if (this.options.deepSelect && ['line', 'polyline', 'polygon'].indexOf(this.el.type) !== -1) {
this.selectPoints(value);
} else {
this.selectRect(value);
}
this.observe();
this.cleanup();
};
SelectHandler.prototype.selectPoints = function (value) {
this.pointSelection.isSelected = value;
// When set is already there we dont have to create one
if (this.pointSelection.set) {
return this;
}
// Create our set of elements
this.pointSelection.set = this.parent.set();
// draw the circles and mark the element as selected
this.drawCircles();
return this;
};
// create the point-array which contains the 2 points of a line or simply the points-array of polyline/polygon
SelectHandler.prototype.getPointArray = function () {
var bbox = this.el.bbox();
return this.el.array().valueOf().map(function (el) {
return [el[0] - bbox.x, el[1] - bbox.y];
});
};
// The function to draw the circles
SelectHandler.prototype.drawCircles = function () {
var _this = this, array = this.getPointArray();
// go through the array of points
for (var i = 0, len = array.length; i < len; ++i) {
var curriedEvent = (function (k) {
return function (ev) {
ev = ev || window.event;
ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
ev.stopPropagation();
var x = ev.pageX || ev.touches[0].pageX;
var y = ev.pageY || ev.touches[0].pageY;
_this.el.fire('point', {x: x, y: y, i: k, event: ev});
};
})(i);
// add every point to the set
this.pointSelection.set.add(
// a circle with our css-classes and a touchstart-event which fires our event for moving points
this.nested.circle(this.options.radius)
.center(array[i][0], array[i][1])
.addClass(this.options.classPoints)
.addClass(this.options.classPoints + '_point')
.on('touchstart', curriedEvent)
.on('mousedown', curriedEvent)
);
}
};
// every time a circle is moved, we have to update the positions of our circle
SelectHandler.prototype.updatePointSelection = function () {
var array = this.getPointArray();
this.pointSelection.set.each(function (i) {
if (this.cx() === array[i][0] && this.cy() === array[i][1]) {
return;
}
this.center(array[i][0], array[i][1]);
});
};
SelectHandler.prototype.updateRectSelection = function () {
var bbox = this.el.bbox();
this.rectSelection.set.get(0).attr({
width: bbox.width,
height: bbox.height
});
// set.get(1) is always in the upper left corner. no need to move it
if (this.options.points) {
this.rectSelection.set.get(2).center(bbox.width, 0);
this.rectSelection.set.get(3).center(bbox.width, bbox.height);
this.rectSelection.set.get(4).center(0, bbox.height);
this.rectSelection.set.get(5).center(bbox.width / 2, 0);
this.rectSelection.set.get(6).center(bbox.width, bbox.height / 2);
this.rectSelection.set.get(7).center(bbox.width / 2, bbox.height);
this.rectSelection.set.get(8).center(0, bbox.height / 2);
}
if (this.options.rotationPoint) {
if (this.options.points) {
this.rectSelection.set.get(9).center(bbox.width / 2, 20);
} else {
this.rectSelection.set.get(1).center(bbox.width / 2, 20);
}
}
};
SelectHandler.prototype.selectRect = function (value) {
var _this = this, bbox = this.el.bbox();
this.rectSelection.isSelected = value;
// when set is already p
this.rectSelection.set = this.rectSelection.set || this.parent.set();
// helperFunction to create a mouse-down function which triggers the event specified in `eventName`
function getMoseDownFunc(eventName) {
return function (ev) {
ev = ev || window.event;
ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
ev.stopPropagation();
var x = ev.pageX || ev.touches[0].pageX;
var y = ev.pageY || ev.touches[0].pageY;
_this.el.fire(eventName, {x: x, y: y, event: ev});
};
}
// create the selection-rectangle and add the css-class
if (!this.rectSelection.set.get(0)) {
this.rectSelection.set.add(this.nested.rect(bbox.width, bbox.height).addClass(this.options.classRect));
}
// Draw Points at the edges, if enabled
if (this.options.points && !this.rectSelection.set.get(1)) {
var ename ="touchstart", mname = "mousedown";
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, 0).attr('class', this.options.classPoints + '_lt').on(mname, getMoseDownFunc('lt')).on(ename, getMoseDownFunc('lt')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, 0).attr('class', this.options.classPoints + '_rt').on(mname, getMoseDownFunc('rt')).on(ename, getMoseDownFunc('rt')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height).attr('class', this.options.classPoints + '_rb').on(mname, getMoseDownFunc('rb')).on(ename, getMoseDownFunc('rb')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height).attr('class', this.options.classPoints + '_lb').on(mname, getMoseDownFunc('lb')).on(ename, getMoseDownFunc('lb')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 0).attr('class', this.options.classPoints + '_t').on(mname, getMoseDownFunc('t')).on(ename, getMoseDownFunc('t')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height / 2).attr('class', this.options.classPoints + '_r').on(mname, getMoseDownFunc('r')).on(ename, getMoseDownFunc('r')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, bbox.height).attr('class', this.options.classPoints + '_b').on(mname, getMoseDownFunc('b')).on(ename, getMoseDownFunc('b')));
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height / 2).attr('class', this.options.classPoints + '_l').on(mname, getMoseDownFunc('l')).on(ename, getMoseDownFunc('l')));
this.rectSelection.set.each(function () {
this.addClass(_this.options.classPoints);
});
}
// draw rotationPint, if enabled
if (this.options.rotationPoint && ((this.options.points && !this.rectSelection.set.get(9)) || (!this.options.points && !this.rectSelection.set.get(1)))) {
var curriedEvent = function (ev) {
ev = ev || window.event;
ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
ev.stopPropagation();
var x = ev.pageX || ev.touches[0].pageX;
var y = ev.pageY || ev.touches[0].pageY;
_this.el.fire('rot', {x: x, y: y, event: ev});
};
this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 20).attr('class', this.options.classPoints + '_rot')
.on("touchstart", curriedEvent).on("mousedown", curriedEvent));
}
};
SelectHandler.prototype.handler = function () {
var bbox = this.el.bbox();
this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
if (this.rectSelection.isSelected) {
this.updateRectSelection();
}
if (this.pointSelection.isSelected) {
this.updatePointSelection();
}
};
SelectHandler.prototype.observe = function () {
var _this = this;
if (MutationObserver) {
if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
this.observerInst = this.observerInst || new MutationObserver(function () {
_this.handler();
});
this.observerInst.observe(this.el.node, {attributes: true});
} else {
try {
this.observerInst.disconnect();
delete this.observerInst;
} catch (e) {
}
}
} else {
this.el.off('DOMAttrModified.select');
if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
this.el.on('DOMAttrModified.select', function () {
_this.handler();
});
}
}
};
SelectHandler.prototype.cleanup = function () {
//var _this = this;
if (!this.rectSelection.isSelected && this.rectSelection.set) {
// stop watching the element, remove the selection
this.rectSelection.set.each(function () {
this.remove();
});
this.rectSelection.set.clear();
delete this.rectSelection.set;
}
if (!this.pointSelection.isSelected && this.pointSelection.set) {
// Remove all points, clear the set, stop watching the element
this.pointSelection.set.each(function () {
this.remove();
});
this.pointSelection.set.clear();
delete this.pointSelection.set;
}
if (!this.pointSelection.isSelected && !this.rectSelection.isSelected) {
this.nested.remove();
delete this.nested;
}
};
SVG.extend(SVG.Element, {
// Select element with mouse
selectize: function (value, options) {
// Check the parameters and reassign if needed
if (typeof value === 'object') {
options = value;
value = true;
}
var selectHandler = this.remember('_selectHandler') || new SelectHandler(this);
selectHandler.init(value === undefined ? true : value, options || {});
return this;
}
});
SVG.Element.prototype.selectize.defaults = {
points: true, // If true, points at the edges are drawn. Needed for resize!
classRect: 'svg_select_boundingRect', // Css-class added to the rect
classPoints: 'svg_select_points', // Css-class added to the points
radius: 7, // radius of the points
rotationPoint: true, // If true, rotation point is drawn. Needed for rotation!
deepSelect: false // If true, moving of single points is possible (only line, polyline, polyon)
};
}());
(function() {
(function () {
function ResizeHandler(el) {
el.remember('_resizeHandler', this);
this.el = el;
this.parameters = {};
this.lastUpdateCall = null;
this.p = el.doc().node.createSVGPoint();
}
ResizeHandler.prototype.transformPoint = function(x, y, m){
this.p.x = x - (this.offset.x - window.pageXOffset);
this.p.y = y - (this.offset.y - window.pageYOffset);
return this.p.matrixTransform(m || this.m);
};
ResizeHandler.prototype._extractPosition = function(event) {
// Extract a position from a mouse/touch event.
// Returns { x: .., y: .. }
return {
x: event.clientX != null ? event.clientX : event.touches[0].clientX,
y: event.clientY != null ? event.clientY : event.touches[0].clientY
}
};
ResizeHandler.prototype.init = function (options) {
var _this = this;
this.stop();
if (options === 'stop') {
return;
}
this.options = {};
// Merge options and defaults
for (var i in this.el.resize.defaults) {
this.options[i] = this.el.resize.defaults[i];
if (typeof options[i] !== 'undefined') {
this.options[i] = options[i];
}
}
// We listen to all these events which are specifying different edges
this.el.on('lt.resize', function(e){ _this.resize(e || window.event); }); // Left-Top
this.el.on('rt.resize', function(e){ _this.resize(e || window.event); }); // Right-Top
this.el.on('rb.resize', function(e){ _this.resize(e || window.event); }); // Right-Bottom
this.el.on('lb.resize', function(e){ _this.resize(e || window.event); }); // Left-Bottom
this.el.on('t.resize', function(e){ _this.resize(e || window.event); }); // Top
this.el.on('r.resize', function(e){ _this.resize(e || window.event); }); // Right
this.el.on('b.resize', function(e){ _this.resize(e || window.event); }); // Bottom
this.el.on('l.resize', function(e){ _this.resize(e || window.event); }); // Left
this.el.on('rot.resize', function(e){ _this.resize(e || window.event); }); // Rotation
this.el.on('point.resize', function(e){ _this.resize(e || window.event); }); // Point-Moving
// This call ensures, that the plugin reacts to a change of snapToGrid immediately
this.update();
};
ResizeHandler.prototype.stop = function(){
this.el.off('lt.resize');
this.el.off('rt.resize');
this.el.off('rb.resize');
this.el.off('lb.resize');
this.el.off('t.resize');
this.el.off('r.resize');
this.el.off('b.resize');
this.el.off('l.resize');
this.el.off('rot.resize');
this.el.off('point.resize');
return this;
};
ResizeHandler.prototype.resize = function (event) {
var _this = this;
this.m = this.el.node.getScreenCTM().inverse();
this.offset = { x: window.pageXOffset, y: window.pageYOffset };
var txPt = this._extractPosition(event.detail.event);
this.parameters = {
type: this.el.type, // the type of element
p: this.transformPoint(txPt.x, txPt.y),
x: event.detail.x, // x-position of the mouse when resizing started
y: event.detail.y, // y-position of the mouse when resizing started
box: this.el.bbox(), // The bounding-box of the element
rotation: this.el.transform().rotation // The current rotation of the element
};
// Add font-size parameter if the element type is text
if (this.el.type === "text") {
this.parameters.fontSize = this.el.attr()["font-size"];
}
// the i-param in the event holds the index of the point which is moved, when using `deepSelect`
if (event.detail.i !== undefined) {
// get the point array
var array = this.el.array().valueOf();
// Save the index and the point which is moved
this.parameters.i = event.detail.i;
this.parameters.pointCoords = [array[event.detail.i][0], array[event.detail.i][1]];
}
// Lets check which edge of the bounding-box was clicked and resize the this.el according to this
switch (event.type) {
// Left-Top-Edge
case 'lt':
// We build a calculating function for every case which gives us the new position of the this.el
this.calc = function (diffX, diffY) {
// The procedure is always the same
// First we snap the edge to the given grid (snapping to 1px grid is normal resizing)
var snap = this.snapToGrid(diffX, diffY);
// Now we check if the new height and width still valid (> 0)
if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
// ...if valid, we resize the this.el (which can include moving because the coord-system starts at the left-top and this edge is moving sometimes when resized)
/*
* but first check if the element is text box, so we can change the font size instead of
* the width and height
*/
if (this.parameters.type === "text") {
this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
this.el.attr("font-size", this.parameters.fontSize - snap[0]);
return;
}
snap = this.checkAspectRatio(snap);
this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y + snap[1]).size(this.parameters.box.width - snap[0], this.parameters.box.height - snap[1]);
}
};
break;
// Right-Top
case 'rt':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 1 << 1);
if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
if (this.parameters.type === "text") {
this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
this.el.attr("font-size", this.parameters.fontSize + snap[0]);
return;
}
snap = this.checkAspectRatio(snap, true);
this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).size(this.parameters.box.width + snap[0], this.parameters.box.height - snap[1]);
}
};
break;
// Right-Bottom
case 'rb':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 0);
if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
if (this.parameters.type === "text") {
this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
this.el.attr("font-size", this.parameters.fontSize + snap[0]);
return;
}
snap = this.checkAspectRatio(snap);
this.el.move(this.parameters.box.x, this.parameters.box.y).size(this.parameters.box.width + snap[0], this.parameters.box.height + snap[1]);
}
};
break;
// Left-Bottom
case 'lb':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 1);
if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
if (this.parameters.type === "text") {
this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
this.el.attr("font-size", this.parameters.fontSize - snap[0]);
return;
}
snap = this.checkAspectRatio(snap, true);
this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).size(this.parameters.box.width - snap[0], this.parameters.box.height + snap[1]);
}
};
break;
// Top
case 't':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 1 << 1);
if (this.parameters.box.height - snap[1] > 0) {
// Disable the font-resizing if it is not from the corner of bounding-box
if (this.parameters.type === "text") {
return;
}
this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).height(this.parameters.box.height - snap[1]);
}
};
break;
// Right
case 'r':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 0);
if (this.parameters.box.width + snap[0] > 0) {
if (this.parameters.type === "text") {
return;
}
this.el.move(this.parameters.box.x, this.parameters.box.y).width(this.parameters.box.width + snap[0]);
}
};
break;
// Bottom
case 'b':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 0);
if (this.parameters.box.height + snap[1] > 0) {
if (this.parameters.type === "text") {
return;
}
this.el.move(this.parameters.box.x, this.parameters.box.y).height(this.parameters.box.height + snap[1]);
}
};
break;
// Left
case 'l':
// s.a.
this.calc = function (diffX, diffY) {
var snap = this.snapToGrid(diffX, diffY, 1);
if (this.parameters.box.width - snap[0] > 0) {
if (this.parameters.type === "text") {
return;
}
this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).width(this.parameters.box.width - snap[0]);
}
};
break;
// Rotation
case 'rot':
// s.a.
this.calc = function (diffX, diffY) {
// yes this is kinda stupid but we need the mouse coords back...
var current = {x: diffX + this.parameters.p.x, y: diffY + this.parameters.p.y};
// start minus middle
var sAngle = Math.atan2((this.parameters.p.y - this.parameters.box.y - this.parameters.box.height / 2), (this.parameters.p.x - this.parameters.box.x - this.parameters.box.width / 2));
// end minus middle
var pAngle = Math.atan2((current.y - this.parameters.box.y - this.parameters.box.height / 2), (current.x - this.parameters.box.x - this.parameters.box.width / 2));
var angle = this.parameters.rotation + (pAngle - sAngle) * 180 / Math.PI + this.options.snapToAngle / 2;
// We have to move the element to the center of the box first and change the rotation afterwards
// because rotation always works around a rotation-center, which is changed when moving the element
// We also set the new rotation center to the center of the box.
this.el.center(this.parameters.box.cx, this.parameters.box.cy).rotate(angle - (angle % this.options.snapToAngle), this.parameters.box.cx, this.parameters.box.cy);
};
break;
// Moving one single Point (needed when an element is deepSelected which means you can move every single point of the object)
case 'point':
this.calc = function (diffX, diffY) {
// Snapping the point to the grid
var snap = this.snapToGrid(diffX, diffY, this.parameters.pointCoords[0], this.parameters.pointCoords[1]);
// Get the point array
var array = this.el.array().valueOf();
// Changing the moved point in the array
array[this.parameters.i][0] = this.parameters.pointCoords[0] + snap[0];
array[this.parameters.i][1] = this.parameters.pointCoords[1] + snap[1];
// And plot the new this.el
this.el.plot(array);
};
}
this.el.fire('resizestart', {dx: this.parameters.x, dy: this.parameters.y, event: event});
// When resizing started, we have to register events for...
// Touches.
SVG.on(window, 'touchmove.resize', function(e) {
_this.update(e || window.event);
});
SVG.on(window, 'touchend.resize', function() {
_this.done();
});
// Mouse.
SVG.on(window, 'mousemove.resize', function (e) {
_this.update(e || window.event);
});
SVG.on(window, 'mouseup.resize', function () {
_this.done();
});
};
// The update-function redraws the element every time the mouse is moving
ResizeHandler.prototype.update = function (event) {
if (!event) {
if (this.lastUpdateCall) {
this.calc(this.lastUpdateCall[0], this.lastUpdateCall[1]);
}
return;
}
// Calculate the difference between the mouseposition at start and now
var txPt = this._extractPosition(event);
var p = this.transformPoint(txPt.x, txPt.y);
var diffX = p.x - this.parameters.p.x,
diffY = p.y - this.parameters.p.y;
this.lastUpdateCall = [diffX, diffY];
// Calculate the new position and height / width of the element
this.calc(diffX, diffY);
// Emit an event to say we have changed.
this.el.fire('resizing', {dx: diffX, dy: diffY, event: event});
};
// Is called on mouseup.
// Removes the update-function from the mousemove event
ResizeHandler.prototype.done = function () {
this.lastUpdateCall = null;
SVG.off(window, 'mousemove.resize');
SVG.off(window, 'mouseup.resize');
SVG.off(window, 'touchmove.resize');
SVG.off(window, 'touchend.resize');
this.el.fire('resizedone');
};
// The flag is used to determine whether the resizing is used with a left-Point (first bit) and top-point (second bit)
// In this cases the temp-values are calculated differently
ResizeHandler.prototype.snapToGrid = function (diffX, diffY, flag, pointCoordsY) {
var temp;
// If `pointCoordsY` is given, a single Point has to be snapped (deepSelect). That's why we need a different temp-value
if (typeof pointCoordsY !== 'undefined') {
// Note that flag = pointCoordsX in this case
temp = [(flag + diffX) % this.options.snapToGrid, (pointCoordsY + diffY) % this.options.snapToGrid];
} else {
// We check if the flag is set and if not we set a default-value (both bits set - which means upper-left-edge)
flag = flag == null ? 1 | 1 << 1 : flag;
temp = [(this.parameters.box.x + diffX + (flag & 1 ? 0 : this.parameters.box.width)) % this.options.snapToGrid, (this.parameters.box.y + diffY + (flag & (1 << 1) ? 0 : this.parameters.box.height)) % this.options.snapToGrid];
}
if(diffX < 0) {
temp[0] -= this.options.snapToGrid;
}
if(diffY < 0) {
temp[1] -= this.options.snapToGrid;
}
diffX -= (Math.abs(temp[0]) < this.options.snapToGrid / 2 ?
temp[0] :
temp[0] - (diffX < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
diffY -= (Math.abs(temp[1]) < this.options.snapToGrid / 2 ?
temp[1] :
temp[1] - (diffY < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
return this.constraintToBox(diffX, diffY, flag, pointCoordsY);
};
// keep element within constrained box
ResizeHandler.prototype.constraintToBox = function (diffX, diffY, flag, pointCoordsY) {
//return [diffX, diffY]
var c = this.options.constraint || {};
var orgX, orgY;
if (typeof pointCoordsY !== 'undefined') {
orgX = flag;
orgY = pointCoordsY;
} else {
orgX = this.parameters.box.x + (flag & 1 ? 0 : this.parameters.box.width);
orgY = this.parameters.box.y + (flag & (1<<1) ? 0 : this.parameters.box.height);
}
if (typeof c.minX !== 'undefined' && orgX + diffX < c.minX) {
diffX = c.minX - orgX;
}
if (typeof c.maxX !== 'undefined' && orgX + diffX > c.maxX) {
diffX = c.maxX - orgX;
}
if (typeof c.minY !== 'undefined' && orgY + diffY < c.minY) {
diffY = c.minY - orgY;
}
if (typeof c.maxY !== 'undefined' && orgY + diffY > c.maxY) {
diffY = c.maxY - orgY;
}
return [diffX, diffY];
};
ResizeHandler.prototype.checkAspectRatio = function (snap, isReverse) {
if (!this.options.saveAspectRatio) {
return snap;
}
var updatedSnap = snap.slice();
var aspectRatio = this.parameters.box.width / this.parameters.box.height;
var newW = this.parameters.box.width + snap[0];
var newH = this.parameters.box.height - snap[1];
var newAspectRatio = newW / newH;
if (newAspectRatio < aspectRatio) {
// Height is too big. Adapt it
updatedSnap[1] = newW / aspectRatio - this.parameters.box.height;
isReverse && (updatedSnap[1] = -updatedSnap[1]);
} else if (newAspectRatio > aspectRatio) {
// Width is too big. Adapt it
updatedSnap[0] = this.parameters.box.width - newH * aspectRatio;
isReverse && (updatedSnap[0] = -updatedSnap[0]);
}
return updatedSnap;
};
SVG.extend(SVG.Element, {
// Resize element with mouse
resize: function (options) {
(this.remember('_resizeHandler') || new ResizeHandler(this)).init(options || {});
return this;
}
});
SVG.Element.prototype.resize.defaults = {
snapToAngle: 0.1, // Specifies the speed the rotation is happening when moving the mouse
snapToGrid: 1, // Snaps to a grid of `snapToGrid` Pixels
constraint: {}, // keep element within constrained box
saveAspectRatio: false // Save aspect ratio when resizing using lt, rt, rb or lb points
};
}).call(this);
}());
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css = ".apexcharts-canvas {\n position: relative;\n user-select: none;\n /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0,0,0,.5);\n box-shadow: 0 0 1px rgba(255,255,255,.5);\n -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n.apexcharts-canvas.dark {\n background: #343F57;\n}\n\n.apexcharts-inner {\n position: relative;\n}\n\n.legend-mouseover-inactive {\n transition: 0.15s ease all;\n opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n pointer-events: none;\n}\n\n.apexcharts-tooltip {\n border-radius: 5px;\n box-shadow: 2px 2px 6px -4px #999;\n cursor: default;\n font-size: 14px;\n left: 62px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 20px;\n overflow: hidden;\n white-space: nowrap;\n z-index: 12;\n transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n border: 1px solid #e3e3e3;\n background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n color: #fff;\n background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n padding: 6px;\n font-size: 15px;\n margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n background: #ECEFF1;\n border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n background: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid #333;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n display: inline-block;\n font-weight: 600;\n margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n width: 12px;\n height: 12px;\n position: relative;\n top: 0px;\n margin-right: 10px;\n border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n padding: 0 10px;\n display: none;\n text-align: left;\n justify-content: left;\n align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n padding-bottom: 4px;\n}\n.apexcharts-tooltip-series-group-hidden {\n opacity: 0;\n height: 0;\n line-height: 0;\n padding: 0 !important;\n}\n.apexcharts-tooltip-y-group {\n padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n font-weight: bold;\n}\n\n.apexcharts-tooltip-rangebar {\n padding: 5px 8px;\n}\n\n.apexcharts-tooltip-rangebar .category {\n font-weight: 600;\n color: #777;\n}\n\n.apexcharts-tooltip-rangebar .series-name {\n font-weight: bold;\n display: block;\n margin-bottom: 5px;\n}\n\n.apexcharts-xaxistooltip {\n opacity: 0;\n padding: 9px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip.dark {\n background: rgba(0, 0, 0, 0.7);\n border: 1px solid rgba(0, 0, 0, 0.5);\n color: #fff;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n top: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-bottom.dark:after {\n border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-xaxistooltip-bottom.dark:before {\n border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip-top:after {\n border-top-color:#ECEFF1\n}\n.apexcharts-xaxistooltip-top:before {\n border-top-color: #90A4AE;\n}\n.apexcharts-xaxistooltip-top.dark:after {\n border-top-color:rgba(0, 0, 0, 0.5);\n}\n.apexcharts-xaxistooltip-top.dark:before {\n border-top-color: rgba(0, 0, 0, 0.5);\n}\n\n\n.apexcharts-xaxistooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n opacity: 0;\n padding: 4px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip.dark {\n background: rgba(0, 0, 0, 0.7);\n border: 1px solid rgba(0, 0, 0, 0.5);\n color: #fff;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n left: 100%;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n right: 100%;\n}\n\n.apexcharts-yaxistooltip-left:after {\n border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n border-left-color: #90A4AE;\n}\n.apexcharts-yaxistooltip-left.dark:after {\n border-left-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-yaxistooltip-left.dark:before {\n border-left-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip-right:after {\n border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n border-right-color: #90A4AE;\n}\n.apexcharts-yaxistooltip-right.dark:after {\n border-right-color: rgba(0, 0, 0, 0.5);\n}\n.apexcharts-yaxistooltip-right.dark:before {\n border-right-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip.active {\n opacity: 1;\n}\n.apexcharts-yaxistooltip-hidden {\n display: none;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n pointer-events: none;\n opacity: 0;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n pointer-events: none;\n}\n.apexcharts-selection-rect {\n cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n opacity: 0;\n visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n cursor: ew-resize;\n opacity: 1;\n visibility: visible;\n fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n cursor: pointer;\n width: 20px;\n height: 20px;\n line-height: 24px;\n color: #6E8192;\n text-align: center;\n}\n\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n fill: #444;\n transform: scale(0.76)\n}\n\n.dark .apexcharts-zoom-icon svg, \n.dark .apexcharts-zoom-in-icon svg,\n.dark .apexcharts-zoom-out-icon svg,\n.dark .apexcharts-reset-zoom-icon svg, \n.dark .apexcharts-pan-icon svg, \n.dark .apexcharts-selection-icon svg,\n.dark .apexcharts-menu-icon svg, \n.dark .apexcharts-toolbar-custom-icon svg{\n fill: #f3f4f5;\n}\n\n.apexcharts-canvas .apexcharts-zoom-icon.selected svg, \n.apexcharts-canvas .apexcharts-selection-icon.selected svg, \n.apexcharts-canvas .apexcharts-reset-zoom-icon.selected svg {\n fill: #008FFB;\n}\n.light .apexcharts-selection-icon:not(.selected):hover svg,\n.light .apexcharts-zoom-icon:not(.selected):hover svg, \n.light .apexcharts-zoom-in-icon:hover svg, \n.light .apexcharts-zoom-out-icon:hover svg, \n.light .apexcharts-reset-zoom-icon:hover svg, \n.light .apexcharts-menu-icon:hover svg {\n fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n position: relative;\n}\n.apexcharts-reset-zoom-icon {\n margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n transform: scale(0.62);\n position: relative;\n left: 1px;\n top: 0px;\n}\n.apexcharts-pan-icon svg {\n fill: #fff;\n stroke: #6E8192;\n stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n stroke: #333;\n}\n\n.apexcharts-toolbar {\n position: absolute;\n z-index: 11;\n top: 0px;\n right: 3px;\n max-width: 176px;\n text-align: right;\n border-radius: 3px;\n padding: 0px 6px 2px 6px;\n display: flex;\n justify-content: space-between;\n align-items: center; \n}\n\n.apexcharts-toolbar svg {\n pointer-events: none;\n}\n\n.apexcharts-menu {\n background: #fff;\n position: absolute;\n top: 100%;\n border: 1px solid #ddd;\n border-radius: 3px;\n padding: 3px;\n right: 10px;\n opacity: 0;\n min-width: 110px;\n transition: 0.15s ease all;\n pointer-events: none;\n}\n\n.apexcharts-menu.open {\n opacity: 1;\n pointer-events: all;\n transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n padding: 6px 7px;\n font-size: 12px;\n cursor: pointer;\n}\n.light .apexcharts-menu-item:hover {\n background: #eee;\n}\n.dark .apexcharts-menu {\n background: rgba(0, 0, 0, 0.7);\n color: #fff;\n}\n\n@media screen and (min-width: 768px) {\n .apexcharts-toolbar {\n /*opacity: 0;*/\n }\n\n .apexcharts-canvas:hover .apexcharts-toolbar {\n opacity: 1;\n } \n}\n\n.apexcharts-datalabel.hidden {\n opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n cursor: default;\n pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n opacity: 0;\n animation-name: opaque;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}";
styleInject(css);
/*
* classList.js: Cross-browser full element.classList implementation.
* 1.2.20171210
*
* By Eli Grey, http://eligrey.com
* License: Dedicated to the public domain.
* See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
*/
/*global self, document, DOMException */
/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
if ("document" in self) {
// Full polyfill for browsers with no classList support
// Including IE < Edge missing SVGElement.classList
if (!("classList" in document.createElement("_")) || document.createElementNS && !("classList" in document.createElementNS("http://www.w3.org/2000/svg", "g"))) {
(function (view) {
if (!('Element' in view)) return;
var classListProp = "classList",
protoProp = "prototype",
elemCtrProto = view.Element[protoProp],
objCtr = Object,
strTrim = String[protoProp].trim || function () {
return this.replace(/^\s+|\s+$/g, "");
},
arrIndexOf = Array[protoProp].indexOf || function (item) {
var i = 0,
len = this.length;
for (; i < len; i++) {
if (i in this && this[i] === item) {
return i;
}
}
return -1;
} // Vendors: please allow content code to instantiate DOMExceptions
,
DOMEx = function DOMEx(type, message) {
this.name = type;
this.code = DOMException[type];
this.message = message;
},
checkTokenAndGetIndex = function checkTokenAndGetIndex(classList, token) {
if (token === "") {
throw new DOMEx("SYNTAX_ERR", "The token must not be empty.");
}
if (/\s/.test(token)) {
throw new DOMEx("INVALID_CHARACTER_ERR", "The token must not contain space characters.");
}
return arrIndexOf.call(classList, token);
},
ClassList = function ClassList(elem) {
var trimmedClasses = strTrim.call(elem.getAttribute("class") || ""),
classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
i = 0,
len = classes.length;
for (; i < len; i++) {
this.push(classes[i]);
}
this._updateClassName = function () {
elem.setAttribute("class", this.toString());
};
},
classListProto = ClassList[protoProp] = [],
classListGetter = function classListGetter() {
return new ClassList(this);
}; // Most DOMException implementations don't allow calling DOMException's toString()
// on non-DOMExceptions. Error's toString() is sufficient here.
DOMEx[protoProp] = Error[protoProp];
classListProto.item = function (i) {
return this[i] || null;
};
classListProto.contains = function (token) {
return ~checkTokenAndGetIndex(this, token + "");
};
classListProto.add = function () {
var tokens = arguments,
i = 0,
l = tokens.length,
token,
updated = false;
do {
token = tokens[i] + "";
if (!~checkTokenAndGetIndex(this, token)) {
this.push(token);
updated = true;
}
} while (++i < l);
if (updated) {
this._updateClassName();
}
};
classListProto.remove = function () {
var tokens = arguments,
i = 0,
l = tokens.length,
token,
updated = false,
index;
do {
token = tokens[i] + "";
index = checkTokenAndGetIndex(this, token);
while (~index) {
this.splice(index, 1);
updated = true;
index = checkTokenAndGetIndex(this, token);
}
} while (++i < l);
if (updated) {
this._updateClassName();
}
};
classListProto.toggle = function (token, force) {
var result = this.contains(token),
method = result ? force !== true && "remove" : force !== false && "add";
if (method) {
this[method](token);
}
if (force === true || force === false) {
return force;
} else {
return !result;
}
};
classListProto.replace = function (token, replacement_token) {
var index = checkTokenAndGetIndex(token + "");
if (~index) {
this.splice(index, 1, replacement_token);
this._updateClassName();
}
};
classListProto.toString = function () {
return this.join(" ");
};
if (objCtr.defineProperty) {
var classListPropDesc = {
get: classListGetter,
enumerable: true,
configurable: true
};
try {
objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
} catch (ex) {
// IE 8 doesn't support enumerable:true
// adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
// modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
if (ex.number === undefined || ex.number === -0x7FF5EC54) {
classListPropDesc.enumerable = false;
objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
}
}
} else if (objCtr[protoProp].__defineGetter__) {
elemCtrProto.__defineGetter__(classListProp, classListGetter);
}
})(self);
} // There is full or partial native classList support, so just check if we need
// to normalize the add/remove and toggle APIs.
(function () {
var testElement = document.createElement("_");
testElement.classList.add("c1", "c2"); // Polyfill for IE 10/11 and Firefox <26, where classList.add and
// classList.remove exist but support only one argument at a time.
if (!testElement.classList.contains("c2")) {
var createMethod = function createMethod(method) {
var original = DOMTokenList.prototype[method];
DOMTokenList.prototype[method] = function (token) {
var i,
len = arguments.length;
for (i = 0; i < len; i++) {
token = arguments[i];
original.call(this, token);
}
};
};
createMethod('add');
createMethod('remove');
}
testElement.classList.toggle("c3", false); // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
// support the second argument.
if (testElement.classList.contains("c3")) {
var _toggle = DOMTokenList.prototype.toggle;
DOMTokenList.prototype.toggle = function (token, force) {
if (1 in arguments && !this.contains(token) === !force) {
return force;
} else {
return _toggle.call(this, token);
}
};
} // replace() polyfill
if (!("replace" in document.createElement("_").classList)) {
DOMTokenList.prototype.replace = function (token, replacement_token) {
var tokens = this.toString().split(" "),
index = tokens.indexOf(token + "");
if (~index) {
tokens = tokens.slice(index);
this.remove.apply(this, tokens);
this.add(replacement_token);
this.add.apply(this, tokens.slice(1));
}
};
}
testElement = null;
})();
}
/**
* Detect Element Resize
*
* https://github.com/sdecima/javascript-detect-element-resize
* Sebastian Decima
*
* version: 0.5.3
**/
(function () {
var stylesCreated = false;
function resetTriggers(element) {
var triggers = element.__resizeTriggers__,
expand = triggers.firstElementChild,
contract = triggers.lastElementChild,
expandChild = expand.firstElementChild;
contract.scrollLeft = contract.scrollWidth;
contract.scrollTop = contract.scrollHeight;
expandChild.style.width = expand.offsetWidth + 1 + 'px';
expandChild.style.height = expand.offsetHeight + 1 + 'px';
expand.scrollLeft = expand.scrollWidth;
expand.scrollTop = expand.scrollHeight;
}
function checkTriggers(element) {
return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
}
function scrollListener(e) {
var element = this;
resetTriggers(this);
if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);
this.__resizeRAF__ = requestFrame(function () {
if (checkTriggers(element)) {
element.__resizeLast__.width = element.offsetWidth;
element.__resizeLast__.height = element.offsetHeight;
element.__resizeListeners__.forEach(function (fn) {
fn.call(e);
});
}
});
}
function createStyles() {
if (!stylesCreated) {
// opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
var css = (animationKeyframes || '') + '.resize-triggers { ' + (animationStyle || '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
stylesCreated = true;
}
}
var requestFrame = function () {
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
return window.setTimeout(fn, 20);
};
return function (fn) {
return raf(fn);
};
}();
var cancelFrame = function () {
var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
return function (id) {
return cancel(id);
};
}();
/* Detect CSS Animations support to detect element display/re-attach */
var animation = false,
keyframeprefix = '',
animationstartevent = 'animationstart',
domPrefixes = 'Webkit Moz O ms'.split(' '),
startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
pfx = '';
{
var elm = document.createElement('fakeelement');
if (elm.style.animationName !== undefined) {
animation = true;
}
if (animation === false) {
for (var i = 0; i < domPrefixes.length; i++) {
if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
pfx = domPrefixes[i];
keyframeprefix = '-' + pfx.toLowerCase() + '-';
animationstartevent = startEvents[i];
break;
}
}
}
}
var animationName = 'resizeanim';
var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
window.addResizeListener = function (element, fn) {
if (!element.__resizeTriggers__) {
if (getComputedStyle(element).position == 'static') element.style.position = 'relative';
createStyles();
element.__resizeLast__ = {};
element.__resizeListeners__ = [];
(element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers';
element.__resizeTriggers__.innerHTML = '' + '
';
element.appendChild(element.__resizeTriggers__);
resetTriggers(element);
element.addEventListener('scroll', scrollListener, true);
/* Listen for a css animation to detect element display/re-attach */
animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) {
if (e.animationName == animationName) {
resetTriggers(element);
}
});
}
element.__resizeListeners__.push(fn);
};
window.removeResizeListener = function (element, fn) {
if (element) {
element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
if (!element.__resizeListeners__.length) {
element.removeEventListener('scroll', scrollListener);
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
}
}
};
})();
window.Apex = {};
/**
*
* @module ApexCharts
**/
var ApexCharts$1 =
/*#__PURE__*/
function () {
function ApexCharts(el, opts) {
_classCallCheck(this, ApexCharts);
this.opts = opts;
this.ctx = this; // Pass the user supplied options to the Base Class where these options will be extended with defaults. The returned object from Base Class will become the config object in the entire codebase.
this.w = new Base(opts).init();
this.el = el;
this.w.globals.cuid = (Math.random() + 1).toString(36).substring(4);
this.w.globals.chartID = this.w.config.chart.id ? this.w.config.chart.id : this.w.globals.cuid;
this.eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
this.initModules();
this.create = Utils.bind(this.create, this);
this.documentEvent = Utils.bind(this.documentEvent, this);
this.windowResizeHandler = this.windowResize.bind(this);
}
/**
* The primary method user will call to render the chart.
*/
_createClass(ApexCharts, [{
key: "render",
value: function render() {
var _this = this;
// main method
return new Promise$1(function (resolve, reject) {
// only draw chart, if element found
if (_this.el !== null) {
if (typeof Apex._chartInstances === 'undefined') {
Apex._chartInstances = [];
}
if (_this.w.config.chart.id) {
Apex._chartInstances.push({
id: _this.w.globals.chartID,
group: _this.w.config.chart.group,
chart: _this
});
} // set the locale here
_this.setLocale(_this.w.config.chart.defaultLocale);
var beforeMount = _this.w.config.chart.events.beforeMount;
if (typeof beforeMount === 'function') {
beforeMount(_this, _this.w);
}
_this.fireEvent('beforeMount', [_this, _this.w]);
window.addEventListener('resize', _this.windowResizeHandler);
window.addResizeListener(_this.el.parentNode, _this.parentResizeCallback.bind(_this));
var graphData = _this.create(_this.w.config.series, {});
if (!graphData) return resolve(_this);
_this.mount(graphData).then(function () {
resolve(graphData);
if (typeof _this.w.config.chart.events.mounted === 'function') {
_this.w.config.chart.events.mounted(_this, _this.w);
}
_this.fireEvent('mounted', [_this, _this.w]);
}).catch(function (e) {
reject(e); // handle error in case no data or element not found
});
} else {
reject(new Error('Element not found'));
}
});
}
}, {
key: "initModules",
value: function initModules() {
this.animations = new Animations(this);
this.core = new Core(this.el, this);
this.grid = new Grid(this);
this.coreUtils = new CoreUtils(this);
this.config = new Config({});
this.crosshairs = new Crosshairs(this);
this.options = new Options();
this.responsive = new Responsive(this);
this.series = new Series(this);
this.theme = new Theme(this);
this.formatters = new Formatters(this);
this.titleSubtitle = new TitleSubtitle(this);
this.legend = new Legend(this);
this.toolbar = new Toolbar(this);
this.dimensions = new Dimensions(this);
this.zoomPanSelection = new ZoomPanSelection(this);
this.w.globals.tooltip = new Tooltip(this);
}
}, {
key: "addEventListener",
value: function addEventListener(name$$1, handler) {
var w = this.w;
if (w.globals.events.hasOwnProperty(name$$1)) {
w.globals.events[name$$1].push(handler);
} else {
w.globals.events[name$$1] = [handler];
}
}
}, {
key: "removeEventListener",
value: function removeEventListener(name$$1, handler) {
var w = this.w;
if (!w.globals.events.hasOwnProperty(name$$1)) {
return;
}
var index = w.globals.events[name$$1].indexOf(handler);
if (index !== -1) {
w.globals.events[name$$1].splice(index, 1);
}
}
}, {
key: "fireEvent",
value: function fireEvent(name$$1, args) {
var w = this.w;
if (!w.globals.events.hasOwnProperty(name$$1)) {
return;
}
if (!args || !args.length) {
args = [];
}
var evs = w.globals.events[name$$1];
var l = evs.length;
for (var i = 0; i < l; i++) {
evs[i].apply(null, args);
}
}
}, {
key: "create",
value: function create(ser, opts) {
var w = this.w;
this.initModules();
var gl = this.w.globals;
gl.noData = false;
gl.animationEnded = false;
this.responsive.checkResponsiveConfig(opts);
if (this.el === null) {
gl.animationEnded = true;
return null;
}
this.core.setupElements();
if (gl.svgWidth === 0) {
// if the element is hidden, skip drawing
gl.animationEnded = true;
return null;
}
var combo = CoreUtils.checkComboSeries(ser);
gl.comboCharts = combo.comboCharts;
gl.comboChartsHasBars = combo.comboChartsHasBars;
if (ser.length === 0 || ser.length === 1 && ser[0].data && ser[0].data.length === 0) {
this.series.handleNoData();
}
this.setupEventHandlers(); // Handle the data inputted by user and set some of the global variables (for eg, if data is datetime / numeric / category). Don't calculate the range / min / max at this time
this.core.parseData(ser); // this is a good time to set theme colors first
this.theme.init(); // as markers accepts array, we need to setup global markers for easier access
var markers = new Markers(this);
markers.setGlobalMarkerSize(); // labelFormatters should be called before dimensions as in dimensions we need text labels width
this.formatters.setLabelFormatters();
this.titleSubtitle.draw(); // legend is calculated here before coreCalculations because it affects the plottable area
if (!w.globals.noData) {
this.legend.init();
} // check whether in multiple series, all series share the same X
this.series.hasAllSeriesEqualX(); // coreCalculations will give the min/max range and yaxis/axis values. It should be called here to set series variable from config to globals
if (gl.axisCharts) {
this.core.coreCalculations();
if (w.config.xaxis.type !== 'category') {
// as we have minX and maxX values, determine the default DateTimeFormat for time series
this.formatters.setLabelFormatters();
}
} // we need to generate yaxis for heatmap separately as we are not showing numerics there, but seriesNames. There are some tweaks which are required for heatmap to align labels correctly which are done in below function
// Also we need to do this before calcuting Dimentions plotCoords() method of Dimensions
this.formatters.heatmapLabelFormatters(); // We got plottable area here, next task would be to calculate axis areas
this.dimensions.plotCoords();
var xyRatios = this.core.xySettings();
this.grid.createGridMask();
var elGraph = this.core.plotChartType(ser, xyRatios); // after all the drawing calculations, shift the graphical area (actual charts/bars) excluding legends
this.core.shiftGraphPosition();
var dim = {
plot: {
left: w.globals.translateX,
top: w.globals.translateY,
width: w.globals.gridWidth,
height: w.globals.gridHeight
}
};
return {
elGraph: elGraph,
xyRatios: xyRatios,
elInner: w.globals.dom.elGraphical,
dimensions: dim
};
}
}, {
key: "mount",
value: function mount() {
var graphData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
var me = this;
var w = me.w;
return new Promise$1(function (resolve, reject) {
// no data to display
if (me.el === null) {
return reject(new Error('Not enough data to display or target element not found'));
} else if (graphData === null || w.globals.allSeriesCollapsed) {
me.series.handleNoData();
}
me.annotations = new Annotations(me);
me.core.drawAxis(w.config.chart.type, graphData.xyRatios);
me.grid = new Grid(me);
if (w.config.grid.position === 'back') {
me.grid.drawGrid();
}
if (w.config.annotations.position === 'back') {
me.annotations.drawAnnotations();
}
if (graphData.elGraph instanceof Array) {
for (var g = 0; g < graphData.elGraph.length; g++) {
w.globals.dom.elGraphical.add(graphData.elGraph[g]);
}
} else {
w.globals.dom.elGraphical.add(graphData.elGraph);
}
if (w.config.grid.position === 'front') {
me.grid.drawGrid();
}
if (w.config.xaxis.crosshairs.position === 'front') {
me.crosshairs.drawXCrosshairs();
}
if (w.config.yaxis[0].crosshairs.position === 'front') {
me.crosshairs.drawYCrosshairs();
}
if (w.config.annotations.position === 'front') {
me.annotations.drawAnnotations();
}
if (!w.globals.noData) {
// draw tooltips at the end
if (w.config.tooltip.enabled && !w.globals.noData) {
me.w.globals.tooltip.drawTooltip(graphData.xyRatios);
}
if (w.globals.axisCharts && w.globals.isXNumeric) {
if (w.config.chart.zoom.enabled || w.config.chart.selection && w.config.chart.selection.enabled || w.config.chart.pan && w.config.chart.pan.enabled) {
me.zoomPanSelection.init({
xyRatios: graphData.xyRatios
});
}
} else {
var tools = w.config.chart.toolbar.tools;
tools.zoom = false;
tools.zoomin = false;
tools.zoomout = false;
tools.selection = false;
tools.pan = false;
tools.reset = false;
}
if (w.config.chart.toolbar.show && !w.globals.allSeriesCollapsed) {
me.toolbar.createToolbar();
}
}
if (w.globals.memory.methodsToExec.length > 0) {
w.globals.memory.methodsToExec.forEach(function (fn) {
fn.method(fn.params, false, fn.context);
});
}
if (!w.globals.axisCharts && !w.globals.noData) {
me.core.resizeNonAxisCharts();
}
resolve(me);
});
}
}, {
key: "clearPreviousPaths",
value: function clearPreviousPaths() {
var w = this.w;
w.globals.previousPaths = [];
w.globals.allSeriesCollapsed = false;
w.globals.collapsedSeries = [];
w.globals.collapsedSeriesIndices = [];
}
/**
* Allows users to update Options after the chart has rendered.
*
* @param {object} options - A new config object can be passed which will be merged with the existing config object
* @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
* @param {boolean} animate - should animate or not on updating Options
*/
}, {
key: "updateOptions",
value: function updateOptions(options$$1) {
var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
var updateSyncedCharts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
var overwriteInitialConfig = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
var w = this.w;
if (options$$1.series) {
this.resetSeries(false);
if (options$$1.series.length && options$$1.series[0].data) {
options$$1.series = options$$1.series.map(function (s, i) {
return _objectSpread({}, w.config.series[i], {
name: s.name ? s.name : w.config.series[i] && w.config.series[i].name,
type: s.type ? s.type : w.config.series[i] && w.config.series[i].type,
data: s.data ? s.data : w.config.series[i] && w.config.series[i].data
});
});
} // user updated the series via updateOptions() function.
// Hence, we need to reset axis min/max to avoid zooming issues
this.revertDefaultAxisMinMax();
} // user has set x-axis min/max externally - hence we need to forcefully set the xaxis min/max
if (options$$1.xaxis) {
if (options$$1.xaxis.min || options$$1.xaxis.max) {
this.forceXAxisUpdate(options$$1);
}
/* fixes apexcharts.js#369 and react-apexcharts#46 */
if (options$$1.xaxis.categories && options$$1.xaxis.categories.length && w.config.xaxis.convertedCatToNumeric) {
options$$1 = Defaults.convertCatToNumeric(options$$1);
}
}
if (w.globals.collapsedSeriesIndices.length > 0) {
this.clearPreviousPaths();
}
/* update theme mode#459 */
if (options$$1.theme) {
options$$1 = this.theme.updateThemeOptions(options$$1);
}
return this._updateOptions(options$$1, redraw, animate, updateSyncedCharts, overwriteInitialConfig);
}
/**
* private method to update Options.
*
* @param {object} options - A new config object can be passed which will be merged with the existing config object
* @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
* @param {boolean} animate - should animate or not on updating Options
* @param {boolean} overwriteInitialConfig - should update the initial config or not
*/
}, {
key: "_updateOptions",
value: function _updateOptions(options$$1) {
var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
var updateSyncedCharts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
var overwriteInitialConfig = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var charts = [this];
if (updateSyncedCharts) {
charts = this.getSyncedCharts();
}
if (this.w.globals.isExecCalled) {
// If the user called exec method, we don't want to get grouped charts as user specifically provided a chartID to update
charts = [this];
this.w.globals.isExecCalled = false;
}
charts.forEach(function (ch) {
var w = ch.w;
w.globals.shouldAnimate = animate;
if (!redraw) {
w.globals.resized = true;
w.globals.dataChanged = true;
if (animate) {
ch.series.getPreviousPaths();
}
}
if (options$$1 && _typeof(options$$1) === 'object') {
ch.config = new Config(options$$1);
options$$1 = CoreUtils.extendArrayProps(ch.config, options$$1);
w.config = Utils.extend(w.config, options$$1);
if (overwriteInitialConfig) {
// we need to forget the lastXAxis and lastYAxis is user forcefully overwriteInitialConfig. If we do not do this, and next time when user zooms the chart after setting yaxis.min/max or xaxis.min/max - the stored lastXAxis will never allow the chart to use the updated min/max by user.
w.globals.lastXAxis = [];
w.globals.lastYAxis = []; // After forgetting lastAxes, we need to restore the new config in initialConfig/initialSeries
w.globals.initialConfig = Utils.extend({}, w.config);
w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
}
}
return ch.update(options$$1);
});
}
/**
* Allows users to update Series after the chart has rendered.
*
* @param {array} series - New series which will override the existing
*/
}, {
key: "updateSeries",
value: function updateSeries() {
var newSeries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
this.resetSeries(false);
this.revertDefaultAxisMinMax();
return this._updateSeries(newSeries, animate, overwriteInitialSeries);
}
/**
* Allows users to append a new series after the chart has rendered.
*
* @param {array} newSerie - New serie which will be appended to the existing series
*/
}, {
key: "appendSeries",
value: function appendSeries(newSerie) {
var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
var newSeries = this.w.config.series.slice();
newSeries.push(newSerie);
this.resetSeries(false);
this.revertDefaultAxisMinMax();
return this._updateSeries(newSeries, animate, overwriteInitialSeries);
}
/**
* Private method to update Series.
*
* @param {array} series - New series which will override the existing
*/
}, {
key: "_updateSeries",
value: function _updateSeries(newSeries, animate) {
var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var w = this.w;
this.w.globals.shouldAnimate = animate;
w.globals.dataChanged = true; // if user has collapsed some series with legend, we need to clear those
if (w.globals.allSeriesCollapsed) {
w.globals.allSeriesCollapsed = false;
}
if (animate) {
this.series.getPreviousPaths();
}
var existingSeries; // axis charts
if (w.globals.axisCharts) {
existingSeries = newSeries.map(function (s, i) {
return _objectSpread({}, w.config.series[i], {
name: s.name ? s.name : w.config.series[i] && w.config.series[i].name,
type: s.type ? s.type : w.config.series[i] && w.config.series[i].type,
data: s.data ? s.data : w.config.series[i] && w.config.series[i].data
});
});
if (existingSeries.length === 0) {
existingSeries = [{
data: []
}];
}
w.config.series = existingSeries;
} else {
// non-axis chart (pie/radialbar)
w.config.series = newSeries.slice();
}
if (overwriteInitialSeries) {
w.globals.initialConfig.series = JSON.parse(JSON.stringify(w.config.series));
w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
}
return this.update();
}
/**
* Get all charts in the same "group" (including the instance which is called upon) to sync them when user zooms in/out or pan.
*/
}, {
key: "getSyncedCharts",
value: function getSyncedCharts() {
var chartGroups = this.getGroupedCharts();
var allCharts = [this];
if (chartGroups.length) {
allCharts = [];
chartGroups.forEach(function (ch) {
allCharts.push(ch);
});
}
return allCharts;
}
/**
* Get charts in the same "group" (excluding the instance which is called upon) to perform operations on the other charts of the same group (eg., tooltip hovering)
*/
}, {
key: "getGroupedCharts",
value: function getGroupedCharts() {
var _this2 = this;
return Apex._chartInstances.filter(function (ch) {
if (ch.group) {
return true;
}
}).map(function (ch) {
return _this2.w.config.chart.group === ch.group ? ch.chart : _this2;
});
}
/**
* Allows users to append Data to series.
*
* @param {array} newData - New data in the same format as series
*/
}, {
key: "appendData",
value: function appendData(newData) {
var overwriteInitialSeries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var me = this;
me.w.globals.dataChanged = true;
me.series.getPreviousPaths();
var newSeries = me.w.config.series.slice();
for (var i = 0; i < newSeries.length; i++) {
if (typeof newData[i] !== 'undefined') {
for (var j = 0; j < newData[i].data.length; j++) {
newSeries[i].data.push(newData[i].data[j]);
}
}
}
me.w.config.series = newSeries;
if (overwriteInitialSeries) {
me.w.globals.initialSeries = JSON.parse(JSON.stringify(me.w.config.series));
}
return this.update();
}
}, {
key: "update",
value: function update(options$$1) {
var _this3 = this;
return new Promise$1(function (resolve, reject) {
_this3.clear();
var graphData = _this3.create(_this3.w.config.series, options$$1);
if (!graphData) return resolve(_this3);
_this3.mount(graphData).then(function () {
if (typeof _this3.w.config.chart.events.updated === 'function') {
_this3.w.config.chart.events.updated(_this3, _this3.w);
}
_this3.fireEvent('updated', [_this3, _this3.w]);
_this3.w.globals.isDirty = true;
resolve(_this3);
}).catch(function (e) {
reject(e);
});
});
}
}, {
key: "forceXAxisUpdate",
value: function forceXAxisUpdate(options$$1) {
var w = this.w;
if (typeof options$$1.xaxis.min !== 'undefined') {
w.config.xaxis.min = options$$1.xaxis.min;
w.globals.lastXAxis.min = options$$1.xaxis.min;
}
if (typeof options$$1.xaxis.max !== 'undefined') {
w.config.xaxis.max = options$$1.xaxis.max;
w.globals.lastXAxis.max = options$$1.xaxis.max;
}
}
/**
* This function reverts the yaxis and xaxis min/max values to what it was when the chart was defined.
* This function fixes an important bug where a user might load a new series after zooming in/out of previous series which resulted in wrong min/max
* Also, this should never be called internally on zoom/pan - the reset should only happen when user calls the updateSeries() function externally
*/
}, {
key: "revertDefaultAxisMinMax",
value: function revertDefaultAxisMinMax() {
var w = this.w;
w.config.xaxis.min = w.globals.lastXAxis.min;
w.config.xaxis.max = w.globals.lastXAxis.max;
w.config.yaxis.map(function (yaxe, index) {
if (w.globals.zoomed) {
// if user has zoomed, and this function is called
// then we need to get the lastAxis min and max
if (typeof w.globals.lastYAxis[index] !== 'undefined') {
yaxe.min = w.globals.lastYAxis[index].min;
yaxe.max = w.globals.lastYAxis[index].max;
}
}
});
}
}, {
key: "clear",
value: function clear() {
if (this.zoomPanSelection) {
this.zoomPanSelection.destroy();
}
if (this.toolbar) {
this.toolbar.destroy();
}
this.animations = null;
this.annotations = null;
this.core = null;
this.grid = null;
this.series = null;
this.responsive = null;
this.theme = null;
this.formatters = null;
this.titleSubtitle = null;
this.legend = null;
this.dimensions = null;
this.options = null;
this.crosshairs = null;
this.zoomPanSelection = null;
this.toolbar = null;
this.w.globals.tooltip = null;
this.clearDomElements();
}
}, {
key: "killSVG",
value: function killSVG(draw) {
return new Promise$1(function (resolve, reject) {
draw.each(function (i, children) {
this.removeClass('*');
this.off();
this.stop();
}, true);
draw.ungroup();
draw.clear();
resolve('done');
});
}
}, {
key: "clearDomElements",
value: function clearDomElements() {
var _this4 = this;
// detach document event
this.eventList.forEach(function (event) {
document.removeEventListener(event, _this4.documentEvent);
});
var domEls = this.w.globals.dom;
if (this.el !== null) {
// remove all child elements - resetting the whole chart
while (this.el.firstChild) {
this.el.removeChild(this.el.firstChild);
}
}
this.killSVG(domEls.Paper);
domEls.Paper.remove();
domEls.elWrap = null;
domEls.elGraphical = null;
domEls.elLegendWrap = null;
domEls.baseEl = null;
domEls.elGridRect = null;
domEls.elGridRectMask = null;
domEls.elGridRectMarkerMask = null;
domEls.elDefs = null;
}
/**
* Destroy the chart instance by removing all elements which also clean up event listeners on those elements.
*/
}, {
key: "destroy",
value: function destroy() {
this.clear(); // remove the chart's instance from the global Apex._chartInstances
var chartID = this.w.config.chart.id;
if (chartID) {
Apex._chartInstances.forEach(function (c, i) {
if (c.id === chartID) {
Apex._chartInstances.splice(i, 1);
}
});
}
window.removeEventListener('resize', this.windowResizeHandler);
window.removeResizeListener(this.el.parentNode, this.parentResizeCallback.bind(this));
}
/**
* Allows the user to provide data attrs in the element and the chart will render automatically when this method is called by searching for the elements containing 'data-apexcharts' attribute
*/
}, {
key: "toggleSeries",
value: function toggleSeries(seriesName) {
var targetElement = this.series.getSeriesByName(seriesName);
var seriesCnt = parseInt(targetElement.getAttribute('data:realIndex'));
var isHidden = targetElement.classList.contains('apexcharts-series-collapsed');
this.legend.toggleDataSeries(seriesCnt, isHidden);
}
}, {
key: "resetSeries",
value: function resetSeries() {
var shouldUpdateChart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
this.series.resetSeries(shouldUpdateChart);
}
}, {
key: "setupEventHandlers",
value: function setupEventHandlers() {
var _this5 = this;
var w = this.w;
var me = this;
var clickableArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
this.eventListHandlers = [];
this.eventList.forEach(function (event) {
clickableArea.addEventListener(event, function (e) {
var opts = Object.assign({}, w, {
seriesIndex: w.globals.capturedSeriesIndex,
dataPointIndex: w.globals.capturedDataPointIndex
});
if (e.type === 'mousemove' || e.type === 'touchmove') {
if (typeof w.config.chart.events.mouseMove === 'function') {
w.config.chart.events.mouseMove(e, me, opts);
}
} else if (e.type === 'mouseup' && e.which === 1 || e.type === 'touchend') {
if (typeof w.config.chart.events.click === 'function') {
w.config.chart.events.click(e, me, opts);
}
me.fireEvent('click', [e, me, opts]);
}
}, {
capture: false,
passive: true
});
});
this.eventList.forEach(function (event) {
document.addEventListener(event, _this5.documentEvent);
});
this.core.setupBrushHandler();
}
}, {
key: "documentEvent",
value: function documentEvent(e) {
var w = this.w;
w.globals.clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
w.globals.clientY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;
}
}, {
key: "addXaxisAnnotation",
value: function addXaxisAnnotation(opts) {
var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
var me = this;
if (context) {
me = context;
}
me.annotations.addXaxisAnnotationExternal(opts, pushToMemory, me);
}
}, {
key: "addYaxisAnnotation",
value: function addYaxisAnnotation(opts) {
var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
var me = this;
if (context) {
me = context;
}
me.annotations.addYaxisAnnotationExternal(opts, pushToMemory, me);
}
}, {
key: "addPointAnnotation",
value: function addPointAnnotation(opts) {
var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
var me = this;
if (context) {
me = context;
}
me.annotations.addPointAnnotationExternal(opts, pushToMemory, me);
}
}, {
key: "clearAnnotations",
value: function clearAnnotations() {
var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
var me = this;
if (context) {
me = context;
}
me.annotations.clearAnnotations(me);
} // This method is never used internally and will be only called externally on the chart instance.
// Hence, we need to keep all these elements in memory when the chart gets updated and redraw again
}, {
key: "addText",
value: function addText(options$$1) {
var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
var me = this;
if (context) {
me = context;
}
me.annotations.addText(options$$1, pushToMemory, me);
}
}, {
key: "getChartArea",
value: function getChartArea() {
var el = this.w.globals.dom.baseEl.querySelector('.apexcharts-inner');
return el;
}
}, {
key: "getSeriesTotalXRange",
value: function getSeriesTotalXRange(minX, maxX) {
return this.coreUtils.getSeriesTotalsXRange(minX, maxX);
}
}, {
key: "getHighestValueInSeries",
value: function getHighestValueInSeries() {
var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var range = new Range$1(this.ctx);
var minYmaxY = range.getMinYMaxY(seriesIndex);
return minYmaxY.highestY;
}
}, {
key: "getLowestValueInSeries",
value: function getLowestValueInSeries() {
var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var range = new Range$1(this.ctx);
var minYmaxY = range.getMinYMaxY(seriesIndex);
return minYmaxY.lowestY;
}
}, {
key: "getSeriesTotal",
value: function getSeriesTotal() {
return this.w.globals.seriesTotals;
}
}, {
key: "setLocale",
value: function setLocale(localeName) {
this.setCurrentLocaleValues(localeName);
}
}, {
key: "toggleDataPointSelection",
value: function toggleDataPointSelection(seriesIndex, dataPointIndex) {
var w = this.w;
var elPath = null;
if (w.globals.axisCharts) {
elPath = w.globals.dom.Paper.select(".apexcharts-series[data\\:realIndex='".concat(seriesIndex, "'] path[j='").concat(dataPointIndex, "'], .apexcharts-series[data\\:realIndex='").concat(seriesIndex, "'] circle[j='").concat(dataPointIndex, "'], .apexcharts-series[data\\:realIndex='").concat(seriesIndex, "'] rect[j='").concat(dataPointIndex, "']")).members[0];
} else {
elPath = w.globals.dom.Paper.select(".apexcharts-series[data\\:realIndex='".concat(seriesIndex, "']")).members[0];
if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
var pie = new Pie(this.ctx);
pie.pieClicked(seriesIndex);
}
}
if (elPath) {
var graphics = new Graphics(this.ctx);
graphics.pathMouseDown(elPath, null);
} else {
console.warn('toggleDataPointSelection: Element not found');
}
return elPath.node ? elPath.node : null;
}
}, {
key: "setCurrentLocaleValues",
value: function setCurrentLocaleValues(localeName) {
var locales = this.w.config.chart.locales; // check if user has specified locales in global Apex variable
// if yes - then extend those with local chart's locale
if (window.Apex.chart && window.Apex.chart.locales && window.Apex.chart.locales.length > 0) {
locales = this.w.config.chart.locales.concat(window.Apex.chart.locales);
} // find the locale from the array of locales which user has set (either by chart.defaultLocale or by calling setLocale() method.)
var selectedLocale = locales.filter(function (c) {
return c.name === localeName;
})[0];
if (selectedLocale) {
// create a complete locale object by extending defaults so you don't get undefined errors.
var ret = Utils.extend(en, selectedLocale); // store these locale options in global var for ease access
this.w.globals.locale = ret.options;
} else {
throw new Error('Wrong locale name provided. Please make sure you set the correct locale name in options');
}
}
}, {
key: "dataURI",
value: function dataURI() {
var exp = new Exports(this.ctx);
return exp.dataURI();
}
}, {
key: "paper",
value: function paper() {
return this.w.globals.dom.Paper;
}
}, {
key: "parentResizeCallback",
value: function parentResizeCallback() {
if (this.w.globals.animationEnded) {
this.windowResize();
}
}
/**
* Handle window resize and re-draw the whole chart.
*/
}, {
key: "windowResize",
value: function windowResize() {
var _this6 = this;
clearTimeout(this.w.globals.resizeTimer);
this.w.globals.resizeTimer = window.setTimeout(function () {
_this6.w.globals.resized = true;
_this6.w.globals.dataChanged = false; // we need to redraw the whole chart on window resize (with a small delay).
_this6.update();
}, 150);
}
}], [{
key: "initOnLoad",
value: function initOnLoad() {
var els = document.querySelectorAll('[data-apexcharts]');
for (var i = 0; i < els.length; i++) {
var el = els[i];
var options$$1 = JSON.parse(els[i].getAttribute('data-options'));
var apexChart = new ApexCharts(el, options$$1);
apexChart.render();
}
}
/**
* This static method allows users to call chart methods without necessarily from the
* instance of the chart in case user has assigned chartID to the targetted chart.
* The chartID is used for mapping the instance stored in Apex._chartInstances global variable
*
* This is helpful in cases when you don't have reference of the chart instance
* easily and need to call the method from anywhere.
* For eg, in React/Vue applications when you have many parent/child components,
* and need easy reference to other charts for performing dynamic operations
*
* @param {string} chartID - The unique identifier which will be used to call methods
* on that chart instance
* @param {function} fn - The method name to call
* @param {object} opts - The parameters which are accepted in the original method will be passed here in the same order.
*/
}, {
key: "exec",
value: function exec(chartID, fn) {
var chart = this.getChartByID(chartID);
if (!chart) return; // turn on the global exec flag to indicate this method was called
chart.w.globals.isExecCalled = true;
for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
opts[_key - 2] = arguments[_key];
}
switch (fn) {
case 'updateOptions':
{
return chart.updateOptions.apply(chart, opts);
}
case 'updateSeries':
{
return chart.updateSeries.apply(chart, opts);
}
case 'appendData':
{
return chart.appendData.apply(chart, opts);
}
case 'appendSeries':
{
return chart.appendSeries.apply(chart, opts);
}
case 'toggleSeries':
{
return chart.toggleSeries.apply(chart, opts);
}
case 'resetSeries':
{
return chart.resetSeries.apply(chart, opts);
}
case 'toggleDataPointSelection':
{
return chart.toggleDataPointSelection.apply(chart, opts);
}
case 'dataURI':
{
return chart.dataURI.apply(chart, opts);
}
case 'addXaxisAnnotation':
{
return chart.addXaxisAnnotation.apply(chart, opts);
}
case 'addYaxisAnnotation':
{
return chart.addYaxisAnnotation.apply(chart, opts);
}
case 'addPointAnnotation':
{
return chart.addPointAnnotation.apply(chart, opts);
}
case 'addText':
{
return chart.addText.apply(chart, opts);
}
case 'clearAnnotations':
{
return chart.clearAnnotations.apply(chart, opts);
}
case 'paper':
{
return chart.paper.apply(chart, opts);
}
case 'destroy':
{
return chart.destroy();
}
}
}
}, {
key: "merge",
value: function merge(target, source) {
return Utils.extend(target, source);
}
}, {
key: "getChartByID",
value: function getChartByID(chartID) {
var c = Apex._chartInstances.filter(function (ch) {
return ch.id === chartID;
})[0];
return c.chart;
}
}]);
return ApexCharts;
}();
return ApexCharts$1;
}));
================================================
FILE: public/backend/vendors/js/charts/echarts/echarts.js
================================================
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(factory((global.echarts = {})));
}(this, (function (exports) { 'use strict';
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// (1) The code `if (__DEV__) ...` can be removed by build tool.
// (2) If intend to use `__DEV__`, this module should be imported. Use a global
// variable `__DEV__` may cause that miss the declaration (see #6535), or the
// declaration is behind of the using position (for example in `Model.extent`,
// And tools like rollup can not analysis the dependency if not import).
var dev;
// In browser
if (typeof window !== 'undefined') {
dev = window.__DEV__;
}
// In node
else if (typeof global !== 'undefined') {
dev = global.__DEV__;
}
if (typeof dev === 'undefined') {
dev = true;
}
var __DEV__ = dev;
/**
* zrender: 生成唯一id
*
* @author errorrik (errorrik@gmail.com)
*/
var idStart = 0x0907;
var guid = function () {
return idStart++;
};
/**
* echarts设备环境识别
*
* @desc echarts基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据统计图表。
* @author firede[firede@firede.us]
* @desc thanks zepto.
*/
var env = {};
if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') {
// In Weixin Application
env = {
browser: {},
os: {},
node: false,
wxa: true, // Weixin Application
canvasSupported: true,
svgSupported: false,
touchEventsSupported: true,
domSupported: false
};
}
else if (typeof document === 'undefined' && typeof self !== 'undefined') {
// In worker
env = {
browser: {},
os: {},
node: false,
worker: true,
canvasSupported: true,
domSupported: false
};
}
else if (typeof navigator === 'undefined') {
// In node
env = {
browser: {},
os: {},
node: true,
worker: false,
// Assume canvas is supported
canvasSupported: true,
svgSupported: true,
domSupported: false
};
}
else {
env = detect(navigator.userAgent);
}
var env$1 = env;
// Zepto.js
// (c) 2010-2013 Thomas Fuchs
// Zepto.js may be freely distributed under the MIT license.
function detect(ua) {
var os = {};
var browser = {};
// var webkit = ua.match(/Web[kK]it[\/]{0,1}([\d.]+)/);
// var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
// var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
// var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
// var iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
// var webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/);
// var touchpad = webos && ua.match(/TouchPad/);
// var kindle = ua.match(/Kindle\/([\d.]+)/);
// var silk = ua.match(/Silk\/([\d._]+)/);
// var blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/);
// var bb10 = ua.match(/(BB10).*Version\/([\d.]+)/);
// var rimtabletos = ua.match(/(RIM\sTablet\sOS)\s([\d.]+)/);
// var playbook = ua.match(/PlayBook/);
// var chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/);
var firefox = ua.match(/Firefox\/([\d.]+)/);
// var safari = webkit && ua.match(/Mobile\//) && !chrome;
// var webview = ua.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/) && !chrome;
var ie = ua.match(/MSIE\s([\d.]+)/)
// IE 11 Trident/7.0; rv:11.0
|| ua.match(/Trident\/.+?rv:(([\d.]+))/);
var edge = ua.match(/Edge\/([\d.]+)/); // IE 12 and 12+
var weChat = (/micromessenger/i).test(ua);
// Todo: clean this up with a better OS/browser seperation:
// - discern (more) between multiple browsers on android
// - decide if kindle fire in silk mode is android or not
// - Firefox on Android doesn't specify the Android version
// - possibly devide in os, device and browser hashes
// if (browser.webkit = !!webkit) browser.version = webkit[1];
// if (android) os.android = true, os.version = android[2];
// if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.');
// if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.');
// if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
// if (webos) os.webos = true, os.version = webos[2];
// if (touchpad) os.touchpad = true;
// if (blackberry) os.blackberry = true, os.version = blackberry[2];
// if (bb10) os.bb10 = true, os.version = bb10[2];
// if (rimtabletos) os.rimtabletos = true, os.version = rimtabletos[2];
// if (playbook) browser.playbook = true;
// if (kindle) os.kindle = true, os.version = kindle[1];
// if (silk) browser.silk = true, browser.version = silk[1];
// if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true;
// if (chrome) browser.chrome = true, browser.version = chrome[1];
if (firefox) {
browser.firefox = true;
browser.version = firefox[1];
}
// if (safari && (ua.match(/Safari/) || !!os.ios)) browser.safari = true;
// if (webview) browser.webview = true;
if (ie) {
browser.ie = true;
browser.version = ie[1];
}
if (edge) {
browser.edge = true;
browser.version = edge[1];
}
// It is difficult to detect WeChat in Win Phone precisely, because ua can
// not be set on win phone. So we do not consider Win Phone.
if (weChat) {
browser.weChat = true;
}
// os.tablet = !!(ipad || playbook || (android && !ua.match(/Mobile/)) ||
// (firefox && ua.match(/Tablet/)) || (ie && !ua.match(/Phone/) && ua.match(/Touch/)));
// os.phone = !!(!os.tablet && !os.ipod && (android || iphone || webos ||
// (chrome && ua.match(/Android/)) || (chrome && ua.match(/CriOS\/([\d.]+)/)) ||
// (firefox && ua.match(/Mobile/)) || (ie && ua.match(/Touch/))));
return {
browser: browser,
os: os,
node: false,
// 原生canvas支持，改极端点了
// canvasSupported : !(browser.ie && parseFloat(browser.version) < 9)
canvasSupported: !!document.createElement('canvas').getContext,
svgSupported: typeof SVGRect !== 'undefined',
// works on most browsers
// IE10/11 does not support touch event, and MS Edge supports them but not by
// default, so we dont check navigator.maxTouchPoints for them here.
touchEventsSupported: 'ontouchstart' in window && !browser.ie && !browser.edge,
// .
pointerEventsSupported: 'onpointerdown' in window
// Firefox supports pointer but not by default, only MS browsers are reliable on pointer
// events currently. So we dont use that on other browsers unless tested sufficiently.
// Although IE 10 supports pointer event, it use old style and is different from the
// standard. So we exclude that. (IE 10 is hardly used on touch device)
&& (browser.edge || (browser.ie && browser.version >= 11)),
// passiveSupported: detectPassiveSupport()
domSupported: typeof document !== 'undefined'
};
}
// See https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
// function detectPassiveSupport() {
// // Test via a getter in the options object to see if the passive property is accessed
// var supportsPassive = false;
// try {
// var opts = Object.defineProperty({}, 'passive', {
// get: function() {
// supportsPassive = true;
// }
// });
// window.addEventListener('testPassive', function() {}, opts);
// } catch (e) {
// }
// return supportsPassive;
// }
/**
* @module zrender/core/util
*/
// 用于处理merge时无法遍历Date等对象的问题
var BUILTIN_OBJECT = {
'[object Function]': 1,
'[object RegExp]': 1,
'[object Date]': 1,
'[object Error]': 1,
'[object CanvasGradient]': 1,
'[object CanvasPattern]': 1,
// For node-canvas
'[object Image]': 1,
'[object Canvas]': 1
};
var TYPED_ARRAY = {
'[object Int8Array]': 1,
'[object Uint8Array]': 1,
'[object Uint8ClampedArray]': 1,
'[object Int16Array]': 1,
'[object Uint16Array]': 1,
'[object Int32Array]': 1,
'[object Uint32Array]': 1,
'[object Float32Array]': 1,
'[object Float64Array]': 1
};
var objToString = Object.prototype.toString;
var arrayProto = Array.prototype;
var nativeForEach = arrayProto.forEach;
var nativeFilter = arrayProto.filter;
var nativeSlice = arrayProto.slice;
var nativeMap = arrayProto.map;
var nativeReduce = arrayProto.reduce;
// Avoid assign to an exported variable, for transforming to cjs.
var methods = {};
function $override(name, fn) {
// Clear ctx instance for different environment
if (name === 'createCanvas') {
_ctx = null;
}
methods[name] = fn;
}
/**
* Those data types can be cloned:
* Plain object, Array, TypedArray, number, string, null, undefined.
* Those data types will be assgined using the orginal data:
* BUILTIN_OBJECT
* Instance of user defined class will be cloned to a plain object, without
* properties in prototype.
* Other data types is not supported (not sure what will happen).
*
* Caution: do not support clone Date, for performance consideration.
* (There might be a large number of date in `series.data`).
* So date should not be modified in and out of echarts.
*
* @param {*} source
* @return {*} new
*/
function clone(source) {
if (source == null || typeof source !== 'object') {
return source;
}
var result = source;
var typeStr = objToString.call(source);
if (typeStr === '[object Array]') {
if (!isPrimitive(source)) {
result = [];
for (var i = 0, len = source.length; i < len; i++) {
result[i] = clone(source[i]);
}
}
}
else if (TYPED_ARRAY[typeStr]) {
if (!isPrimitive(source)) {
var Ctor = source.constructor;
if (source.constructor.from) {
result = Ctor.from(source);
}
else {
result = new Ctor(source.length);
for (var i = 0, len = source.length; i < len; i++) {
result[i] = clone(source[i]);
}
}
}
}
else if (!BUILTIN_OBJECT[typeStr] && !isPrimitive(source) && !isDom(source)) {
result = {};
for (var key in source) {
if (source.hasOwnProperty(key)) {
result[key] = clone(source[key]);
}
}
}
return result;
}
/**
* @memberOf module:zrender/core/util
* @param {*} target
* @param {*} source
* @param {boolean} [overwrite=false]
*/
function merge(target, source, overwrite) {
// We should escapse that source is string
// and enter for ... in ...
if (!isObject$1(source) || !isObject$1(target)) {
return overwrite ? clone(source) : target;
}
for (var key in source) {
if (source.hasOwnProperty(key)) {
var targetProp = target[key];
var sourceProp = source[key];
if (isObject$1(sourceProp)
&& isObject$1(targetProp)
&& !isArray(sourceProp)
&& !isArray(targetProp)
&& !isDom(sourceProp)
&& !isDom(targetProp)
&& !isBuiltInObject(sourceProp)
&& !isBuiltInObject(targetProp)
&& !isPrimitive(sourceProp)
&& !isPrimitive(targetProp)
) {
// 如果需要递归覆盖，就递归调用merge
merge(targetProp, sourceProp, overwrite);
}
else if (overwrite || !(key in target)) {
// 否则只处理overwrite为true，或者在目标对象中没有此属性的情况
// NOTE，在 target[key] 不存在的时候也是直接覆盖
target[key] = clone(source[key], true);
}
}
}
return target;
}
/**
* @param {Array} targetAndSources The first item is target, and the rests are source.
* @param {boolean} [overwrite=false]
* @return {*} target
*/
function mergeAll(targetAndSources, overwrite) {
var result = targetAndSources[0];
for (var i = 1, len = targetAndSources.length; i < len; i++) {
result = merge(result, targetAndSources[i], overwrite);
}
return result;
}
/**
* @param {*} target
* @param {*} source
* @memberOf module:zrender/core/util
*/
function extend(target, source) {
for (var key in source) {
if (source.hasOwnProperty(key)) {
target[key] = source[key];
}
}
return target;
}
/**
* @param {*} target
* @param {*} source
* @param {boolean} [overlay=false]
* @memberOf module:zrender/core/util
*/
function defaults(target, source, overlay) {
for (var key in source) {
if (source.hasOwnProperty(key)
&& (overlay ? source[key] != null : target[key] == null)
) {
target[key] = source[key];
}
}
return target;
}
var createCanvas = function () {
return methods.createCanvas();
};
methods.createCanvas = function () {
return document.createElement('canvas');
};
// FIXME
var _ctx;
function getContext() {
if (!_ctx) {
// Use util.createCanvas instead of createCanvas
// because createCanvas may be overwritten in different environment
_ctx = createCanvas().getContext('2d');
}
return _ctx;
}
/**
* 查询数组中元素的index
* @memberOf module:zrender/core/util
*/
function indexOf(array, value) {
if (array) {
if (array.indexOf) {
return array.indexOf(value);
}
for (var i = 0, len = array.length; i < len; i++) {
if (array[i] === value) {
return i;
}
}
}
return -1;
}
/**
* 构造类继承关系
*
* @memberOf module:zrender/core/util
* @param {Function} clazz 源类
* @param {Function} baseClazz 基类
*/
function inherits(clazz, baseClazz) {
var clazzPrototype = clazz.prototype;
function F() {}
F.prototype = baseClazz.prototype;
clazz.prototype = new F();
for (var prop in clazzPrototype) {
clazz.prototype[prop] = clazzPrototype[prop];
}
clazz.prototype.constructor = clazz;
clazz.superClass = baseClazz;
}
/**
* @memberOf module:zrender/core/util
* @param {Object|Function} target
* @param {Object|Function} sorce
* @param {boolean} overlay
*/
function mixin(target, source, overlay) {
target = 'prototype' in target ? target.prototype : target;
source = 'prototype' in source ? source.prototype : source;
defaults(target, source, overlay);
}
/**
* Consider typed array.
* @param {Array|TypedArray} data
*/
function isArrayLike(data) {
if (!data) {
return;
}
if (typeof data === 'string') {
return false;
}
return typeof data.length === 'number';
}
/**
* 数组或对象遍历
* @memberOf module:zrender/core/util
* @param {Object|Array} obj
* @param {Function} cb
* @param {*} [context]
*/
function each$1(obj, cb, context) {
if (!(obj && cb)) {
return;
}
if (obj.forEach && obj.forEach === nativeForEach) {
obj.forEach(cb, context);
}
else if (obj.length === +obj.length) {
for (var i = 0, len = obj.length; i < len; i++) {
cb.call(context, obj[i], i, obj);
}
}
else {
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
cb.call(context, obj[key], key, obj);
}
}
}
}
/**
* 数组映射
* @memberOf module:zrender/core/util
* @param {Array} obj
* @param {Function} cb
* @param {*} [context]
* @return {Array}
*/
function map(obj, cb, context) {
if (!(obj && cb)) {
return;
}
if (obj.map && obj.map === nativeMap) {
return obj.map(cb, context);
}
else {
var result = [];
for (var i = 0, len = obj.length; i < len; i++) {
result.push(cb.call(context, obj[i], i, obj));
}
return result;
}
}
/**
* @memberOf module:zrender/core/util
* @param {Array} obj
* @param {Function} cb
* @param {Object} [memo]
* @param {*} [context]
* @return {Array}
*/
function reduce(obj, cb, memo, context) {
if (!(obj && cb)) {
return;
}
if (obj.reduce && obj.reduce === nativeReduce) {
return obj.reduce(cb, memo, context);
}
else {
for (var i = 0, len = obj.length; i < len; i++) {
memo = cb.call(context, memo, obj[i], i, obj);
}
return memo;
}
}
/**
* 数组过滤
* @memberOf module:zrender/core/util
* @param {Array} obj
* @param {Function} cb
* @param {*} [context]
* @return {Array}
*/
function filter(obj, cb, context) {
if (!(obj && cb)) {
return;
}
if (obj.filter && obj.filter === nativeFilter) {
return obj.filter(cb, context);
}
else {
var result = [];
for (var i = 0, len = obj.length; i < len; i++) {
if (cb.call(context, obj[i], i, obj)) {
result.push(obj[i]);
}
}
return result;
}
}
/**
* 数组项查找
* @memberOf module:zrender/core/util
* @param {Array} obj
* @param {Function} cb
* @param {*} [context]
* @return {*}
*/
function find(obj, cb, context) {
if (!(obj && cb)) {
return;
}
for (var i = 0, len = obj.length; i < len; i++) {
if (cb.call(context, obj[i], i, obj)) {
return obj[i];
}
}
}
/**
* @memberOf module:zrender/core/util
* @param {Function} func
* @param {*} context
* @return {Function}
*/
function bind(func, context) {
var args = nativeSlice.call(arguments, 2);
return function () {
return func.apply(context, args.concat(nativeSlice.call(arguments)));
};
}
/**
* @memberOf module:zrender/core/util
* @param {Function} func
* @return {Function}
*/
function curry(func) {
var args = nativeSlice.call(arguments, 1);
return function () {
return func.apply(this, args.concat(nativeSlice.call(arguments)));
};
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isArray(value) {
return objToString.call(value) === '[object Array]';
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isFunction$1(value) {
return typeof value === 'function';
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isString(value) {
return objToString.call(value) === '[object String]';
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isObject$1(value) {
// Avoid a V8 JIT bug in Chrome 19-20.
// See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
var type = typeof value;
return type === 'function' || (!!value && type === 'object');
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isBuiltInObject(value) {
return !!BUILTIN_OBJECT[objToString.call(value)];
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isTypedArray(value) {
return !!TYPED_ARRAY[objToString.call(value)];
}
/**
* @memberOf module:zrender/core/util
* @param {*} value
* @return {boolean}
*/
function isDom(value) {
return typeof value === 'object'
&& typeof value.nodeType === 'number'
&& typeof value.ownerDocument === 'object';
}
/**
* Whether is exactly NaN. Notice isNaN('a') returns true.
* @param {*} value
* @return {boolean}
*/
function eqNaN(value) {
return value !== value;
}
/**
* If value1 is not null, then return value1, otherwise judget rest of values.
* Low performance.
* @memberOf module:zrender/core/util
* @return {*} Final value
*/
function retrieve(values) {
for (var i = 0, len = arguments.length; i < len; i++) {
if (arguments[i] != null) {
return arguments[i];
}
}
}
function retrieve2(value0, value1) {
return value0 != null
? value0
: value1;
}
function retrieve3(value0, value1, value2) {
return value0 != null
? value0
: value1 != null
? value1
: value2;
}
/**
* @memberOf module:zrender/core/util
* @param {Array} arr
* @param {number} startIndex
* @param {number} endIndex
* @return {Array}
*/
function slice() {
return Function.call.apply(nativeSlice, arguments);
}
/**
* Normalize css liked array configuration
* e.g.
* 3 => [3, 3, 3, 3]
* [4, 2] => [4, 2, 4, 2]
* [4, 3, 2] => [4, 3, 2, 3]
* @param {number|Array.} val
* @return {Array.}
*/
function normalizeCssArray(val) {
if (typeof (val) === 'number') {
return [val, val, val, val];
}
var len = val.length;
if (len === 2) {
// vertical | horizontal
return [val[0], val[1], val[0], val[1]];
}
else if (len === 3) {
// top | horizontal | bottom
return [val[0], val[1], val[2], val[1]];
}
return val;
}
/**
* @memberOf module:zrender/core/util
* @param {boolean} condition
* @param {string} message
*/
function assert$1(condition, message) {
if (!condition) {
throw new Error(message);
}
}
/**
* @memberOf module:zrender/core/util
* @param {string} str string to be trimed
* @return {string} trimed string
*/
function trim(str) {
if (str == null) {
return null;
}
else if (typeof str.trim === 'function') {
return str.trim();
}
else {
return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
}
}
var primitiveKey = '__ec_primitive__';
/**
* Set an object as primitive to be ignored traversing children in clone or merge
*/
function setAsPrimitive(obj) {
obj[primitiveKey] = true;
}
function isPrimitive(obj) {
return obj[primitiveKey];
}
/**
* @constructor
* @param {Object} obj Only apply `ownProperty`.
*/
function HashMap(obj) {
var isArr = isArray(obj);
// Key should not be set on this, otherwise
// methods get/set/... may be overrided.
this.data = {};
var thisMap = this;
(obj instanceof HashMap)
? obj.each(visit)
: (obj && each$1(obj, visit));
function visit(value, key) {
isArr ? thisMap.set(value, key) : thisMap.set(key, value);
}
}
HashMap.prototype = {
constructor: HashMap,
// Do not provide `has` method to avoid defining what is `has`.
// (We usually treat `null` and `undefined` as the same, different
// from ES6 Map).
get: function (key) {
return this.data.hasOwnProperty(key) ? this.data[key] : null;
},
set: function (key, value) {
// Comparing with invocation chaining, `return value` is more commonly
// used in this case: `var someVal = map.set('a', genVal());`
return (this.data[key] = value);
},
// Although util.each can be performed on this hashMap directly, user
// should not use the exposed keys, who are prefixed.
each: function (cb, context) {
context !== void 0 && (cb = bind(cb, context));
for (var key in this.data) {
this.data.hasOwnProperty(key) && cb(this.data[key], key);
}
},
// Do not use this method if performance sensitive.
removeKey: function (key) {
delete this.data[key];
}
};
function createHashMap(obj) {
return new HashMap(obj);
}
function concatArray(a, b) {
var newArray = new a.constructor(a.length + b.length);
for (var i = 0; i < a.length; i++) {
newArray[i] = a[i];
}
var offset = a.length;
for (i = 0; i < b.length; i++) {
newArray[i + offset] = b[i];
}
return newArray;
}
function noop() {}
var zrUtil = (Object.freeze || Object)({
$override: $override,
clone: clone,
merge: merge,
mergeAll: mergeAll,
extend: extend,
defaults: defaults,
createCanvas: createCanvas,
getContext: getContext,
indexOf: indexOf,
inherits: inherits,
mixin: mixin,
isArrayLike: isArrayLike,
each: each$1,
map: map,
reduce: reduce,
filter: filter,
find: find,
bind: bind,
curry: curry,
isArray: isArray,
isFunction: isFunction$1,
isString: isString,
isObject: isObject$1,
isBuiltInObject: isBuiltInObject,
isTypedArray: isTypedArray,
isDom: isDom,
eqNaN: eqNaN,
retrieve: retrieve,
retrieve2: retrieve2,
retrieve3: retrieve3,
slice: slice,
normalizeCssArray: normalizeCssArray,
assert: assert$1,
trim: trim,
setAsPrimitive: setAsPrimitive,
isPrimitive: isPrimitive,
createHashMap: createHashMap,
concatArray: concatArray,
noop: noop
});
var ArrayCtor = typeof Float32Array === 'undefined'
? Array
: Float32Array;
/**
* 创建一个向量
* @param {number} [x=0]
* @param {number} [y=0]
* @return {Vector2}
*/
function create(x, y) {
var out = new ArrayCtor(2);
if (x == null) {
x = 0;
}
if (y == null) {
y = 0;
}
out[0] = x;
out[1] = y;
return out;
}
/**
* 复制向量数据
* @param {Vector2} out
* @param {Vector2} v
* @return {Vector2}
*/
function copy(out, v) {
out[0] = v[0];
out[1] = v[1];
return out;
}
/**
* 克隆一个向量
* @param {Vector2} v
* @return {Vector2}
*/
function clone$1(v) {
var out = new ArrayCtor(2);
out[0] = v[0];
out[1] = v[1];
return out;
}
/**
* 设置向量的两个项
* @param {Vector2} out
* @param {number} a
* @param {number} b
* @return {Vector2} 结果
*/
function set(out, a, b) {
out[0] = a;
out[1] = b;
return out;
}
/**
* 向量相加
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function add(out, v1, v2) {
out[0] = v1[0] + v2[0];
out[1] = v1[1] + v2[1];
return out;
}
/**
* 向量缩放后相加
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
* @param {number} a
*/
function scaleAndAdd(out, v1, v2, a) {
out[0] = v1[0] + v2[0] * a;
out[1] = v1[1] + v2[1] * a;
return out;
}
/**
* 向量相减
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function sub(out, v1, v2) {
out[0] = v1[0] - v2[0];
out[1] = v1[1] - v2[1];
return out;
}
/**
* 向量长度
* @param {Vector2} v
* @return {number}
*/
function len(v) {
return Math.sqrt(lenSquare(v));
}
var length = len; // jshint ignore:line
/**
* 向量长度平方
* @param {Vector2} v
* @return {number}
*/
function lenSquare(v) {
return v[0] * v[0] + v[1] * v[1];
}
var lengthSquare = lenSquare;
/**
* 向量乘法
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function mul(out, v1, v2) {
out[0] = v1[0] * v2[0];
out[1] = v1[1] * v2[1];
return out;
}
/**
* 向量除法
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function div(out, v1, v2) {
out[0] = v1[0] / v2[0];
out[1] = v1[1] / v2[1];
return out;
}
/**
* 向量点乘
* @param {Vector2} v1
* @param {Vector2} v2
* @return {number}
*/
function dot(v1, v2) {
return v1[0] * v2[0] + v1[1] * v2[1];
}
/**
* 向量缩放
* @param {Vector2} out
* @param {Vector2} v
* @param {number} s
*/
function scale(out, v, s) {
out[0] = v[0] * s;
out[1] = v[1] * s;
return out;
}
/**
* 向量归一化
* @param {Vector2} out
* @param {Vector2} v
*/
function normalize(out, v) {
var d = len(v);
if (d === 0) {
out[0] = 0;
out[1] = 0;
}
else {
out[0] = v[0] / d;
out[1] = v[1] / d;
}
return out;
}
/**
* 计算向量间距离
* @param {Vector2} v1
* @param {Vector2} v2
* @return {number}
*/
function distance(v1, v2) {
return Math.sqrt(
(v1[0] - v2[0]) * (v1[0] - v2[0])
+ (v1[1] - v2[1]) * (v1[1] - v2[1])
);
}
var dist = distance;
/**
* 向量距离平方
* @param {Vector2} v1
* @param {Vector2} v2
* @return {number}
*/
function distanceSquare(v1, v2) {
return (v1[0] - v2[0]) * (v1[0] - v2[0])
+ (v1[1] - v2[1]) * (v1[1] - v2[1]);
}
var distSquare = distanceSquare;
/**
* 求负向量
* @param {Vector2} out
* @param {Vector2} v
*/
function negate(out, v) {
out[0] = -v[0];
out[1] = -v[1];
return out;
}
/**
* 插值两个点
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
* @param {number} t
*/
function lerp(out, v1, v2, t) {
out[0] = v1[0] + t * (v2[0] - v1[0]);
out[1] = v1[1] + t * (v2[1] - v1[1]);
return out;
}
/**
* 矩阵左乘向量
* @param {Vector2} out
* @param {Vector2} v
* @param {Vector2} m
*/
function applyTransform(out, v, m) {
var x = v[0];
var y = v[1];
out[0] = m[0] * x + m[2] * y + m[4];
out[1] = m[1] * x + m[3] * y + m[5];
return out;
}
/**
* 求两个向量最小值
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function min(out, v1, v2) {
out[0] = Math.min(v1[0], v2[0]);
out[1] = Math.min(v1[1], v2[1]);
return out;
}
/**
* 求两个向量最大值
* @param {Vector2} out
* @param {Vector2} v1
* @param {Vector2} v2
*/
function max(out, v1, v2) {
out[0] = Math.max(v1[0], v2[0]);
out[1] = Math.max(v1[1], v2[1]);
return out;
}
var vector = (Object.freeze || Object)({
create: create,
copy: copy,
clone: clone$1,
set: set,
add: add,
scaleAndAdd: scaleAndAdd,
sub: sub,
len: len,
length: length,
lenSquare: lenSquare,
lengthSquare: lengthSquare,
mul: mul,
div: div,
dot: dot,
scale: scale,
normalize: normalize,
distance: distance,
dist: dist,
distanceSquare: distanceSquare,
distSquare: distSquare,
negate: negate,
lerp: lerp,
applyTransform: applyTransform,
min: min,
max: max
});
// TODO Draggable for group
// FIXME Draggable on element which has parent rotation or scale
function Draggable() {
this.on('mousedown', this._dragStart, this);
this.on('mousemove', this._drag, this);
this.on('mouseup', this._dragEnd, this);
this.on('globalout', this._dragEnd, this);
// this._dropTarget = null;
// this._draggingTarget = null;
// this._x = 0;
// this._y = 0;
}
Draggable.prototype = {
constructor: Draggable,
_dragStart: function (e) {
var draggingTarget = e.target;
if (draggingTarget && draggingTarget.draggable) {
this._draggingTarget = draggingTarget;
draggingTarget.dragging = true;
this._x = e.offsetX;
this._y = e.offsetY;
this.dispatchToElement(param(draggingTarget, e), 'dragstart', e.event);
}
},
_drag: function (e) {
var draggingTarget = this._draggingTarget;
if (draggingTarget) {
var x = e.offsetX;
var y = e.offsetY;
var dx = x - this._x;
var dy = y - this._y;
this._x = x;
this._y = y;
draggingTarget.drift(dx, dy, e);
this.dispatchToElement(param(draggingTarget, e), 'drag', e.event);
var dropTarget = this.findHover(x, y, draggingTarget).target;
var lastDropTarget = this._dropTarget;
this._dropTarget = dropTarget;
if (draggingTarget !== dropTarget) {
if (lastDropTarget && dropTarget !== lastDropTarget) {
this.dispatchToElement(param(lastDropTarget, e), 'dragleave', e.event);
}
if (dropTarget && dropTarget !== lastDropTarget) {
this.dispatchToElement(param(dropTarget, e), 'dragenter', e.event);
}
}
}
},
_dragEnd: function (e) {
var draggingTarget = this._draggingTarget;
if (draggingTarget) {
draggingTarget.dragging = false;
}
this.dispatchToElement(param(draggingTarget, e), 'dragend', e.event);
if (this._dropTarget) {
this.dispatchToElement(param(this._dropTarget, e), 'drop', e.event);
}
this._draggingTarget = null;
this._dropTarget = null;
}
};
function param(target, e) {
return {target: target, topTarget: e && e.topTarget};
}
/**
* Event Mixin
* @module zrender/mixin/Eventful
* @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
* pissang (https://www.github.com/pissang)
*/
var arrySlice = Array.prototype.slice;
/**
* Event dispatcher.
*
* @alias module:zrender/mixin/Eventful
* @constructor
* @param {Object} [eventProcessor] The object eventProcessor is the scope when
* `eventProcessor.xxx` called.
* @param {Function} [eventProcessor.normalizeQuery]
* param: {string|Object} Raw query.
* return: {string|Object} Normalized query.
* @param {Function} [eventProcessor.filter] Event will be dispatched only
* if it returns `true`.
* param: {string} eventType
* param: {string|Object} query
* return: {boolean}
* @param {Function} [eventProcessor.afterTrigger] Call after all handlers called.
* param: {string} eventType
*/
var Eventful = function (eventProcessor) {
this._$handlers = {};
this._$eventProcessor = eventProcessor;
};
Eventful.prototype = {
constructor: Eventful,
/**
* The handler can only be triggered once, then removed.
*
* @param {string} event The event name.
* @param {string|Object} [query] Condition used on event filter.
* @param {Function} handler The event handler.
* @param {Object} context
*/
one: function (event, query, handler, context) {
return on(this, event, query, handler, context, true);
},
/**
* Bind a handler.
*
* @param {string} event The event name.
* @param {string|Object} [query] Condition used on event filter.
* @param {Function} handler The event handler.
* @param {Object} [context]
*/
on: function (event, query, handler, context) {
return on(this, event, query, handler, context, false);
},
/**
* Whether any handler has bound.
*
* @param {string} event
* @return {boolean}
*/
isSilent: function (event) {
var _h = this._$handlers;
return !_h[event] || !_h[event].length;
},
/**
* Unbind a event.
*
* @param {string} event The event name.
* @param {Function} [handler] The event handler.
*/
off: function (event, handler) {
var _h = this._$handlers;
if (!event) {
this._$handlers = {};
return this;
}
if (handler) {
if (_h[event]) {
var newList = [];
for (var i = 0, l = _h[event].length; i < l; i++) {
if (_h[event][i].h !== handler) {
newList.push(_h[event][i]);
}
}
_h[event] = newList;
}
if (_h[event] && _h[event].length === 0) {
delete _h[event];
}
}
else {
delete _h[event];
}
return this;
},
/**
* Dispatch a event.
*
* @param {string} type The event name.
*/
trigger: function (type) {
var _h = this._$handlers[type];
var eventProcessor = this._$eventProcessor;
if (_h) {
var args = arguments;
var argLen = args.length;
if (argLen > 3) {
args = arrySlice.call(args, 1);
}
var len = _h.length;
for (var i = 0; i < len;) {
var hItem = _h[i];
if (eventProcessor
&& eventProcessor.filter
&& hItem.query != null
&& !eventProcessor.filter(type, hItem.query)
) {
i++;
continue;
}
// Optimize advise from backbone
switch (argLen) {
case 1:
hItem.h.call(hItem.ctx);
break;
case 2:
hItem.h.call(hItem.ctx, args[1]);
break;
case 3:
hItem.h.call(hItem.ctx, args[1], args[2]);
break;
default:
// have more than 2 given arguments
hItem.h.apply(hItem.ctx, args);
break;
}
if (hItem.one) {
_h.splice(i, 1);
len--;
}
else {
i++;
}
}
}
eventProcessor && eventProcessor.afterTrigger
&& eventProcessor.afterTrigger(type);
return this;
},
/**
* Dispatch a event with context, which is specified at the last parameter.
*
* @param {string} type The event name.
*/
triggerWithContext: function (type) {
var _h = this._$handlers[type];
var eventProcessor = this._$eventProcessor;
if (_h) {
var args = arguments;
var argLen = args.length;
if (argLen > 4) {
args = arrySlice.call(args, 1, args.length - 1);
}
var ctx = args[args.length - 1];
var len = _h.length;
for (var i = 0; i < len;) {
var hItem = _h[i];
if (eventProcessor
&& eventProcessor.filter
&& hItem.query != null
&& !eventProcessor.filter(type, hItem.query)
) {
i++;
continue;
}
// Optimize advise from backbone
switch (argLen) {
case 1:
hItem.h.call(ctx);
break;
case 2:
hItem.h.call(ctx, args[1]);
break;
case 3:
hItem.h.call(ctx, args[1], args[2]);
break;
default:
// have more than 2 given arguments
hItem.h.apply(ctx, args);
break;
}
if (hItem.one) {
_h.splice(i, 1);
len--;
}
else {
i++;
}
}
}
eventProcessor && eventProcessor.afterTrigger
&& eventProcessor.afterTrigger(type);
return this;
}
};
function normalizeQuery(host, query) {
var eventProcessor = host._$eventProcessor;
if (query != null && eventProcessor && eventProcessor.normalizeQuery) {
query = eventProcessor.normalizeQuery(query);
}
return query;
}
function on(eventful, event, query, handler, context, isOnce) {
var _h = eventful._$handlers;
if (typeof query === 'function') {
context = handler;
handler = query;
query = null;
}
if (!handler || !event) {
return eventful;
}
query = normalizeQuery(eventful, query);
if (!_h[event]) {
_h[event] = [];
}
for (var i = 0; i < _h[event].length; i++) {
if (_h[event][i].h === handler) {
return eventful;
}
}
var wrap = {
h: handler,
one: isOnce,
query: query,
ctx: context || eventful,
// FIXME
// Do not publish this feature util it is proved that it makes sense.
callAtLast: handler.zrEventfulCallAtLast
};
var lastIndex = _h[event].length - 1;
var lastWrap = _h[event][lastIndex];
(lastWrap && lastWrap.callAtLast)
? _h[event].splice(lastIndex, 0, wrap)
: _h[event].push(wrap);
return eventful;
}
/**
* The algoritm is learnt from
* https://franklinta.com/2014/09/08/computing-css-matrix3d-transforms/
* And we made some optimization for matrix inversion.
* Other similar approaches:
* "cv::getPerspectiveTransform", "Direct Linear Transformation".
*/
var LN2 = Math.log(2);
function determinant(rows, rank, rowStart, rowMask, colMask, detCache) {
var cacheKey = rowMask + '-' + colMask;
var fullRank = rows.length;
if (detCache.hasOwnProperty(cacheKey)) {
return detCache[cacheKey];
}
if (rank === 1) {
// In this case the colMask must be like: `11101111`. We can find the place of `0`.
var colStart = Math.round(Math.log(((1 << fullRank) - 1) & ~colMask) / LN2);
return rows[rowStart][colStart];
}
var subRowMask = rowMask | (1 << rowStart);
var subRowStart = rowStart + 1;
while (rowMask & (1 << subRowStart)) {
subRowStart++;
}
var sum = 0;
for (var j = 0, colLocalIdx = 0; j < fullRank; j++) {
var colTag = 1 << j;
if (!(colTag & colMask)) {
sum += (colLocalIdx % 2 ? -1 : 1) * rows[rowStart][j]
// det(subMatrix(0, j))
* determinant(rows, rank - 1, subRowStart, subRowMask, colMask | colTag, detCache);
colLocalIdx++;
}
}
detCache[cacheKey] = sum;
return sum;
}
/**
* Usage:
* ```js
* var transformer = buildTransformer(
* [10, 44, 100, 44, 100, 300, 10, 300],
* [50, 54, 130, 14, 140, 330, 14, 220]
* );
* var out = [];
* transformer && transformer([11, 33], out);
* ```
*
* Notice: `buildTransformer` may take more than 10ms in some Android device.
*
* @param {Array.} src source four points, [x0, y0, x1, y1, x2, y2, x3, y3]
* @param {Array.} dest destination four points, [x0, y0, x1, y1, x2, y2, x3, y3]
* @return {Function} transformer If fail, return null/undefined.
*/
function buildTransformer(src, dest) {
var mA = [
[src[0], src[1], 1, 0, 0, 0, -dest[0] * src[0], -dest[0] * src[1]],
[0, 0, 0, src[0], src[1], 1, -dest[1] * src[0], -dest[1] * src[1]],
[src[2], src[3], 1, 0, 0, 0, -dest[2] * src[2], -dest[2] * src[3]],
[0, 0, 0, src[2], src[3], 1, -dest[3] * src[2], -dest[3] * src[3]],
[src[4], src[5], 1, 0, 0, 0, -dest[4] * src[4], -dest[4] * src[5]],
[0, 0, 0, src[4], src[5], 1, -dest[5] * src[4], -dest[5] * src[5]],
[src[6], src[7], 1, 0, 0, 0, -dest[6] * src[6], -dest[6] * src[7]],
[0, 0, 0, src[6], src[7], 1, -dest[7] * src[6], -dest[7] * src[7]]
];
var detCache = {};
var det = determinant(mA, 8, 0, 0, 0, detCache);
if (det === 0) {
return;
}
// `invert(mA) * dest`, that is, `adj(mA) / det * dest`.
var vh = [];
for (var i = 0; i < 8; i++) {
for (var j = 0; j < 8; j++) {
vh[j] == null && (vh[j] = 0);
vh[j] += ((i + j) % 2 ? -1 : 1)
// det(subMatrix(i, j))
* determinant(mA, 7, i === 0 ? 1 : 0, 1 << i, 1 << j, detCache)
/ det * dest[i];
}
}
return function (out, srcPointX, srcPointY) {
var pk = srcPointX * vh[6] + srcPointY * vh[7] + 1;
out[0] = (srcPointX * vh[0] + srcPointY * vh[1] + vh[2]) / pk;
out[1] = (srcPointX * vh[3] + srcPointY * vh[4] + vh[5]) / pk;
};
}
/**
* Utilities for mouse or touch events.
*/
var isDomLevel2 = (typeof window !== 'undefined') && !!window.addEventListener;
var MOUSE_EVENT_REG = /^(?:mouse|pointer|contextmenu|drag|drop)|click/;
var EVENT_SAVED_PROP = '___zrEVENTSAVED';
var _calcOut = [];
/**
* Get the `zrX` and `zrY`, which are relative to the top-left of
* the input `el`.
* CSS transform (2D & 3D) is supported.
*
* The strategy to fetch the coords:
* + If `calculate` is not set as `true`, users of this method should
* ensure that `el` is the same or the same size & location as `e.target`.
* Otherwise the result coords are probably not expected. Because we
* firstly try to get coords from e.offsetX/e.offsetY.
* + If `calculate` is set as `true`, the input `el` can be any element
* and we force to calculate the coords based on `el`.
* + The input `el` should be positionable (not position:static).
*
* The force `calculate` can be used in case like:
* When mousemove event triggered on ec tooltip, `e.target` is not `el`(zr painter.dom).
*
* @param {HTMLElement} el DOM element.
* @param {Event} e Mouse event or touch event.
* @param {Object} out Get `out.zrX` and `out.zrY` as the result.
* @param {boolean} [calculate=false] Whether to force calculate
* the coordinates but not use ones provided by browser.
*/
function clientToLocal(el, e, out, calculate) {
out = out || {};
// According to the W3C Working Draft, offsetX and offsetY should be relative
// to the padding edge of the target element. The only browser using this convention
// is IE. Webkit uses the border edge, Opera uses the content edge, and FireFox does
// not support the properties.
// (see http://www.jacklmoore.com/notes/mouse-position/)
// In zr painter.dom, padding edge equals to border edge.
if (calculate || !env$1.canvasSupported) {
calculateZrXY(el, e, out);
}
// Caution: In FireFox, layerX/layerY Mouse position relative to the closest positioned
// ancestor element, so we should make sure el is positioned (e.g., not position:static).
// BTW1, Webkit don't return the same results as FF in non-simple cases (like add
// zoom-factor, overflow / opacity layers, transforms ...)
// BTW2, (ev.offsetY || ev.pageY - $(ev.target).offset().top) is not correct in preserve-3d.
//
// BTW3, In ff, offsetX/offsetY is always 0.
else if (env$1.browser.firefox && e.layerX != null && e.layerX !== e.offsetX) {
out.zrX = e.layerX;
out.zrY = e.layerY;
}
// For IE6+, chrome, safari, opera. (When will ff support offsetX?)
else if (e.offsetX != null) {
out.zrX = e.offsetX;
out.zrY = e.offsetY;
}
// For some other device, e.g., IOS safari.
else {
calculateZrXY(el, e, out);
}
return out;
}
function calculateZrXY(el, e, out) {
// BlackBerry 5, iOS 3 (original iPhone) don't have getBoundingRect.
if (el.getBoundingClientRect && env$1.domSupported) {
var ex = e.clientX;
var ey = e.clientY;
if (el.nodeName.toUpperCase() === 'CANVAS') {
// Original approach, which do not support CSS transform.
// marker can not be locationed in a canvas container
// (getBoundingClientRect is always 0). We do not support
// that input a pre-created canvas to zr while using css
// transform in iOS.
var box = el.getBoundingClientRect();
out.zrX = ex - box.left;
out.zrY = ey - box.top;
return;
}
else {
var saved = el[EVENT_SAVED_PROP] || (el[EVENT_SAVED_PROP] = {});
var transformer = preparePointerTransformer(prepareCoordMarkers(el, saved), saved);
if (transformer) {
transformer(_calcOut, ex, ey);
out.zrX = _calcOut[0];
out.zrY = _calcOut[1];
return;
}
}
}
out.zrX = out.zrY = 0;
}
function prepareCoordMarkers(el, saved) {
var markers = saved.markers;
if (markers) {
return markers;
}
markers = saved.markers = [];
var propLR = ['left', 'right'];
var propTB = ['top', 'bottom'];
for (var i = 0; i < 4; i++) {
var marker = document.createElement('div');
var stl = marker.style;
var idxLR = i % 2;
var idxTB = (i >> 1) % 2;
stl.cssText = [
'position:absolute',
'visibility: hidden',
'padding: 0',
'margin: 0',
'border-width: 0',
'width:0',
'height:0',
// 'width: 5px',
// 'height: 5px',
propLR[idxLR] + ':0',
propTB[idxTB] + ':0',
propLR[1 - idxLR] + ':auto',
propTB[1 - idxTB] + ':auto',
''
].join('!important;');
el.appendChild(marker);
markers.push(marker);
}
return markers;
}
function preparePointerTransformer(markers, saved) {
var transformer = saved.transformer;
var oldSrcCoords = saved.srcCoords;
var useOld = true;
var srcCoords = [];
var destCoords = [];
for (var i = 0; i < 4; i++) {
var rect = markers[i].getBoundingClientRect();
var ii = 2 * i;
var x = rect.left;
var y = rect.top;
srcCoords.push(x, y);
useOld &= oldSrcCoords && x === oldSrcCoords[ii] && y === oldSrcCoords[ii + 1];
destCoords.push(markers[i].offsetLeft, markers[i].offsetTop);
}
// Cache to avoid time consuming of `buildTransformer`.
return useOld
? transformer
: (
saved.srcCoords = srcCoords,
saved.transformer = buildTransformer(srcCoords, destCoords)
);
}
/**
* Normalize the coordinates of the input event.
*
* Get the `e.zrX` and `e.zrY`, which are relative to the top-left of
* the input `el`.
* Get `e.zrDelta` if using mouse wheel.
* Get `e.which`, see the comment inside this function.
*
* Do not calculate repeatly if `zrX` and `zrY` already exist.
*
* Notice: see comments in `clientToLocal`. check the relationship
* between the result coords and the parameters `el` and `calculate`.
*
* @param {HTMLElement} el DOM element.
* @param {Event} [e] Mouse event or touch event. For lagency IE,
* do not need to input it and `window.event` is used.
* @param {boolean} [calculate=false] Whether to force calculate
* the coordinates but not use ones provided by browser.
*/
function normalizeEvent(el, e, calculate) {
e = e || window.event;
if (e.zrX != null) {
return e;
}
var eventType = e.type;
var isTouch = eventType && eventType.indexOf('touch') >= 0;
if (!isTouch) {
clientToLocal(el, e, e, calculate);
e.zrDelta = (e.wheelDelta) ? e.wheelDelta / 120 : -(e.detail || 0) / 3;
}
else {
var touch = eventType !== 'touchend'
? e.targetTouches[0]
: e.changedTouches[0];
touch && clientToLocal(el, touch, e, calculate);
}
// Add which for click: 1 === left; 2 === middle; 3 === right; otherwise: 0;
// See jQuery: https://github.com/jquery/jquery/blob/master/src/event.js
// If e.which has been defined, it may be readonly,
// see: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which
var button = e.button;
if (e.which == null && button !== undefined && MOUSE_EVENT_REG.test(e.type)) {
e.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0)));
}
// [Caution]: `e.which` from browser is not always reliable. For example,
// when press left button and `mousemove (pointermove)` in Edge, the `e.which`
// is 65536 and the `e.button` is -1. But the `mouseup (pointerup)` and
// `mousedown (pointerdown)` is the same as Chrome does.
return e;
}
/**
* @param {HTMLElement} el
* @param {string} name
* @param {Function} handler
*/
function addEventListener(el, name, handler) {
if (isDomLevel2) {
// Reproduct the console warning:
// [Violation] Added non-passive event listener to a scroll-blocking event.
// Consider marking event handler as 'passive' to make the page more responsive.
// Just set console log level: verbose in chrome dev tool.
// then the warning log will be printed when addEventListener called.
// See https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
// We have not yet found a neat way to using passive. Because in zrender the dom event
// listener delegate all of the upper events of element. Some of those events need
// to prevent default. For example, the feature `preventDefaultMouseMove` of echarts.
// Before passive can be adopted, these issues should be considered:
// (1) Whether and how a zrender user specifies an event listener passive. And by default,
// passive or not.
// (2) How to tread that some zrender event listener is passive, and some is not. If
// we use other way but not preventDefault of mousewheel and touchmove, browser
// compatibility should be handled.
// var opts = (env.passiveSupported && name === 'mousewheel')
// ? {passive: true}
// // By default, the third param of el.addEventListener is `capture: false`.
// : void 0;
// el.addEventListener(name, handler /* , opts */);
el.addEventListener(name, handler);
}
else {
el.attachEvent('on' + name, handler);
}
}
function removeEventListener(el, name, handler) {
if (isDomLevel2) {
el.removeEventListener(name, handler);
}
else {
el.detachEvent('on' + name, handler);
}
}
/**
* preventDefault and stopPropagation.
* Notice: do not use this method in zrender. It can only be
* used by upper applications if necessary.
*
* @param {Event} e A mouse or touch event.
*/
var stop = isDomLevel2
? function (e) {
e.preventDefault();
e.stopPropagation();
e.cancelBubble = true;
}
: function (e) {
e.returnValue = false;
e.cancelBubble = true;
};
/**
* This method only works for mouseup and mousedown. The functionality is restricted
* for fault tolerance, See the `e.which` compatibility above.
*
* @param {MouseEvent} e
* @return {boolean}
*/
function isMiddleOrRightButtonOnMouseUpDown(e) {
return e.which === 2 || e.which === 3;
}
/**
* To be removed.
* @deprecated
*/
/**
* Only implements needed gestures for mobile.
*/
var GestureMgr = function () {
/**
* @private
* @type {Array.}
*/
this._track = [];
};
GestureMgr.prototype = {
constructor: GestureMgr,
recognize: function (event, target, root) {
this._doTrack(event, target, root);
return this._recognize(event);
},
clear: function () {
this._track.length = 0;
return this;
},
_doTrack: function (event, target, root) {
var touches = event.touches;
if (!touches) {
return;
}
var trackItem = {
points: [],
touches: [],
target: target,
event: event
};
for (var i = 0, len = touches.length; i < len; i++) {
var touch = touches[i];
var pos = clientToLocal(root, touch, {});
trackItem.points.push([pos.zrX, pos.zrY]);
trackItem.touches.push(touch);
}
this._track.push(trackItem);
},
_recognize: function (event) {
for (var eventName in recognizers) {
if (recognizers.hasOwnProperty(eventName)) {
var gestureInfo = recognizers[eventName](this._track, event);
if (gestureInfo) {
return gestureInfo;
}
}
}
}
};
function dist$1(pointPair) {
var dx = pointPair[1][0] - pointPair[0][0];
var dy = pointPair[1][1] - pointPair[0][1];
return Math.sqrt(dx * dx + dy * dy);
}
function center(pointPair) {
return [
(pointPair[0][0] + pointPair[1][0]) / 2,
(pointPair[0][1] + pointPair[1][1]) / 2
];
}
var recognizers = {
pinch: function (track, event) {
var trackLen = track.length;
if (!trackLen) {
return;
}
var pinchEnd = (track[trackLen - 1] || {}).points;
var pinchPre = (track[trackLen - 2] || {}).points || pinchEnd;
if (pinchPre
&& pinchPre.length > 1
&& pinchEnd
&& pinchEnd.length > 1
) {
var pinchScale = dist$1(pinchEnd) / dist$1(pinchPre);
!isFinite(pinchScale) && (pinchScale = 1);
event.pinchScale = pinchScale;
var pinchCenter = center(pinchEnd);
event.pinchX = pinchCenter[0];
event.pinchY = pinchCenter[1];
return {
type: 'pinch',
target: track[0].target,
event: event
};
}
}
// Only pinch currently.
};
var SILENT = 'silent';
function makeEventPacket(eveType, targetInfo, event) {
return {
type: eveType,
event: event,
// target can only be an element that is not silent.
target: targetInfo.target,
// topTarget can be a silent element.
topTarget: targetInfo.topTarget,
cancelBubble: false,
offsetX: event.zrX,
offsetY: event.zrY,
gestureEvent: event.gestureEvent,
pinchX: event.pinchX,
pinchY: event.pinchY,
pinchScale: event.pinchScale,
wheelDelta: event.zrDelta,
zrByTouch: event.zrByTouch,
which: event.which,
stop: stopEvent
};
}
function stopEvent(event) {
stop(this.event);
}
function EmptyProxy() {}
EmptyProxy.prototype.dispose = function () {};
var handlerNames = [
'click', 'dblclick', 'mousewheel', 'mouseout',
'mouseup', 'mousedown', 'mousemove', 'contextmenu'
];
/**
* @alias module:zrender/Handler
* @constructor
* @extends module:zrender/mixin/Eventful
* @param {module:zrender/Storage} storage Storage instance.
* @param {module:zrender/Painter} painter Painter instance.
* @param {module:zrender/dom/HandlerProxy} proxy HandlerProxy instance.
* @param {HTMLElement} painterRoot painter.root (not painter.getViewportRoot()).
*/
var Handler = function (storage, painter, proxy, painterRoot) {
Eventful.call(this);
this.storage = storage;
this.painter = painter;
this.painterRoot = painterRoot;
proxy = proxy || new EmptyProxy();
/**
* Proxy of event. can be Dom, WebGLSurface, etc.
*/
this.proxy = null;
/**
* {target, topTarget, x, y}
* @private
* @type {Object}
*/
this._hovered = {};
/**
* @private
* @type {Date}
*/
this._lastTouchMoment;
/**
* @private
* @type {number}
*/
this._lastX;
/**
* @private
* @type {number}
*/
this._lastY;
/**
* @private
* @type {module:zrender/core/GestureMgr}
*/
this._gestureMgr;
Draggable.call(this);
this.setHandlerProxy(proxy);
};
Handler.prototype = {
constructor: Handler,
setHandlerProxy: function (proxy) {
if (this.proxy) {
this.proxy.dispose();
}
if (proxy) {
each$1(handlerNames, function (name) {
proxy.on && proxy.on(name, this[name], this);
}, this);
// Attach handler
proxy.handler = this;
}
this.proxy = proxy;
},
mousemove: function (event) {
var x = event.zrX;
var y = event.zrY;
var lastHovered = this._hovered;
var lastHoveredTarget = lastHovered.target;
// If lastHoveredTarget is removed from zr (detected by '__zr') by some API call
// (like 'setOption' or 'dispatchAction') in event handlers, we should find
// lastHovered again here. Otherwise 'mouseout' can not be triggered normally.
// See #6198.
if (lastHoveredTarget && !lastHoveredTarget.__zr) {
lastHovered = this.findHover(lastHovered.x, lastHovered.y);
lastHoveredTarget = lastHovered.target;
}
var hovered = this._hovered = this.findHover(x, y);
var hoveredTarget = hovered.target;
var proxy = this.proxy;
proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : 'default');
// Mouse out on previous hovered element
if (lastHoveredTarget && hoveredTarget !== lastHoveredTarget) {
this.dispatchToElement(lastHovered, 'mouseout', event);
}
// Mouse moving on one element
this.dispatchToElement(hovered, 'mousemove', event);
// Mouse over on a new element
if (hoveredTarget && hoveredTarget !== lastHoveredTarget) {
this.dispatchToElement(hovered, 'mouseover', event);
}
},
mouseout: function (event) {
this.dispatchToElement(this._hovered, 'mouseout', event);
// There might be some doms created by upper layer application
// at the same level of painter.getViewportRoot() (e.g., tooltip
// dom created by echarts), where 'globalout' event should not
// be triggered when mouse enters these doms. (But 'mouseout'
// should be triggered at the original hovered element as usual).
var element = event.toElement || event.relatedTarget;
var innerDom;
do {
element = element && element.parentNode;
}
while (element && element.nodeType !== 9 && !(
innerDom = element === this.painterRoot
));
!innerDom && this.trigger('globalout', {event: event});
},
/**
* Resize
*/
resize: function (event) {
this._hovered = {};
},
/**
* Dispatch event
* @param {string} eventName
* @param {event=} eventArgs
*/
dispatch: function (eventName, eventArgs) {
var handler = this[eventName];
handler && handler.call(this, eventArgs);
},
/**
* Dispose
*/
dispose: function () {
this.proxy.dispose();
this.storage =
this.proxy =
this.painter = null;
},
/**
* 设置默认的cursor style
* @param {string} [cursorStyle='default'] 例如 crosshair
*/
setCursorStyle: function (cursorStyle) {
var proxy = this.proxy;
proxy.setCursor && proxy.setCursor(cursorStyle);
},
/**
* 事件分发代理
*
* @private
* @param {Object} targetInfo {target, topTarget} 目标图形元素
* @param {string} eventName 事件名称
* @param {Object} event 事件对象
*/
dispatchToElement: function (targetInfo, eventName, event) {
targetInfo = targetInfo || {};
var el = targetInfo.target;
if (el && el.silent) {
return;
}
var eventHandler = 'on' + eventName;
var eventPacket = makeEventPacket(eventName, targetInfo, event);
while (el) {
el[eventHandler]
&& (eventPacket.cancelBubble = el[eventHandler].call(el, eventPacket));
el.trigger(eventName, eventPacket);
el = el.parent;
if (eventPacket.cancelBubble) {
break;
}
}
if (!eventPacket.cancelBubble) {
// 冒泡到顶级 zrender 对象
this.trigger(eventName, eventPacket);
// 分发事件到用户自定义层
// 用户有可能在全局 click 事件中 dispose，所以需要判断下 painter 是否存在
this.painter && this.painter.eachOtherLayer(function (layer) {
if (typeof (layer[eventHandler]) === 'function') {
layer[eventHandler].call(layer, eventPacket);
}
if (layer.trigger) {
layer.trigger(eventName, eventPacket);
}
});
}
},
/**
* @private
* @param {number} x
* @param {number} y
* @param {module:zrender/graphic/Displayable} exclude
* @return {model:zrender/Element}
* @method
*/
findHover: function (x, y, exclude) {
var list = this.storage.getDisplayList();
var out = {x: x, y: y};
for (var i = list.length - 1; i >= 0; i--) {
var hoverCheckResult;
if (list[i] !== exclude
// getDisplayList may include ignored item in VML mode
&& !list[i].ignore
&& (hoverCheckResult = isHover(list[i], x, y))
) {
!out.topTarget && (out.topTarget = list[i]);
if (hoverCheckResult !== SILENT) {
out.target = list[i];
break;
}
}
}
return out;
},
processGesture: function (event, stage) {
if (!this._gestureMgr) {
this._gestureMgr = new GestureMgr();
}
var gestureMgr = this._gestureMgr;
stage === 'start' && gestureMgr.clear();
var gestureInfo = gestureMgr.recognize(
event,
this.findHover(event.zrX, event.zrY, null).target,
this.proxy.dom
);
stage === 'end' && gestureMgr.clear();
// Do not do any preventDefault here. Upper application do that if necessary.
if (gestureInfo) {
var type = gestureInfo.type;
event.gestureEvent = type;
this.dispatchToElement({target: gestureInfo.target}, type, gestureInfo.event);
}
}
};
// Common handlers
each$1(['click', 'mousedown', 'mouseup', 'mousewheel', 'dblclick', 'contextmenu'], function (name) {
Handler.prototype[name] = function (event) {
// Find hover again to avoid click event is dispatched manually. Or click is triggered without mouseover
var hovered = this.findHover(event.zrX, event.zrY);
var hoveredTarget = hovered.target;
if (name === 'mousedown') {
this._downEl = hoveredTarget;
this._downPoint = [event.zrX, event.zrY];
// In case click triggered before mouseup
this._upEl = hoveredTarget;
}
else if (name === 'mouseup') {
this._upEl = hoveredTarget;
}
else if (name === 'click') {
if (this._downEl !== this._upEl
// Original click event is triggered on the whole canvas element,
// including the case that `mousedown` - `mousemove` - `mouseup`,
// which should be filtered, otherwise it will bring trouble to
// pan and zoom.
|| !this._downPoint
// Arbitrary value
|| dist(this._downPoint, [event.zrX, event.zrY]) > 4
) {
return;
}
this._downPoint = null;
}
this.dispatchToElement(hovered, name, event);
};
});
function isHover(displayable, x, y) {
if (displayable[displayable.rectHover ? 'rectContain' : 'contain'](x, y)) {
var el = displayable;
var isSilent;
while (el) {
// If clipped by ancestor.
// FIXME: If clipPath has neither stroke nor fill,
// el.clipPath.contain(x, y) will always return false.
if (el.clipPath && !el.clipPath.contain(x, y)) {
return false;
}
if (el.silent) {
isSilent = true;
}
el = el.parent;
}
return isSilent ? SILENT : true;
}
return false;
}
mixin(Handler, Eventful);
mixin(Handler, Draggable);
/**
* 3x2矩阵操作类
* @exports zrender/tool/matrix
*/
var ArrayCtor$1 = typeof Float32Array === 'undefined'
? Array
: Float32Array;
/**
* Create a identity matrix.
* @return {Float32Array|Array.}
*/
function create$1() {
var out = new ArrayCtor$1(6);
identity(out);
return out;
}
/**
* 设置矩阵为单位矩阵
* @param {Float32Array|Array.} out
*/
function identity(out) {
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 1;
out[4] = 0;
out[5] = 0;
return out;
}
/**
* 复制矩阵
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} m
*/
function copy$1(out, m) {
out[0] = m[0];
out[1] = m[1];
out[2] = m[2];
out[3] = m[3];
out[4] = m[4];
out[5] = m[5];
return out;
}
/**
* 矩阵相乘
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} m1
* @param {Float32Array|Array.} m2
*/
function mul$1(out, m1, m2) {
// Consider matrix.mul(m, m2, m);
// where out is the same as m2.
// So use temp variable to escape error.
var out0 = m1[0] * m2[0] + m1[2] * m2[1];
var out1 = m1[1] * m2[0] + m1[3] * m2[1];
var out2 = m1[0] * m2[2] + m1[2] * m2[3];
var out3 = m1[1] * m2[2] + m1[3] * m2[3];
var out4 = m1[0] * m2[4] + m1[2] * m2[5] + m1[4];
var out5 = m1[1] * m2[4] + m1[3] * m2[5] + m1[5];
out[0] = out0;
out[1] = out1;
out[2] = out2;
out[3] = out3;
out[4] = out4;
out[5] = out5;
return out;
}
/**
* 平移变换
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} a
* @param {Float32Array|Array.} v
*/
function translate(out, a, v) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[3];
out[4] = a[4] + v[0];
out[5] = a[5] + v[1];
return out;
}
/**
* 旋转变换
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} a
* @param {number} rad
*/
function rotate(out, a, rad) {
var aa = a[0];
var ac = a[2];
var atx = a[4];
var ab = a[1];
var ad = a[3];
var aty = a[5];
var st = Math.sin(rad);
var ct = Math.cos(rad);
out[0] = aa * ct + ab * st;
out[1] = -aa * st + ab * ct;
out[2] = ac * ct + ad * st;
out[3] = -ac * st + ct * ad;
out[4] = ct * atx + st * aty;
out[5] = ct * aty - st * atx;
return out;
}
/**
* 缩放变换
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} a
* @param {Float32Array|Array.} v
*/
function scale$1(out, a, v) {
var vx = v[0];
var vy = v[1];
out[0] = a[0] * vx;
out[1] = a[1] * vy;
out[2] = a[2] * vx;
out[3] = a[3] * vy;
out[4] = a[4] * vx;
out[5] = a[5] * vy;
return out;
}
/**
* 求逆矩阵
* @param {Float32Array|Array.} out
* @param {Float32Array|Array.} a
*/
function invert(out, a) {
var aa = a[0];
var ac = a[2];
var atx = a[4];
var ab = a[1];
var ad = a[3];
var aty = a[5];
var det = aa * ad - ab * ac;
if (!det) {
return null;
}
det = 1.0 / det;
out[0] = ad * det;
out[1] = -ab * det;
out[2] = -ac * det;
out[3] = aa * det;
out[4] = (ac * aty - ad * atx) * det;
out[5] = (ab * atx - aa * aty) * det;
return out;
}
/**
* Clone a new matrix.
* @param {Float32Array|Array.} a
*/
function clone$2(a) {
var b = create$1();
copy$1(b, a);
return b;
}
var matrix = (Object.freeze || Object)({
create: create$1,
identity: identity,
copy: copy$1,
mul: mul$1,
translate: translate,
rotate: rotate,
scale: scale$1,
invert: invert,
clone: clone$2
});
/**
* 提供变换扩展
* @module zrender/mixin/Transformable
* @author pissang (https://www.github.com/pissang)
*/
var mIdentity = identity;
var EPSILON = 5e-5;
function isNotAroundZero(val) {
return val > EPSILON || val < -EPSILON;
}
/**
* @alias module:zrender/mixin/Transformable
* @constructor
*/
var Transformable = function (opts) {
opts = opts || {};
// If there are no given position, rotation, scale
if (!opts.position) {
/**
* 平移
* @type {Array.}
* @default [0, 0]
*/
this.position = [0, 0];
}
if (opts.rotation == null) {
/**
* 旋转
* @type {Array.}
* @default 0
*/
this.rotation = 0;
}
if (!opts.scale) {
/**
* 缩放
* @type {Array.}
* @default [1, 1]
*/
this.scale = [1, 1];
}
/**
* 旋转和缩放的原点
* @type {Array.}
* @default null
*/
this.origin = this.origin || null;
};
var transformableProto = Transformable.prototype;
transformableProto.transform = null;
/**
* 判断是否需要有坐标变换
* 如果有坐标变换, 则从position, rotation, scale以及父节点的transform计算出自身的transform矩阵
*/
transformableProto.needLocalTransform = function () {
return isNotAroundZero(this.rotation)
|| isNotAroundZero(this.position[0])
|| isNotAroundZero(this.position[1])
|| isNotAroundZero(this.scale[0] - 1)
|| isNotAroundZero(this.scale[1] - 1);
};
var scaleTmp = [];
transformableProto.updateTransform = function () {
var parent = this.parent;
var parentHasTransform = parent && parent.transform;
var needLocalTransform = this.needLocalTransform();
var m = this.transform;
if (!(needLocalTransform || parentHasTransform)) {
m && mIdentity(m);
return;
}
m = m || create$1();
if (needLocalTransform) {
this.getLocalTransform(m);
}
else {
mIdentity(m);
}
// 应用父节点变换
if (parentHasTransform) {
if (needLocalTransform) {
mul$1(m, parent.transform, m);
}
else {
copy$1(m, parent.transform);
}
}
// 保存这个变换矩阵
this.transform = m;
var globalScaleRatio = this.globalScaleRatio;
if (globalScaleRatio != null && globalScaleRatio !== 1) {
this.getGlobalScale(scaleTmp);
var relX = scaleTmp[0] < 0 ? -1 : 1;
var relY = scaleTmp[1] < 0 ? -1 : 1;
var sx = ((scaleTmp[0] - relX) * globalScaleRatio + relX) / scaleTmp[0] || 0;
var sy = ((scaleTmp[1] - relY) * globalScaleRatio + relY) / scaleTmp[1] || 0;
m[0] *= sx;
m[1] *= sx;
m[2] *= sy;
m[3] *= sy;
}
this.invTransform = this.invTransform || create$1();
invert(this.invTransform, m);
};
transformableProto.getLocalTransform = function (m) {
return Transformable.getLocalTransform(this, m);
};
/**
* 将自己的transform应用到context上
* @param {CanvasRenderingContext2D} ctx
*/
transformableProto.setTransform = function (ctx) {
var m = this.transform;
var dpr = ctx.dpr || 1;
if (m) {
ctx.setTransform(dpr * m[0], dpr * m[1], dpr * m[2], dpr * m[3], dpr * m[4], dpr * m[5]);
}
else {
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
};
transformableProto.restoreTransform = function (ctx) {
var dpr = ctx.dpr || 1;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
};
var tmpTransform = [];
var originTransform = create$1();
transformableProto.setLocalTransform = function (m) {
if (!m) {
// TODO return or set identity?
return;
}
var sx = m[0] * m[0] + m[1] * m[1];
var sy = m[2] * m[2] + m[3] * m[3];
var position = this.position;
var scale$$1 = this.scale;
if (isNotAroundZero(sx - 1)) {
sx = Math.sqrt(sx);
}
if (isNotAroundZero(sy - 1)) {
sy = Math.sqrt(sy);
}
if (m[0] < 0) {
sx = -sx;
}
if (m[3] < 0) {
sy = -sy;
}
position[0] = m[4];
position[1] = m[5];
scale$$1[0] = sx;
scale$$1[1] = sy;
this.rotation = Math.atan2(-m[1] / sy, m[0] / sx);
};
/**
* 分解`transform`矩阵到`position`, `rotation`, `scale`
*/
transformableProto.decomposeTransform = function () {
if (!this.transform) {
return;
}
var parent = this.parent;
var m = this.transform;
if (parent && parent.transform) {
// Get local transform and decompose them to position, scale, rotation
mul$1(tmpTransform, parent.invTransform, m);
m = tmpTransform;
}
var origin = this.origin;
if (origin && (origin[0] || origin[1])) {
originTransform[4] = origin[0];
originTransform[5] = origin[1];
mul$1(tmpTransform, m, originTransform);
tmpTransform[4] -= origin[0];
tmpTransform[5] -= origin[1];
m = tmpTransform;
}
this.setLocalTransform(m);
};
/**
* Get global scale
* @return {Array.}
*/
transformableProto.getGlobalScale = function (out) {
var m = this.transform;
out = out || [];
if (!m) {
out[0] = 1;
out[1] = 1;
return out;
}
out[0] = Math.sqrt(m[0] * m[0] + m[1] * m[1]);
out[1] = Math.sqrt(m[2] * m[2] + m[3] * m[3]);
if (m[0] < 0) {
out[0] = -out[0];
}
if (m[3] < 0) {
out[1] = -out[1];
}
return out;
};
/**
* 变换坐标位置到 shape 的局部坐标空间
* @method
* @param {number} x
* @param {number} y
* @return {Array.}
*/
transformableProto.transformCoordToLocal = function (x, y) {
var v2 = [x, y];
var invTransform = this.invTransform;
if (invTransform) {
applyTransform(v2, v2, invTransform);
}
return v2;
};
/**
* 变换局部坐标位置到全局坐标空间
* @method
* @param {number} x
* @param {number} y
* @return {Array.}
*/
transformableProto.transformCoordToGlobal = function (x, y) {
var v2 = [x, y];
var transform = this.transform;
if (transform) {
applyTransform(v2, v2, transform);
}
return v2;
};
/**
* @static
* @param {Object} target
* @param {Array.} target.origin
* @param {number} target.rotation
* @param {Array.} target.position
* @param {Array.} [m]
*/
Transformable.getLocalTransform = function (target, m) {
m = m || [];
mIdentity(m);
var origin = target.origin;
var scale$$1 = target.scale || [1, 1];
var rotation = target.rotation || 0;
var position = target.position || [0, 0];
if (origin) {
// Translate to origin
m[4] -= origin[0];
m[5] -= origin[1];
}
scale$1(m, m, scale$$1);
if (rotation) {
rotate(m, m, rotation);
}
if (origin) {
// Translate back from origin
m[4] += origin[0];
m[5] += origin[1];
}
m[4] += position[0];
m[5] += position[1];
return m;
};
/**
* 缓动代码来自 https://github.com/sole/tween.js/blob/master/src/Tween.js
* @see http://sole.github.io/tween.js/examples/03_graphs.html
* @exports zrender/animation/easing
*/
var easing = {
/**
* @param {number} k
* @return {number}
*/
linear: function (k) {
return k;
},
/**
* @param {number} k
* @return {number}
*/
quadraticIn: function (k) {
return k * k;
},
/**
* @param {number} k
* @return {number}
*/
quadraticOut: function (k) {
return k * (2 - k);
},
/**
* @param {number} k
* @return {number}
*/
quadraticInOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k;
}
return -0.5 * (--k * (k - 2) - 1);
},
// 三次方的缓动（t^3）
/**
* @param {number} k
* @return {number}
*/
cubicIn: function (k) {
return k * k * k;
},
/**
* @param {number} k
* @return {number}
*/
cubicOut: function (k) {
return --k * k * k + 1;
},
/**
* @param {number} k
* @return {number}
*/
cubicInOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k;
}
return 0.5 * ((k -= 2) * k * k + 2);
},
// 四次方的缓动（t^4）
/**
* @param {number} k
* @return {number}
*/
quarticIn: function (k) {
return k * k * k * k;
},
/**
* @param {number} k
* @return {number}
*/
quarticOut: function (k) {
return 1 - (--k * k * k * k);
},
/**
* @param {number} k
* @return {number}
*/
quarticInOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k * k;
}
return -0.5 * ((k -= 2) * k * k * k - 2);
},
// 五次方的缓动（t^5）
/**
* @param {number} k
* @return {number}
*/
quinticIn: function (k) {
return k * k * k * k * k;
},
/**
* @param {number} k
* @return {number}
*/
quinticOut: function (k) {
return --k * k * k * k * k + 1;
},
/**
* @param {number} k
* @return {number}
*/
quinticInOut: function (k) {
if ((k *= 2) < 1) {
return 0.5 * k * k * k * k * k;
}
return 0.5 * ((k -= 2) * k * k * k * k + 2);
},
// 正弦曲线的缓动（sin(t)）
/**
* @param {number} k
* @return {number}
*/
sinusoidalIn: function (k) {
return 1 - Math.cos(k * Math.PI / 2);
},
/**
* @param {number} k
* @return {number}
*/
sinusoidalOut: function (k) {
return Math.sin(k * Math.PI / 2);
},
/**
* @param {number} k
* @return {number}
*/
sinusoidalInOut: function (k) {
return 0.5 * (1 - Math.cos(Math.PI * k));
},
// 指数曲线的缓动（2^t）
/**
* @param {number} k
* @return {number}
*/
exponentialIn: function (k) {
return k === 0 ? 0 : Math.pow(1024, k - 1);
},
/**
* @param {number} k
* @return {number}
*/
exponentialOut: function (k) {
return k === 1 ? 1 : 1 - Math.pow(2, -10 * k);
},
/**
* @param {number} k
* @return {number}
*/
exponentialInOut: function (k) {
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
if ((k *= 2) < 1) {
return 0.5 * Math.pow(1024, k - 1);
}
return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2);
},
// 圆形曲线的缓动（sqrt(1-t^2)）
/**
* @param {number} k
* @return {number}
*/
circularIn: function (k) {
return 1 - Math.sqrt(1 - k * k);
},
/**
* @param {number} k
* @return {number}
*/
circularOut: function (k) {
return Math.sqrt(1 - (--k * k));
},
/**
* @param {number} k
* @return {number}
*/
circularInOut: function (k) {
if ((k *= 2) < 1) {
return -0.5 * (Math.sqrt(1 - k * k) - 1);
}
return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
},
// 创建类似于弹簧在停止前来回振荡的动画
/**
* @param {number} k
* @return {number}
*/
elasticIn: function (k) {
var s;
var a = 0.1;
var p = 0.4;
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
if (!a || a < 1) {
a = 1;
s = p / 4;
}
else {
s = p * Math.asin(1 / a) / (2 * Math.PI);
}
return -(a * Math.pow(2, 10 * (k -= 1))
* Math.sin((k - s) * (2 * Math.PI) / p));
},
/**
* @param {number} k
* @return {number}
*/
elasticOut: function (k) {
var s;
var a = 0.1;
var p = 0.4;
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
if (!a || a < 1) {
a = 1;
s = p / 4;
}
else {
s = p * Math.asin(1 / a) / (2 * Math.PI);
}
return (a * Math.pow(2, -10 * k)
* Math.sin((k - s) * (2 * Math.PI) / p) + 1);
},
/**
* @param {number} k
* @return {number}
*/
elasticInOut: function (k) {
var s;
var a = 0.1;
var p = 0.4;
if (k === 0) {
return 0;
}
if (k === 1) {
return 1;
}
if (!a || a < 1) {
a = 1;
s = p / 4;
}
else {
s = p * Math.asin(1 / a) / (2 * Math.PI);
}
if ((k *= 2) < 1) {
return -0.5 * (a * Math.pow(2, 10 * (k -= 1))
* Math.sin((k - s) * (2 * Math.PI) / p));
}
return a * Math.pow(2, -10 * (k -= 1))
* Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1;
},
// 在某一动画开始沿指示的路径进行动画处理前稍稍收回该动画的移动
/**
* @param {number} k
* @return {number}
*/
backIn: function (k) {
var s = 1.70158;
return k * k * ((s + 1) * k - s);
},
/**
* @param {number} k
* @return {number}
*/
backOut: function (k) {
var s = 1.70158;
return --k * k * ((s + 1) * k + s) + 1;
},
/**
* @param {number} k
* @return {number}
*/
backInOut: function (k) {
var s = 1.70158 * 1.525;
if ((k *= 2) < 1) {
return 0.5 * (k * k * ((s + 1) * k - s));
}
return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
},
// 创建弹跳效果
/**
* @param {number} k
* @return {number}
*/
bounceIn: function (k) {
return 1 - easing.bounceOut(1 - k);
},
/**
* @param {number} k
* @return {number}
*/
bounceOut: function (k) {
if (k < (1 / 2.75)) {
return 7.5625 * k * k;
}
else if (k < (2 / 2.75)) {
return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
}
else if (k < (2.5 / 2.75)) {
return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
}
else {
return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
}
},
/**
* @param {number} k
* @return {number}
*/
bounceInOut: function (k) {
if (k < 0.5) {
return easing.bounceIn(k * 2) * 0.5;
}
return easing.bounceOut(k * 2 - 1) * 0.5 + 0.5;
}
};
/**
* 动画主控制器
* @config target 动画对象，可以是数组，如果是数组的话会批量分发onframe等事件
* @config life(1000) 动画时长
* @config delay(0) 动画延迟时间
* @config loop(true)
* @config gap(0) 循环的间隔时间
* @config onframe
* @config easing(optional)
* @config ondestroy(optional)
* @config onrestart(optional)
*
* TODO pause
*/
function Clip(options) {
this._target = options.target;
// 生命周期
this._life = options.life || 1000;
// 延时
this._delay = options.delay || 0;
// 开始时间
// this._startTime = new Date().getTime() + this._delay;// 单位毫秒
this._initialized = false;
// 是否循环
this.loop = options.loop == null ? false : options.loop;
this.gap = options.gap || 0;
this.easing = options.easing || 'Linear';
this.onframe = options.onframe;
this.ondestroy = options.ondestroy;
this.onrestart = options.onrestart;
this._pausedTime = 0;
this._paused = false;
}
Clip.prototype = {
constructor: Clip,
step: function (globalTime, deltaTime) {
// Set startTime on first step, or _startTime may has milleseconds different between clips
// PENDING
if (!this._initialized) {
this._startTime = globalTime + this._delay;
this._initialized = true;
}
if (this._paused) {
this._pausedTime += deltaTime;
return;
}
var percent = (globalTime - this._startTime - this._pausedTime) / this._life;
// 还没开始
if (percent < 0) {
return;
}
percent = Math.min(percent, 1);
var easing$$1 = this.easing;
var easingFunc = typeof easing$$1 === 'string' ? easing[easing$$1] : easing$$1;
var schedule = typeof easingFunc === 'function'
? easingFunc(percent)
: percent;
this.fire('frame', schedule);
// 结束
if (percent === 1) {
if (this.loop) {
this.restart(globalTime);
// 重新开始周期
// 抛出而不是直接调用事件直到 stage.update 后再统一调用这些事件
return 'restart';
}
// 动画完成将这个控制器标识为待删除
// 在Animation.update中进行批量删除
this._needsRemove = true;
return 'destroy';
}
return null;
},
restart: function (globalTime) {
var remainder = (globalTime - this._startTime - this._pausedTime) % this._life;
this._startTime = globalTime - remainder + this.gap;
this._pausedTime = 0;
this._needsRemove = false;
},
fire: function (eventType, arg) {
eventType = 'on' + eventType;
if (this[eventType]) {
this[eventType](this._target, arg);
}
},
pause: function () {
this._paused = true;
},
resume: function () {
this._paused = false;
}
};
// Simple LRU cache use doubly linked list
// @module zrender/core/LRU
/**
* Simple double linked list. Compared with array, it has O(1) remove operation.
* @constructor
*/
var LinkedList = function () {
/**
* @type {module:zrender/core/LRU~Entry}
*/
this.head = null;
/**
* @type {module:zrender/core/LRU~Entry}
*/
this.tail = null;
this._len = 0;
};
var linkedListProto = LinkedList.prototype;
/**
* Insert a new value at the tail
* @param {} val
* @return {module:zrender/core/LRU~Entry}
*/
linkedListProto.insert = function (val) {
var entry = new Entry(val);
this.insertEntry(entry);
return entry;
};
/**
* Insert an entry at the tail
* @param {module:zrender/core/LRU~Entry} entry
*/
linkedListProto.insertEntry = function (entry) {
if (!this.head) {
this.head = this.tail = entry;
}
else {
this.tail.next = entry;
entry.prev = this.tail;
entry.next = null;
this.tail = entry;
}
this._len++;
};
/**
* Remove entry.
* @param {module:zrender/core/LRU~Entry} entry
*/
linkedListProto.remove = function (entry) {
var prev = entry.prev;
var next = entry.next;
if (prev) {
prev.next = next;
}
else {
// Is head
this.head = next;
}
if (next) {
next.prev = prev;
}
else {
// Is tail
this.tail = prev;
}
entry.next = entry.prev = null;
this._len--;
};
/**
* @return {number}
*/
linkedListProto.len = function () {
return this._len;
};
/**
* Clear list
*/
linkedListProto.clear = function () {
this.head = this.tail = null;
this._len = 0;
};
/**
* @constructor
* @param {} val
*/
var Entry = function (val) {
/**
* @type {}
*/
this.value = val;
/**
* @type {module:zrender/core/LRU~Entry}
*/
this.next;
/**
* @type {module:zrender/core/LRU~Entry}
*/
this.prev;
};
/**
* LRU Cache
* @constructor
* @alias module:zrender/core/LRU
*/
var LRU = function (maxSize) {
this._list = new LinkedList();
this._map = {};
this._maxSize = maxSize || 10;
this._lastRemovedEntry = null;
};
var LRUProto = LRU.prototype;
/**
* @param {string} key
* @param {} value
* @return {} Removed value
*/
LRUProto.put = function (key, value) {
var list = this._list;
var map = this._map;
var removed = null;
if (map[key] == null) {
var len = list.len();
// Reuse last removed entry
var entry = this._lastRemovedEntry;
if (len >= this._maxSize && len > 0) {
// Remove the least recently used
var leastUsedEntry = list.head;
list.remove(leastUsedEntry);
delete map[leastUsedEntry.key];
removed = leastUsedEntry.value;
this._lastRemovedEntry = leastUsedEntry;
}
if (entry) {
entry.value = value;
}
else {
entry = new Entry(value);
}
entry.key = key;
list.insertEntry(entry);
map[key] = entry;
}
return removed;
};
/**
* @param {string} key
* @return {}
*/
LRUProto.get = function (key) {
var entry = this._map[key];
var list = this._list;
if (entry != null) {
// Put the latest used entry in the tail
if (entry !== list.tail) {
list.remove(entry);
list.insertEntry(entry);
}
return entry.value;
}
};
/**
* Clear the cache
*/
LRUProto.clear = function () {
this._list.clear();
this._map = {};
};
var kCSSColorTable = {
'transparent': [0, 0, 0, 0], 'aliceblue': [240, 248, 255, 1],
'antiquewhite': [250, 235, 215, 1], 'aqua': [0, 255, 255, 1],
'aquamarine': [127, 255, 212, 1], 'azure': [240, 255, 255, 1],
'beige': [245, 245, 220, 1], 'bisque': [255, 228, 196, 1],
'black': [0, 0, 0, 1], 'blanchedalmond': [255, 235, 205, 1],
'blue': [0, 0, 255, 1], 'blueviolet': [138, 43, 226, 1],
'brown': [165, 42, 42, 1], 'burlywood': [222, 184, 135, 1],
'cadetblue': [95, 158, 160, 1], 'chartreuse': [127, 255, 0, 1],
'chocolate': [210, 105, 30, 1], 'coral': [255, 127, 80, 1],
'cornflowerblue': [100, 149, 237, 1], 'cornsilk': [255, 248, 220, 1],
'crimson': [220, 20, 60, 1], 'cyan': [0, 255, 255, 1],
'darkblue': [0, 0, 139, 1], 'darkcyan': [0, 139, 139, 1],
'darkgoldenrod': [184, 134, 11, 1], 'darkgray': [169, 169, 169, 1],
'darkgreen': [0, 100, 0, 1], 'darkgrey': [169, 169, 169, 1],
'darkkhaki': [189, 183, 107, 1], 'darkmagenta': [139, 0, 139, 1],
'darkolivegreen': [85, 107, 47, 1], 'darkorange': [255, 140, 0, 1],
'darkorchid': [153, 50, 204, 1], 'darkred': [139, 0, 0, 1],
'darksalmon': [233, 150, 122, 1], 'darkseagreen': [143, 188, 143, 1],
'darkslateblue': [72, 61, 139, 1], 'darkslategray': [47, 79, 79, 1],
'darkslategrey': [47, 79, 79, 1], 'darkturquoise': [0, 206, 209, 1],
'darkviolet': [148, 0, 211, 1], 'deeppink': [255, 20, 147, 1],
'deepskyblue': [0, 191, 255, 1], 'dimgray': [105, 105, 105, 1],
'dimgrey': [105, 105, 105, 1], 'dodgerblue': [30, 144, 255, 1],
'firebrick': [178, 34, 34, 1], 'floralwhite': [255, 250, 240, 1],
'forestgreen': [34, 139, 34, 1], 'fuchsia': [255, 0, 255, 1],
'gainsboro': [220, 220, 220, 1], 'ghostwhite': [248, 248, 255, 1],
'gold': [255, 215, 0, 1], 'goldenrod': [218, 165, 32, 1],
'gray': [128, 128, 128, 1], 'green': [0, 128, 0, 1],
'greenyellow': [173, 255, 47, 1], 'grey': [128, 128, 128, 1],
'honeydew': [240, 255, 240, 1], 'hotpink': [255, 105, 180, 1],
'indianred': [205, 92, 92, 1], 'indigo': [75, 0, 130, 1],
'ivory': [255, 255, 240, 1], 'khaki': [240, 230, 140, 1],
'lavender': [230, 230, 250, 1], 'lavenderblush': [255, 240, 245, 1],
'lawngreen': [124, 252, 0, 1], 'lemonchiffon': [255, 250, 205, 1],
'lightblue': [173, 216, 230, 1], 'lightcoral': [240, 128, 128, 1],
'lightcyan': [224, 255, 255, 1], 'lightgoldenrodyellow': [250, 250, 210, 1],
'lightgray': [211, 211, 211, 1], 'lightgreen': [144, 238, 144, 1],
'lightgrey': [211, 211, 211, 1], 'lightpink': [255, 182, 193, 1],
'lightsalmon': [255, 160, 122, 1], 'lightseagreen': [32, 178, 170, 1],
'lightskyblue': [135, 206, 250, 1], 'lightslategray': [119, 136, 153, 1],
'lightslategrey': [119, 136, 153, 1], 'lightsteelblue': [176, 196, 222, 1],
'lightyellow': [255, 255, 224, 1], 'lime': [0, 255, 0, 1],
'limegreen': [50, 205, 50, 1], 'linen': [250, 240, 230, 1],
'magenta': [255, 0, 255, 1], 'maroon': [128, 0, 0, 1],
'mediumaquamarine': [102, 205, 170, 1], 'mediumblue': [0, 0, 205, 1],
'mediumorchid': [186, 85, 211, 1], 'mediumpurple': [147, 112, 219, 1],
'mediumseagreen': [60, 179, 113, 1], 'mediumslateblue': [123, 104, 238, 1],
'mediumspringgreen': [0, 250, 154, 1], 'mediumturquoise': [72, 209, 204, 1],
'mediumvioletred': [199, 21, 133, 1], 'midnightblue': [25, 25, 112, 1],
'mintcream': [245, 255, 250, 1], 'mistyrose': [255, 228, 225, 1],
'moccasin': [255, 228, 181, 1], 'navajowhite': [255, 222, 173, 1],
'navy': [0, 0, 128, 1], 'oldlace': [253, 245, 230, 1],
'olive': [128, 128, 0, 1], 'olivedrab': [107, 142, 35, 1],
'orange': [255, 165, 0, 1], 'orangered': [255, 69, 0, 1],
'orchid': [218, 112, 214, 1], 'palegoldenrod': [238, 232, 170, 1],
'palegreen': [152, 251, 152, 1], 'paleturquoise': [175, 238, 238, 1],
'palevioletred': [219, 112, 147, 1], 'papayawhip': [255, 239, 213, 1],
'peachpuff': [255, 218, 185, 1], 'peru': [205, 133, 63, 1],
'pink': [255, 192, 203, 1], 'plum': [221, 160, 221, 1],
'powderblue': [176, 224, 230, 1], 'purple': [128, 0, 128, 1],
'red': [255, 0, 0, 1], 'rosybrown': [188, 143, 143, 1],
'royalblue': [65, 105, 225, 1], 'saddlebrown': [139, 69, 19, 1],
'salmon': [250, 128, 114, 1], 'sandybrown': [244, 164, 96, 1],
'seagreen': [46, 139, 87, 1], 'seashell': [255, 245, 238, 1],
'sienna': [160, 82, 45, 1], 'silver': [192, 192, 192, 1],
'skyblue': [135, 206, 235, 1], 'slateblue': [106, 90, 205, 1],
'slategray': [112, 128, 144, 1], 'slategrey': [112, 128, 144, 1],
'snow': [255, 250, 250, 1], 'springgreen': [0, 255, 127, 1],
'steelblue': [70, 130, 180, 1], 'tan': [210, 180, 140, 1],
'teal': [0, 128, 128, 1], 'thistle': [216, 191, 216, 1],
'tomato': [255, 99, 71, 1], 'turquoise': [64, 224, 208, 1],
'violet': [238, 130, 238, 1], 'wheat': [245, 222, 179, 1],
'white': [255, 255, 255, 1], 'whitesmoke': [245, 245, 245, 1],
'yellow': [255, 255, 0, 1], 'yellowgreen': [154, 205, 50, 1]
};
function clampCssByte(i) { // Clamp to integer 0 .. 255.
i = Math.round(i); // Seems to be what Chrome does (vs truncation).
return i < 0 ? 0 : i > 255 ? 255 : i;
}
function clampCssAngle(i) { // Clamp to integer 0 .. 360.
i = Math.round(i); // Seems to be what Chrome does (vs truncation).
return i < 0 ? 0 : i > 360 ? 360 : i;
}
function clampCssFloat(f) { // Clamp to float 0.0 .. 1.0.
return f < 0 ? 0 : f > 1 ? 1 : f;
}
function parseCssInt(str) { // int or percentage.
if (str.length && str.charAt(str.length - 1) === '%') {
return clampCssByte(parseFloat(str) / 100 * 255);
}
return clampCssByte(parseInt(str, 10));
}
function parseCssFloat(str) { // float or percentage.
if (str.length && str.charAt(str.length - 1) === '%') {
return clampCssFloat(parseFloat(str) / 100);
}
return clampCssFloat(parseFloat(str));
}
function cssHueToRgb(m1, m2, h) {
if (h < 0) {
h += 1;
}
else if (h > 1) {
h -= 1;
}
if (h * 6 < 1) {
return m1 + (m2 - m1) * h * 6;
}
if (h * 2 < 1) {
return m2;
}
if (h * 3 < 2) {
return m1 + (m2 - m1) * (2 / 3 - h) * 6;
}
return m1;
}
function lerpNumber(a, b, p) {
return a + (b - a) * p;
}
function setRgba(out, r, g, b, a) {
out[0] = r; out[1] = g; out[2] = b; out[3] = a;
return out;
}
function copyRgba(out, a) {
out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3];
return out;
}
var colorCache = new LRU(20);
var lastRemovedArr = null;
function putToCache(colorStr, rgbaArr) {
// Reuse removed array
if (lastRemovedArr) {
copyRgba(lastRemovedArr, rgbaArr);
}
lastRemovedArr = colorCache.put(colorStr, lastRemovedArr || (rgbaArr.slice()));
}
/**
* @param {string} colorStr
* @param {Array.} out
* @return {Array.}
* @memberOf module:zrender/util/color
*/
function parse(colorStr, rgbaArr) {
if (!colorStr) {
return;
}
rgbaArr = rgbaArr || [];
var cached = colorCache.get(colorStr);
if (cached) {
return copyRgba(rgbaArr, cached);
}
// colorStr may be not string
colorStr = colorStr + '';
// Remove all whitespace, not compliant, but should just be more accepting.
var str = colorStr.replace(/ /g, '').toLowerCase();
// Color keywords (and transparent) lookup.
if (str in kCSSColorTable) {
copyRgba(rgbaArr, kCSSColorTable[str]);
putToCache(colorStr, rgbaArr);
return rgbaArr;
}
// #abc and #abc123 syntax.
if (str.charAt(0) === '#') {
if (str.length === 4) {
var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.
if (!(iv >= 0 && iv <= 0xfff)) {
setRgba(rgbaArr, 0, 0, 0, 1);
return; // Covers NaN.
}
setRgba(rgbaArr,
((iv & 0xf00) >> 4) | ((iv & 0xf00) >> 8),
(iv & 0xf0) | ((iv & 0xf0) >> 4),
(iv & 0xf) | ((iv & 0xf) << 4),
1
);
putToCache(colorStr, rgbaArr);
return rgbaArr;
}
else if (str.length === 7) {
var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.
if (!(iv >= 0 && iv <= 0xffffff)) {
setRgba(rgbaArr, 0, 0, 0, 1);
return; // Covers NaN.
}
setRgba(rgbaArr,
(iv & 0xff0000) >> 16,
(iv & 0xff00) >> 8,
iv & 0xff,
1
);
putToCache(colorStr, rgbaArr);
return rgbaArr;
}
return;
}
var op = str.indexOf('(');
var ep = str.indexOf(')');
if (op !== -1 && ep + 1 === str.length) {
var fname = str.substr(0, op);
var params = str.substr(op + 1, ep - (op + 1)).split(',');
var alpha = 1; // To allow case fallthrough.
switch (fname) {
case 'rgba':
if (params.length !== 4) {
setRgba(rgbaArr, 0, 0, 0, 1);
return;
}
alpha = parseCssFloat(params.pop()); // jshint ignore:line
// Fall through.
case 'rgb':
if (params.length !== 3) {
setRgba(rgbaArr, 0, 0, 0, 1);
return;
}
setRgba(rgbaArr,
parseCssInt(params[0]),
parseCssInt(params[1]),
parseCssInt(params[2]),
alpha
);
putToCache(colorStr, rgbaArr);
return rgbaArr;
case 'hsla':
if (params.length !== 4) {
setRgba(rgbaArr, 0, 0, 0, 1);
return;
}
params[3] = parseCssFloat(params[3]);
hsla2rgba(params, rgbaArr);
putToCache(colorStr, rgbaArr);
return rgbaArr;
case 'hsl':
if (params.length !== 3) {
setRgba(rgbaArr, 0, 0, 0, 1);
return;
}
hsla2rgba(params, rgbaArr);
putToCache(colorStr, rgbaArr);
return rgbaArr;
default:
return;
}
}
setRgba(rgbaArr, 0, 0, 0, 1);
return;
}
/**
* @param {Array.} hsla
* @param {Array.} rgba
* @return {Array.} rgba
*/
function hsla2rgba(hsla, rgba) {
var h = (((parseFloat(hsla[0]) % 360) + 360) % 360) / 360; // 0 .. 1
// NOTE(deanm): According to the CSS spec s/l should only be
// percentages, but we don't bother and let float or percentage.
var s = parseCssFloat(hsla[1]);
var l = parseCssFloat(hsla[2]);
var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
var m1 = l * 2 - m2;
rgba = rgba || [];
setRgba(rgba,
clampCssByte(cssHueToRgb(m1, m2, h + 1 / 3) * 255),
clampCssByte(cssHueToRgb(m1, m2, h) * 255),
clampCssByte(cssHueToRgb(m1, m2, h - 1 / 3) * 255),
1
);
if (hsla.length === 4) {
rgba[3] = hsla[3];
}
return rgba;
}
/**
* @param {Array.} rgba
* @return {Array.} hsla
*/
function rgba2hsla(rgba) {
if (!rgba) {
return;
}
// RGB from 0 to 255
var R = rgba[0] / 255;
var G = rgba[1] / 255;
var B = rgba[2] / 255;
var vMin = Math.min(R, G, B); // Min. value of RGB
var vMax = Math.max(R, G, B); // Max. value of RGB
var delta = vMax - vMin; // Delta RGB value
var L = (vMax + vMin) / 2;
var H;
var S;
// HSL results from 0 to 1
if (delta === 0) {
H = 0;
S = 0;
}
else {
if (L < 0.5) {
S = delta / (vMax + vMin);
}
else {
S = delta / (2 - vMax - vMin);
}
var deltaR = (((vMax - R) / 6) + (delta / 2)) / delta;
var deltaG = (((vMax - G) / 6) + (delta / 2)) / delta;
var deltaB = (((vMax - B) / 6) + (delta / 2)) / delta;
if (R === vMax) {
H = deltaB - deltaG;
}
else if (G === vMax) {
H = (1 / 3) + deltaR - deltaB;
}
else if (B === vMax) {
H = (2 / 3) + deltaG - deltaR;
}
if (H < 0) {
H += 1;
}
if (H > 1) {
H -= 1;
}
}
var hsla = [H * 360, S, L];
if (rgba[3] != null) {
hsla.push(rgba[3]);
}
return hsla;
}
/**
* @param {string} color
* @param {number} level
* @return {string}
* @memberOf module:zrender/util/color
*/
function lift(color, level) {
var colorArr = parse(color);
if (colorArr) {
for (var i = 0; i < 3; i++) {
if (level < 0) {
colorArr[i] = colorArr[i] * (1 - level) | 0;
}
else {
colorArr[i] = ((255 - colorArr[i]) * level + colorArr[i]) | 0;
}
if (colorArr[i] > 255) {
colorArr[i] = 255;
}
else if (color[i] < 0) {
colorArr[i] = 0;
}
}
return stringify(colorArr, colorArr.length === 4 ? 'rgba' : 'rgb');
}
}
/**
* @param {string} color
* @return {string}
* @memberOf module:zrender/util/color
*/
function toHex(color) {
var colorArr = parse(color);
if (colorArr) {
return ((1 << 24) + (colorArr[0] << 16) + (colorArr[1] << 8) + (+colorArr[2])).toString(16).slice(1);
}
}
/**
* Map value to color. Faster than lerp methods because color is represented by rgba array.
* @param {number} normalizedValue A float between 0 and 1.
* @param {Array.>} colors List of rgba color array
* @param {Array.} [out] Mapped gba color array
* @return {Array.} will be null/undefined if input illegal.
*/
function fastLerp(normalizedValue, colors, out) {
if (!(colors && colors.length)
|| !(normalizedValue >= 0 && normalizedValue <= 1)
) {
return;
}
out = out || [];
var value = normalizedValue * (colors.length - 1);
var leftIndex = Math.floor(value);
var rightIndex = Math.ceil(value);
var leftColor = colors[leftIndex];
var rightColor = colors[rightIndex];
var dv = value - leftIndex;
out[0] = clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv));
out[1] = clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv));
out[2] = clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv));
out[3] = clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv));
return out;
}
/**
* @deprecated
*/
var fastMapToColor = fastLerp;
/**
* @param {number} normalizedValue A float between 0 and 1.
* @param {Array.} colors Color list.
* @param {boolean=} fullOutput Default false.
* @return {(string|Object)} Result color. If fullOutput,
* return {color: ..., leftIndex: ..., rightIndex: ..., value: ...},
* @memberOf module:zrender/util/color
*/
function lerp$1(normalizedValue, colors, fullOutput) {
if (!(colors && colors.length)
|| !(normalizedValue >= 0 && normalizedValue <= 1)
) {
return;
}
var value = normalizedValue * (colors.length - 1);
var leftIndex = Math.floor(value);
var rightIndex = Math.ceil(value);
var leftColor = parse(colors[leftIndex]);
var rightColor = parse(colors[rightIndex]);
var dv = value - leftIndex;
var color = stringify(
[
clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)),
clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)),
clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)),
clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv))
],
'rgba'
);
return fullOutput
? {
color: color,
leftIndex: leftIndex,
rightIndex: rightIndex,
value: value
}
: color;
}
/**
* @deprecated
*/
var mapToColor = lerp$1;
/**
* @param {string} color
* @param {number=} h 0 ~ 360, ignore when null.
* @param {number=} s 0 ~ 1, ignore when null.
* @param {number=} l 0 ~ 1, ignore when null.
* @return {string} Color string in rgba format.
* @memberOf module:zrender/util/color
*/
function modifyHSL(color, h, s, l) {
color = parse(color);
if (color) {
color = rgba2hsla(color);
h != null && (color[0] = clampCssAngle(h));
s != null && (color[1] = parseCssFloat(s));
l != null && (color[2] = parseCssFloat(l));
return stringify(hsla2rgba(color), 'rgba');
}
}
/**
* @param {string} color
* @param {number=} alpha 0 ~ 1
* @return {string} Color string in rgba format.
* @memberOf module:zrender/util/color
*/
function modifyAlpha(color, alpha) {
color = parse(color);
if (color && alpha != null) {
color[3] = clampCssFloat(alpha);
return stringify(color, 'rgba');
}
}
/**
* @param {Array.} arrColor like [12,33,44,0.4]
* @param {string} type 'rgba', 'hsva', ...
* @return {string} Result color. (If input illegal, return undefined).
*/
function stringify(arrColor, type) {
if (!arrColor || !arrColor.length) {
return;
}
var colorStr = arrColor[0] + ',' + arrColor[1] + ',' + arrColor[2];
if (type === 'rgba' || type === 'hsva' || type === 'hsla') {
colorStr += ',' + arrColor[3];
}
return type + '(' + colorStr + ')';
}
var color = (Object.freeze || Object)({
parse: parse,
lift: lift,
toHex: toHex,
fastLerp: fastLerp,
fastMapToColor: fastMapToColor,
lerp: lerp$1,
mapToColor: mapToColor,
modifyHSL: modifyHSL,
modifyAlpha: modifyAlpha,
stringify: stringify
});
/**
* @module echarts/animation/Animator
*/
var arraySlice = Array.prototype.slice;
function defaultGetter(target, key) {
return target[key];
}
function defaultSetter(target, key, value) {
target[key] = value;
}
/**
* @param {number} p0
* @param {number} p1
* @param {number} percent
* @return {number}
*/
function interpolateNumber(p0, p1, percent) {
return (p1 - p0) * percent + p0;
}
/**
* @param {string} p0
* @param {string} p1
* @param {number} percent
* @return {string}
*/
function interpolateString(p0, p1, percent) {
return percent > 0.5 ? p1 : p0;
}
/**
* @param {Array} p0
* @param {Array} p1
* @param {number} percent
* @param {Array} out
* @param {number} arrDim
*/
function interpolateArray(p0, p1, percent, out, arrDim) {
var len = p0.length;
if (arrDim === 1) {
for (var i = 0; i < len; i++) {
out[i] = interpolateNumber(p0[i], p1[i], percent);
}
}
else {
var len2 = len && p0[0].length;
for (var i = 0; i < len; i++) {
for (var j = 0; j < len2; j++) {
out[i][j] = interpolateNumber(
p0[i][j], p1[i][j], percent
);
}
}
}
}
// arr0 is source array, arr1 is target array.
// Do some preprocess to avoid error happened when interpolating from arr0 to arr1
function fillArr(arr0, arr1, arrDim) {
var arr0Len = arr0.length;
var arr1Len = arr1.length;
if (arr0Len !== arr1Len) {
// FIXME Not work for TypedArray
var isPreviousLarger = arr0Len > arr1Len;
if (isPreviousLarger) {
// Cut the previous
arr0.length = arr1Len;
}
else {
// Fill the previous
for (var i = arr0Len; i < arr1Len; i++) {
arr0.push(
arrDim === 1 ? arr1[i] : arraySlice.call(arr1[i])
);
}
}
}
// Handling NaN value
var len2 = arr0[0] && arr0[0].length;
for (var i = 0; i < arr0.length; i++) {
if (arrDim === 1) {
if (isNaN(arr0[i])) {
arr0[i] = arr1[i];
}
}
else {
for (var j = 0; j < len2; j++) {
if (isNaN(arr0[i][j])) {
arr0[i][j] = arr1[i][j];
}
}
}
}
}
/**
* @param {Array} arr0
* @param {Array} arr1
* @param {number} arrDim
* @return {boolean}
*/
function isArraySame(arr0, arr1, arrDim) {
if (arr0 === arr1) {
return true;
}
var len = arr0.length;
if (len !== arr1.length) {
return false;
}
if (arrDim === 1) {
for (var i = 0; i < len; i++) {
if (arr0[i] !== arr1[i]) {
return false;
}
}
}
else {
var len2 = arr0[0].length;
for (var i = 0; i < len; i++) {
for (var j = 0; j < len2; j++) {
if (arr0[i][j] !== arr1[i][j]) {
return false;
}
}
}
}
return true;
}
/**
* Catmull Rom interpolate array
* @param {Array} p0
* @param {Array} p1
* @param {Array} p2
* @param {Array} p3
* @param {number} t
* @param {number} t2
* @param {number} t3
* @param {Array} out
* @param {number} arrDim
*/
function catmullRomInterpolateArray(
p0, p1, p2, p3, t, t2, t3, out, arrDim
) {
var len = p0.length;
if (arrDim === 1) {
for (var i = 0; i < len; i++) {
out[i] = catmullRomInterpolate(
p0[i], p1[i], p2[i], p3[i], t, t2, t3
);
}
}
else {
var len2 = p0[0].length;
for (var i = 0; i < len; i++) {
for (var j = 0; j < len2; j++) {
out[i][j] = catmullRomInterpolate(
p0[i][j], p1[i][j], p2[i][j], p3[i][j],
t, t2, t3
);
}
}
}
}
/**
* Catmull Rom interpolate number
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {number} t
* @param {number} t2
* @param {number} t3
* @return {number}
*/
function catmullRomInterpolate(p0, p1, p2, p3, t, t2, t3) {
var v0 = (p2 - p0) * 0.5;
var v1 = (p3 - p1) * 0.5;
return (2 * (p1 - p2) + v0 + v1) * t3
+ (-3 * (p1 - p2) - 2 * v0 - v1) * t2
+ v0 * t + p1;
}
function cloneValue(value) {
if (isArrayLike(value)) {
var len = value.length;
if (isArrayLike(value[0])) {
var ret = [];
for (var i = 0; i < len; i++) {
ret.push(arraySlice.call(value[i]));
}
return ret;
}
return arraySlice.call(value);
}
return value;
}
function rgba2String(rgba) {
rgba[0] = Math.floor(rgba[0]);
rgba[1] = Math.floor(rgba[1]);
rgba[2] = Math.floor(rgba[2]);
return 'rgba(' + rgba.join(',') + ')';
}
function getArrayDim(keyframes) {
var lastValue = keyframes[keyframes.length - 1].value;
return isArrayLike(lastValue && lastValue[0]) ? 2 : 1;
}
function createTrackClip(animator, easing, oneTrackDone, keyframes, propName, forceAnimate) {
var getter = animator._getter;
var setter = animator._setter;
var useSpline = easing === 'spline';
var trackLen = keyframes.length;
if (!trackLen) {
return;
}
// Guess data type
var firstVal = keyframes[0].value;
var isValueArray = isArrayLike(firstVal);
var isValueColor = false;
var isValueString = false;
// For vertices morphing
var arrDim = isValueArray ? getArrayDim(keyframes) : 0;
var trackMaxTime;
// Sort keyframe as ascending
keyframes.sort(function (a, b) {
return a.time - b.time;
});
trackMaxTime = keyframes[trackLen - 1].time;
// Percents of each keyframe
var kfPercents = [];
// Value of each keyframe
var kfValues = [];
var prevValue = keyframes[0].value;
var isAllValueEqual = true;
for (var i = 0; i < trackLen; i++) {
kfPercents.push(keyframes[i].time / trackMaxTime);
// Assume value is a color when it is a string
var value = keyframes[i].value;
// Check if value is equal, deep check if value is array
if (!((isValueArray && isArraySame(value, prevValue, arrDim))
|| (!isValueArray && value === prevValue))) {
isAllValueEqual = false;
}
prevValue = value;
// Try converting a string to a color array
if (typeof value === 'string') {
var colorArray = parse(value);
if (colorArray) {
value = colorArray;
isValueColor = true;
}
else {
isValueString = true;
}
}
kfValues.push(value);
}
if (!forceAnimate && isAllValueEqual) {
return;
}
var lastValue = kfValues[trackLen - 1];
// Polyfill array and NaN value
for (var i = 0; i < trackLen - 1; i++) {
if (isValueArray) {
fillArr(kfValues[i], lastValue, arrDim);
}
else {
if (isNaN(kfValues[i]) && !isNaN(lastValue) && !isValueString && !isValueColor) {
kfValues[i] = lastValue;
}
}
}
isValueArray && fillArr(getter(animator._target, propName), lastValue, arrDim);
// Cache the key of last frame to speed up when
// animation playback is sequency
var lastFrame = 0;
var lastFramePercent = 0;
var start;
var w;
var p0;
var p1;
var p2;
var p3;
if (isValueColor) {
var rgba = [0, 0, 0, 0];
}
var onframe = function (target, percent) {
// Find the range keyframes
// kf1-----kf2---------current--------kf3
// find kf2 and kf3 and do interpolation
var frame;
// In the easing function like elasticOut, percent may less than 0
if (percent < 0) {
frame = 0;
}
else if (percent < lastFramePercent) {
// Start from next key
// PENDING start from lastFrame ?
start = Math.min(lastFrame + 1, trackLen - 1);
for (frame = start; frame >= 0; frame--) {
if (kfPercents[frame] <= percent) {
break;
}
}
// PENDING really need to do this ?
frame = Math.min(frame, trackLen - 2);
}
else {
for (frame = lastFrame; frame < trackLen; frame++) {
if (kfPercents[frame] > percent) {
break;
}
}
frame = Math.min(frame - 1, trackLen - 2);
}
lastFrame = frame;
lastFramePercent = percent;
var range = (kfPercents[frame + 1] - kfPercents[frame]);
if (range === 0) {
return;
}
else {
w = (percent - kfPercents[frame]) / range;
}
if (useSpline) {
p1 = kfValues[frame];
p0 = kfValues[frame === 0 ? frame : frame - 1];
p2 = kfValues[frame > trackLen - 2 ? trackLen - 1 : frame + 1];
p3 = kfValues[frame > trackLen - 3 ? trackLen - 1 : frame + 2];
if (isValueArray) {
catmullRomInterpolateArray(
p0, p1, p2, p3, w, w * w, w * w * w,
getter(target, propName),
arrDim
);
}
else {
var value;
if (isValueColor) {
value = catmullRomInterpolateArray(
p0, p1, p2, p3, w, w * w, w * w * w,
rgba, 1
);
value = rgba2String(rgba);
}
else if (isValueString) {
// String is step(0.5)
return interpolateString(p1, p2, w);
}
else {
value = catmullRomInterpolate(
p0, p1, p2, p3, w, w * w, w * w * w
);
}
setter(
target,
propName,
value
);
}
}
else {
if (isValueArray) {
interpolateArray(
kfValues[frame], kfValues[frame + 1], w,
getter(target, propName),
arrDim
);
}
else {
var value;
if (isValueColor) {
interpolateArray(
kfValues[frame], kfValues[frame + 1], w,
rgba, 1
);
value = rgba2String(rgba);
}
else if (isValueString) {
// String is step(0.5)
return interpolateString(kfValues[frame], kfValues[frame + 1], w);
}
else {
value = interpolateNumber(kfValues[frame], kfValues[frame + 1], w);
}
setter(
target,
propName,
value
);
}
}
};
var clip = new Clip({
target: animator._target,
life: trackMaxTime,
loop: animator._loop,
delay: animator._delay,
onframe: onframe,
ondestroy: oneTrackDone
});
if (easing && easing !== 'spline') {
clip.easing = easing;
}
return clip;
}
/**
* @alias module:zrender/animation/Animator
* @constructor
* @param {Object} target
* @param {boolean} loop
* @param {Function} getter
* @param {Function} setter
*/
var Animator = function (target, loop, getter, setter) {
this._tracks = {};
this._target = target;
this._loop = loop || false;
this._getter = getter || defaultGetter;
this._setter = setter || defaultSetter;
this._clipCount = 0;
this._delay = 0;
this._doneList = [];
this._onframeList = [];
this._clipList = [];
};
Animator.prototype = {
/**
* 设置动画关键帧
* @param {number} time 关键帧时间，单位是ms
* @param {Object} props 关键帧的属性值，key-value表示
* @return {module:zrender/animation/Animator}
*/
when: function (time /* ms */, props) {
var tracks = this._tracks;
for (var propName in props) {
if (!props.hasOwnProperty(propName)) {
continue;
}
if (!tracks[propName]) {
tracks[propName] = [];
// Invalid value
var value = this._getter(this._target, propName);
if (value == null) {
// zrLog('Invalid property ' + propName);
continue;
}
// If time is 0
// Then props is given initialize value
// Else
// Initialize value from current prop value
if (time !== 0) {
tracks[propName].push({
time: 0,
value: cloneValue(value)
});
}
}
tracks[propName].push({
time: time,
value: props[propName]
});
}
return this;
},
/**
* 添加动画每一帧的回调函数
* @param {Function} callback
* @return {module:zrender/animation/Animator}
*/
during: function (callback) {
this._onframeList.push(callback);
return this;
},
pause: function () {
for (var i = 0; i < this._clipList.length; i++) {
this._clipList[i].pause();
}
this._paused = true;
},
resume: function () {
for (var i = 0; i < this._clipList.length; i++) {
this._clipList[i].resume();
}
this._paused = false;
},
isPaused: function () {
return !!this._paused;
},
_doneCallback: function () {
// Clear all tracks
this._tracks = {};
// Clear all clips
this._clipList.length = 0;
var doneList = this._doneList;
var len = doneList.length;
for (var i = 0; i < len; i++) {
doneList[i].call(this);
}
},
/**
* 开始执行动画
* @param {string|Function} [easing]
* 动画缓动函数，详见{@link module:zrender/animation/easing}
* @param {boolean} forceAnimate
* @return {module:zrender/animation/Animator}
*/
start: function (easing, forceAnimate) {
var self = this;
var clipCount = 0;
var oneTrackDone = function () {
clipCount--;
if (!clipCount) {
self._doneCallback();
}
};
var lastClip;
for (var propName in this._tracks) {
if (!this._tracks.hasOwnProperty(propName)) {
continue;
}
var clip = createTrackClip(
this, easing, oneTrackDone,
this._tracks[propName], propName, forceAnimate
);
if (clip) {
this._clipList.push(clip);
clipCount++;
// If start after added to animation
if (this.animation) {
this.animation.addClip(clip);
}
lastClip = clip;
}
}
// Add during callback on the last clip
if (lastClip) {
var oldOnFrame = lastClip.onframe;
lastClip.onframe = function (target, percent) {
oldOnFrame(target, percent);
for (var i = 0; i < self._onframeList.length; i++) {
self._onframeList[i](target, percent);
}
};
}
// This optimization will help the case that in the upper application
// the view may be refreshed frequently, where animation will be
// called repeatly but nothing changed.
if (!clipCount) {
this._doneCallback();
}
return this;
},
/**
* 停止动画
* @param {boolean} forwardToLast If move to last frame before stop
*/
stop: function (forwardToLast) {
var clipList = this._clipList;
var animation = this.animation;
for (var i = 0; i < clipList.length; i++) {
var clip = clipList[i];
if (forwardToLast) {
// Move to last frame before stop
clip.onframe(this._target, 1);
}
animation && animation.removeClip(clip);
}
clipList.length = 0;
},
/**
* 设置动画延迟开始的时间
* @param {number} time 单位ms
* @return {module:zrender/animation/Animator}
*/
delay: function (time) {
this._delay = time;
return this;
},
/**
* 添加动画结束的回调
* @param {Function} cb
* @return {module:zrender/animation/Animator}
*/
done: function (cb) {
if (cb) {
this._doneList.push(cb);
}
return this;
},
/**
* @return {Array.}
*/
getClips: function () {
return this._clipList;
}
};
var dpr = 1;
// If in browser environment
if (typeof window !== 'undefined') {
dpr = Math.max(window.devicePixelRatio || 1, 1);
}
/**
* config默认配置项
* @exports zrender/config
* @author Kener (@Kener-林峰, kener.linfeng@gmail.com)
*/
/**
* debug日志选项：catchBrushException为true下有效
* 0 : 不生成debug数据，发布用
* 1 : 异常抛出，调试用
* 2 : 控制台输出，调试用
*/
var debugMode = 0;
// retina 屏幕优化
var devicePixelRatio = dpr;
var log = function () {
};
if (debugMode === 1) {
log = function () {
for (var k in arguments) {
throw new Error(arguments[k]);
}
};
}
else if (debugMode > 1) {
log = function () {
for (var k in arguments) {
console.log(arguments[k]);
}
};
}
var zrLog = log;
/**
* @alias modue:zrender/mixin/Animatable
* @constructor
*/
var Animatable = function () {
/**
* @type {Array.}
* @readOnly
*/
this.animators = [];
};
Animatable.prototype = {
constructor: Animatable,
/**
* 动画
*
* @param {string} path The path to fetch value from object, like 'a.b.c'.
* @param {boolean} [loop] Whether to loop animation.
* @return {module:zrender/animation/Animator}
* @example:
* el.animate('style', false)
* .when(1000, {x: 10} )
* .done(function(){ // Animation done })
* .start()
*/
animate: function (path, loop) {
var target;
var animatingShape = false;
var el = this;
var zr = this.__zr;
if (path) {
var pathSplitted = path.split('.');
var prop = el;
// If animating shape
animatingShape = pathSplitted[0] === 'shape';
for (var i = 0, l = pathSplitted.length; i < l; i++) {
if (!prop) {
continue;
}
prop = prop[pathSplitted[i]];
}
if (prop) {
target = prop;
}
}
else {
target = el;
}
if (!target) {
zrLog(
'Property "'
+ path
+ '" is not existed in element '
+ el.id
);
return;
}
var animators = el.animators;
var animator = new Animator(target, loop);
animator.during(function (target) {
el.dirty(animatingShape);
})
.done(function () {
// FIXME Animator will not be removed if use `Animator#stop` to stop animation
animators.splice(indexOf(animators, animator), 1);
});
animators.push(animator);
// If animate after added to the zrender
if (zr) {
zr.animation.addAnimator(animator);
}
return animator;
},
/**
* 停止动画
* @param {boolean} forwardToLast If move to last frame before stop
*/
stopAnimation: function (forwardToLast) {
var animators = this.animators;
var len = animators.length;
for (var i = 0; i < len; i++) {
animators[i].stop(forwardToLast);
}
animators.length = 0;
return this;
},
/**
* Caution: this method will stop previous animation.
* So do not use this method to one element twice before
* animation starts, unless you know what you are doing.
* @param {Object} target
* @param {number} [time=500] Time in ms
* @param {string} [easing='linear']
* @param {number} [delay=0]
* @param {Function} [callback]
* @param {Function} [forceAnimate] Prevent stop animation and callback
* immediently when target values are the same as current values.
*
* @example
* // Animate position
* el.animateTo({
* position: [10, 10]
* }, function () { // done })
*
* // Animate shape, style and position in 100ms, delayed 100ms, with cubicOut easing
* el.animateTo({
* shape: {
* width: 500
* },
* style: {
* fill: 'red'
* }
* position: [10, 10]
* }, 100, 100, 'cubicOut', function () { // done })
*/
// TODO Return animation key
animateTo: function (target, time, delay, easing, callback, forceAnimate) {
animateTo(this, target, time, delay, easing, callback, forceAnimate);
},
/**
* Animate from the target state to current state.
* The params and the return value are the same as `this.animateTo`.
*/
animateFrom: function (target, time, delay, easing, callback, forceAnimate) {
animateTo(this, target, time, delay, easing, callback, forceAnimate, true);
}
};
function animateTo(animatable, target, time, delay, easing, callback, forceAnimate, reverse) {
// animateTo(target, time, easing, callback);
if (isString(delay)) {
callback = easing;
easing = delay;
delay = 0;
}
// animateTo(target, time, delay, callback);
else if (isFunction$1(easing)) {
callback = easing;
easing = 'linear';
delay = 0;
}
// animateTo(target, time, callback);
else if (isFunction$1(delay)) {
callback = delay;
delay = 0;
}
// animateTo(target, callback)
else if (isFunction$1(time)) {
callback = time;
time = 500;
}
// animateTo(target)
else if (!time) {
time = 500;
}
// Stop all previous animations
animatable.stopAnimation();
animateToShallow(animatable, '', animatable, target, time, delay, reverse);
// Animators may be removed immediately after start
// if there is nothing to animate
var animators = animatable.animators.slice();
var count = animators.length;
function done() {
count--;
if (!count) {
callback && callback();
}
}
// No animators. This should be checked before animators[i].start(),
// because 'done' may be executed immediately if no need to animate.
if (!count) {
callback && callback();
}
// Start after all animators created
// Incase any animator is done immediately when all animation properties are not changed
for (var i = 0; i < animators.length; i++) {
animators[i]
.done(done)
.start(easing, forceAnimate);
}
}
/**
* @param {string} path=''
* @param {Object} source=animatable
* @param {Object} target
* @param {number} [time=500]
* @param {number} [delay=0]
* @param {boolean} [reverse] If `true`, animate
* from the `target` to current state.
*
* @example
* // Animate position
* el._animateToShallow({
* position: [10, 10]
* })
*
* // Animate shape, style and position in 100ms, delayed 100ms
* el._animateToShallow({
* shape: {
* width: 500
* },
* style: {
* fill: 'red'
* }
* position: [10, 10]
* }, 100, 100)
*/
function animateToShallow(animatable, path, source, target, time, delay, reverse) {
var objShallow = {};
var propertyCount = 0;
for (var name in target) {
if (!target.hasOwnProperty(name)) {
continue;
}
if (source[name] != null) {
if (isObject$1(target[name]) && !isArrayLike(target[name])) {
animateToShallow(
animatable,
path ? path + '.' + name : name,
source[name],
target[name],
time,
delay,
reverse
);
}
else {
if (reverse) {
objShallow[name] = source[name];
setAttrByPath(animatable, path, name, target[name]);
}
else {
objShallow[name] = target[name];
}
propertyCount++;
}
}
else if (target[name] != null && !reverse) {
setAttrByPath(animatable, path, name, target[name]);
}
}
if (propertyCount > 0) {
animatable.animate(path, false)
.when(time == null ? 500 : time, objShallow)
.delay(delay || 0);
}
}
function setAttrByPath(el, path, name, value) {
// Attr directly if not has property
// FIXME, if some property not needed for element ?
if (!path) {
el.attr(name, value);
}
else {
// Only support set shape or style
var props = {};
props[path] = {};
props[path][name] = value;
el.attr(props);
}
}
/**
* @alias module:zrender/Element
* @constructor
* @extends {module:zrender/mixin/Animatable}
* @extends {module:zrender/mixin/Transformable}
* @extends {module:zrender/mixin/Eventful}
*/
var Element = function (opts) { // jshint ignore:line
Transformable.call(this, opts);
Eventful.call(this, opts);
Animatable.call(this, opts);
/**
* 画布元素ID
* @type {string}
*/
this.id = opts.id || guid();
};
Element.prototype = {
/**
* 元素类型
* Element type
* @type {string}
*/
type: 'element',
/**
* 元素名字
* Element name
* @type {string}
*/
name: '',
/**
* ZRender 实例对象，会在 element 添加到 zrender 实例中后自动赋值
* ZRender instance will be assigned when element is associated with zrender
* @name module:/zrender/Element#__zr
* @type {module:zrender/ZRender}
*/
__zr: null,
/**
* 图形是否忽略，为true时忽略图形的绘制以及事件触发
* If ignore drawing and events of the element object
* @name module:/zrender/Element#ignore
* @type {boolean}
* @default false
*/
ignore: false,
/**
* 用于裁剪的路径(shape)，所有 Group 内的路径在绘制时都会被这个路径裁剪
* 该路径会继承被裁减对象的变换
* @type {module:zrender/graphic/Path}
* @see http://www.w3.org/TR/2dcontext/#clipping-region
* @readOnly
*/
clipPath: null,
/**
* 是否是 Group
* @type {boolean}
*/
isGroup: false,
/**
* Drift element
* @param {number} dx dx on the global space
* @param {number} dy dy on the global space
*/
drift: function (dx, dy) {
switch (this.draggable) {
case 'horizontal':
dy = 0;
break;
case 'vertical':
dx = 0;
break;
}
var m = this.transform;
if (!m) {
m = this.transform = [1, 0, 0, 1, 0, 0];
}
m[4] += dx;
m[5] += dy;
this.decomposeTransform();
this.dirty(false);
},
/**
* Hook before update
*/
beforeUpdate: function () {},
/**
* Hook after update
*/
afterUpdate: function () {},
/**
* Update each frame
*/
update: function () {
this.updateTransform();
},
/**
* @param {Function} cb
* @param {} context
*/
traverse: function (cb, context) {},
/**
* @protected
*/
attrKV: function (key, value) {
if (key === 'position' || key === 'scale' || key === 'origin') {
// Copy the array
if (value) {
var target = this[key];
if (!target) {
target = this[key] = [];
}
target[0] = value[0];
target[1] = value[1];
}
}
else {
this[key] = value;
}
},
/**
* Hide the element
*/
hide: function () {
this.ignore = true;
this.__zr && this.__zr.refresh();
},
/**
* Show the element
*/
show: function () {
this.ignore = false;
this.__zr && this.__zr.refresh();
},
/**
* @param {string|Object} key
* @param {*} value
*/
attr: function (key, value) {
if (typeof key === 'string') {
this.attrKV(key, value);
}
else if (isObject$1(key)) {
for (var name in key) {
if (key.hasOwnProperty(name)) {
this.attrKV(name, key[name]);
}
}
}
this.dirty(false);
return this;
},
/**
* @param {module:zrender/graphic/Path} clipPath
*/
setClipPath: function (clipPath) {
var zr = this.__zr;
if (zr) {
clipPath.addSelfToZr(zr);
}
// Remove previous clip path
if (this.clipPath && this.clipPath !== clipPath) {
this.removeClipPath();
}
this.clipPath = clipPath;
clipPath.__zr = zr;
clipPath.__clipTarget = this;
this.dirty(false);
},
/**
*/
removeClipPath: function () {
var clipPath = this.clipPath;
if (clipPath) {
if (clipPath.__zr) {
clipPath.removeSelfFromZr(clipPath.__zr);
}
clipPath.__zr = null;
clipPath.__clipTarget = null;
this.clipPath = null;
this.dirty(false);
}
},
/**
* Add self from zrender instance.
* Not recursively because it will be invoked when element added to storage.
* @param {module:zrender/ZRender} zr
*/
addSelfToZr: function (zr) {
this.__zr = zr;
// 添加动画
var animators = this.animators;
if (animators) {
for (var i = 0; i < animators.length; i++) {
zr.animation.addAnimator(animators[i]);
}
}
if (this.clipPath) {
this.clipPath.addSelfToZr(zr);
}
},
/**
* Remove self from zrender instance.
* Not recursively because it will be invoked when element added to storage.
* @param {module:zrender/ZRender} zr
*/
removeSelfFromZr: function (zr) {
this.__zr = null;
// 移除动画
var animators = this.animators;
if (animators) {
for (var i = 0; i < animators.length; i++) {
zr.animation.removeAnimator(animators[i]);
}
}
if (this.clipPath) {
this.clipPath.removeSelfFromZr(zr);
}
}
};
mixin(Element, Animatable);
mixin(Element, Transformable);
mixin(Element, Eventful);
/**
* @module echarts/core/BoundingRect
*/
var v2ApplyTransform = applyTransform;
var mathMin = Math.min;
var mathMax = Math.max;
/**
* @alias module:echarts/core/BoundingRect
*/
function BoundingRect(x, y, width, height) {
if (width < 0) {
x = x + width;
width = -width;
}
if (height < 0) {
y = y + height;
height = -height;
}
/**
* @type {number}
*/
this.x = x;
/**
* @type {number}
*/
this.y = y;
/**
* @type {number}
*/
this.width = width;
/**
* @type {number}
*/
this.height = height;
}
BoundingRect.prototype = {
constructor: BoundingRect,
/**
* @param {module:echarts/core/BoundingRect} other
*/
union: function (other) {
var x = mathMin(other.x, this.x);
var y = mathMin(other.y, this.y);
this.width = mathMax(
other.x + other.width,
this.x + this.width
) - x;
this.height = mathMax(
other.y + other.height,
this.y + this.height
) - y;
this.x = x;
this.y = y;
},
/**
* @param {Array.} m
* @methods
*/
applyTransform: (function () {
var lt = [];
var rb = [];
var lb = [];
var rt = [];
return function (m) {
// In case usage like this
// el.getBoundingRect().applyTransform(el.transform)
// And element has no transform
if (!m) {
return;
}
lt[0] = lb[0] = this.x;
lt[1] = rt[1] = this.y;
rb[0] = rt[0] = this.x + this.width;
rb[1] = lb[1] = this.y + this.height;
v2ApplyTransform(lt, lt, m);
v2ApplyTransform(rb, rb, m);
v2ApplyTransform(lb, lb, m);
v2ApplyTransform(rt, rt, m);
this.x = mathMin(lt[0], rb[0], lb[0], rt[0]);
this.y = mathMin(lt[1], rb[1], lb[1], rt[1]);
var maxX = mathMax(lt[0], rb[0], lb[0], rt[0]);
var maxY = mathMax(lt[1], rb[1], lb[1], rt[1]);
this.width = maxX - this.x;
this.height = maxY - this.y;
};
})(),
/**
* Calculate matrix of transforming from self to target rect
* @param {module:zrender/core/BoundingRect} b
* @return {Array.}
*/
calculateTransform: function (b) {
var a = this;
var sx = b.width / a.width;
var sy = b.height / a.height;
var m = create$1();
// 矩阵右乘
translate(m, m, [-a.x, -a.y]);
scale$1(m, m, [sx, sy]);
translate(m, m, [b.x, b.y]);
return m;
},
/**
* @param {(module:echarts/core/BoundingRect|Object)} b
* @return {boolean}
*/
intersect: function (b) {
if (!b) {
return false;
}
if (!(b instanceof BoundingRect)) {
// Normalize negative width/height.
b = BoundingRect.create(b);
}
var a = this;
var ax0 = a.x;
var ax1 = a.x + a.width;
var ay0 = a.y;
var ay1 = a.y + a.height;
var bx0 = b.x;
var bx1 = b.x + b.width;
var by0 = b.y;
var by1 = b.y + b.height;
return !(ax1 < bx0 || bx1 < ax0 || ay1 < by0 || by1 < ay0);
},
contain: function (x, y) {
var rect = this;
return x >= rect.x
&& x <= (rect.x + rect.width)
&& y >= rect.y
&& y <= (rect.y + rect.height);
},
/**
* @return {module:echarts/core/BoundingRect}
*/
clone: function () {
return new BoundingRect(this.x, this.y, this.width, this.height);
},
/**
* Copy from another rect
*/
copy: function (other) {
this.x = other.x;
this.y = other.y;
this.width = other.width;
this.height = other.height;
},
plain: function () {
return {
x: this.x,
y: this.y,
width: this.width,
height: this.height
};
}
};
/**
* @param {Object|module:zrender/core/BoundingRect} rect
* @param {number} rect.x
* @param {number} rect.y
* @param {number} rect.width
* @param {number} rect.height
* @return {module:zrender/core/BoundingRect}
*/
BoundingRect.create = function (rect) {
return new BoundingRect(rect.x, rect.y, rect.width, rect.height);
};
/**
* Group是一个容器，可以插入子节点，Group的变换也会被应用到子节点上
* @module zrender/graphic/Group
* @example
* var Group = require('zrender/container/Group');
* var Circle = require('zrender/graphic/shape/Circle');
* var g = new Group();
* g.position[0] = 100;
* g.position[1] = 100;
* g.add(new Circle({
* style: {
* x: 100,
* y: 100,
* r: 20,
* }
* }));
* zr.add(g);
*/
/**
* @alias module:zrender/graphic/Group
* @constructor
* @extends module:zrender/mixin/Transformable
* @extends module:zrender/mixin/Eventful
*/
var Group = function (opts) {
opts = opts || {};
Element.call(this, opts);
for (var key in opts) {
if (opts.hasOwnProperty(key)) {
this[key] = opts[key];
}
}
this._children = [];
this.__storage = null;
this.__dirty = true;
};
Group.prototype = {
constructor: Group,
isGroup: true,
/**
* @type {string}
*/
type: 'group',
/**
* 所有子孙元素是否响应鼠标事件
* @name module:/zrender/container/Group#silent
* @type {boolean}
* @default false
*/
silent: false,
/**
* @return {Array.}
*/
children: function () {
return this._children.slice();
},
/**
* 获取指定 index 的儿子节点
* @param {number} idx
* @return {module:zrender/Element}
*/
childAt: function (idx) {
return this._children[idx];
},
/**
* 获取指定名字的儿子节点
* @param {string} name
* @return {module:zrender/Element}
*/
childOfName: function (name) {
var children = this._children;
for (var i = 0; i < children.length; i++) {
if (children[i].name === name) {
return children[i];
}
}
},
/**
* @return {number}
*/
childCount: function () {
return this._children.length;
},
/**
* 添加子节点到最后
* @param {module:zrender/Element} child
*/
add: function (child) {
if (child && child !== this && child.parent !== this) {
this._children.push(child);
this._doAdd(child);
}
return this;
},
/**
* 添加子节点在 nextSibling 之前
* @param {module:zrender/Element} child
* @param {module:zrender/Element} nextSibling
*/
addBefore: function (child, nextSibling) {
if (child && child !== this && child.parent !== this
&& nextSibling && nextSibling.parent === this) {
var children = this._children;
var idx = children.indexOf(nextSibling);
if (idx >= 0) {
children.splice(idx, 0, child);
this._doAdd(child);
}
}
return this;
},
_doAdd: function (child) {
if (child.parent) {
child.parent.remove(child);
}
child.parent = this;
var storage = this.__storage;
var zr = this.__zr;
if (storage && storage !== child.__storage) {
storage.addToStorage(child);
if (child instanceof Group) {
child.addChildrenToStorage(storage);
}
}
zr && zr.refresh();
},
/**
* 移除子节点
* @param {module:zrender/Element} child
*/
remove: function (child) {
var zr = this.__zr;
var storage = this.__storage;
var children = this._children;
var idx = indexOf(children, child);
if (idx < 0) {
return this;
}
children.splice(idx, 1);
child.parent = null;
if (storage) {
storage.delFromStorage(child);
if (child instanceof Group) {
child.delChildrenFromStorage(storage);
}
}
zr && zr.refresh();
return this;
},
/**
* 移除所有子节点
*/
removeAll: function () {
var children = this._children;
var storage = this.__storage;
var child;
var i;
for (i = 0; i < children.length; i++) {
child = children[i];
if (storage) {
storage.delFromStorage(child);
if (child instanceof Group) {
child.delChildrenFromStorage(storage);
}
}
child.parent = null;
}
children.length = 0;
return this;
},
/**
* 遍历所有子节点
* @param {Function} cb
* @param {} context
*/
eachChild: function (cb, context) {
var children = this._children;
for (var i = 0; i < children.length; i++) {
var child = children[i];
cb.call(context, child, i);
}
return this;
},
/**
* 深度优先遍历所有子孙节点
* @param {Function} cb
* @param {} context
*/
traverse: function (cb, context) {
for (var i = 0; i < this._children.length; i++) {
var child = this._children[i];
cb.call(context, child);
if (child.type === 'group') {
child.traverse(cb, context);
}
}
return this;
},
addChildrenToStorage: function (storage) {
for (var i = 0; i < this._children.length; i++) {
var child = this._children[i];
storage.addToStorage(child);
if (child instanceof Group) {
child.addChildrenToStorage(storage);
}
}
},
delChildrenFromStorage: function (storage) {
for (var i = 0; i < this._children.length; i++) {
var child = this._children[i];
storage.delFromStorage(child);
if (child instanceof Group) {
child.delChildrenFromStorage(storage);
}
}
},
dirty: function () {
this.__dirty = true;
this.__zr && this.__zr.refresh();
return this;
},
/**
* @return {module:zrender/core/BoundingRect}
*/
getBoundingRect: function (includeChildren) {
// TODO Caching
var rect = null;
var tmpRect = new BoundingRect(0, 0, 0, 0);
var children = includeChildren || this._children;
var tmpMat = [];
for (var i = 0; i < children.length; i++) {
var child = children[i];
if (child.ignore || child.invisible) {
continue;
}
var childRect = child.getBoundingRect();
var transform = child.getLocalTransform(tmpMat);
// TODO
// The boundingRect cacluated by transforming original
// rect may be bigger than the actual bundingRect when rotation
// is used. (Consider a circle rotated aginst its center, where
// the actual boundingRect should be the same as that not be
// rotated.) But we can not find better approach to calculate
// actual boundingRect yet, considering performance.
if (transform) {
tmpRect.copy(childRect);
tmpRect.applyTransform(transform);
rect = rect || tmpRect.clone();
rect.union(tmpRect);
}
else {
rect = rect || childRect.clone();
rect.union(childRect);
}
}
return rect || tmpRect;
}
};
inherits(Group, Element);
// https://github.com/mziccard/node-timsort
var DEFAULT_MIN_MERGE = 32;
var DEFAULT_MIN_GALLOPING = 7;
function minRunLength(n) {
var r = 0;
while (n >= DEFAULT_MIN_MERGE) {
r |= n & 1;
n >>= 1;
}
return n + r;
}
function makeAscendingRun(array, lo, hi, compare) {
var runHi = lo + 1;
if (runHi === hi) {
return 1;
}
if (compare(array[runHi++], array[lo]) < 0) {
while (runHi < hi && compare(array[runHi], array[runHi - 1]) < 0) {
runHi++;
}
reverseRun(array, lo, runHi);
}
else {
while (runHi < hi && compare(array[runHi], array[runHi - 1]) >= 0) {
runHi++;
}
}
return runHi - lo;
}
function reverseRun(array, lo, hi) {
hi--;
while (lo < hi) {
var t = array[lo];
array[lo++] = array[hi];
array[hi--] = t;
}
}
function binaryInsertionSort(array, lo, hi, start, compare) {
if (start === lo) {
start++;
}
for (; start < hi; start++) {
var pivot = array[start];
var left = lo;
var right = start;
var mid;
while (left < right) {
mid = left + right >>> 1;
if (compare(pivot, array[mid]) < 0) {
right = mid;
}
else {
left = mid + 1;
}
}
var n = start - left;
switch (n) {
case 3:
array[left + 3] = array[left + 2];
case 2:
array[left + 2] = array[left + 1];
case 1:
array[left + 1] = array[left];
break;
default:
while (n > 0) {
array[left + n] = array[left + n - 1];
n--;
}
}
array[left] = pivot;
}
}
function gallopLeft(value, array, start, length, hint, compare) {
var lastOffset = 0;
var maxOffset = 0;
var offset = 1;
if (compare(value, array[start + hint]) > 0) {
maxOffset = length - hint;
while (offset < maxOffset && compare(value, array[start + hint + offset]) > 0) {
lastOffset = offset;
offset = (offset << 1) + 1;
if (offset <= 0) {
offset = maxOffset;
}
}
if (offset > maxOffset) {
offset = maxOffset;
}
lastOffset += hint;
offset += hint;
}
else {
maxOffset = hint + 1;
while (offset < maxOffset && compare(value, array[start + hint - offset]) <= 0) {
lastOffset = offset;
offset = (offset << 1) + 1;
if (offset <= 0) {
offset = maxOffset;
}
}
if (offset > maxOffset) {
offset = maxOffset;
}
var tmp = lastOffset;
lastOffset = hint - offset;
offset = hint - tmp;
}
lastOffset++;
while (lastOffset < offset) {
var m = lastOffset + (offset - lastOffset >>> 1);
if (compare(value, array[start + m]) > 0) {
lastOffset = m + 1;
}
else {
offset = m;
}
}
return offset;
}
function gallopRight(value, array, start, length, hint, compare) {
var lastOffset = 0;
var maxOffset = 0;
var offset = 1;
if (compare(value, array[start + hint]) < 0) {
maxOffset = hint + 1;
while (offset < maxOffset && compare(value, array[start + hint - offset]) < 0) {
lastOffset = offset;
offset = (offset << 1) + 1;
if (offset <= 0) {
offset = maxOffset;
}
}
if (offset > maxOffset) {
offset = maxOffset;
}
var tmp = lastOffset;
lastOffset = hint - offset;
offset = hint - tmp;
}
else {
maxOffset = length - hint;
while (offset < maxOffset && compare(value, array[start + hint + offset]) >= 0) {
lastOffset = offset;
offset = (offset << 1) + 1;
if (offset <= 0) {
offset = maxOffset;
}
}
if (offset > maxOffset) {
offset = maxOffset;
}
lastOffset += hint;
offset += hint;
}
lastOffset++;
while (lastOffset < offset) {
var m = lastOffset + (offset - lastOffset >>> 1);
if (compare(value, array[start + m]) < 0) {
offset = m;
}
else {
lastOffset = m + 1;
}
}
return offset;
}
function TimSort(array, compare) {
var minGallop = DEFAULT_MIN_GALLOPING;
var runStart;
var runLength;
var stackSize = 0;
var tmp = [];
runStart = [];
runLength = [];
function pushRun(_runStart, _runLength) {
runStart[stackSize] = _runStart;
runLength[stackSize] = _runLength;
stackSize += 1;
}
function mergeRuns() {
while (stackSize > 1) {
var n = stackSize - 2;
if (n >= 1 && runLength[n - 1] <= runLength[n] + runLength[n + 1] || n >= 2 && runLength[n - 2] <= runLength[n] + runLength[n - 1]) {
if (runLength[n - 1] < runLength[n + 1]) {
n--;
}
}
else if (runLength[n] > runLength[n + 1]) {
break;
}
mergeAt(n);
}
}
function forceMergeRuns() {
while (stackSize > 1) {
var n = stackSize - 2;
if (n > 0 && runLength[n - 1] < runLength[n + 1]) {
n--;
}
mergeAt(n);
}
}
function mergeAt(i) {
var start1 = runStart[i];
var length1 = runLength[i];
var start2 = runStart[i + 1];
var length2 = runLength[i + 1];
runLength[i] = length1 + length2;
if (i === stackSize - 3) {
runStart[i + 1] = runStart[i + 2];
runLength[i + 1] = runLength[i + 2];
}
stackSize--;
var k = gallopRight(array[start2], array, start1, length1, 0, compare);
start1 += k;
length1 -= k;
if (length1 === 0) {
return;
}
length2 = gallopLeft(array[start1 + length1 - 1], array, start2, length2, length2 - 1, compare);
if (length2 === 0) {
return;
}
if (length1 <= length2) {
mergeLow(start1, length1, start2, length2);
}
else {
mergeHigh(start1, length1, start2, length2);
}
}
function mergeLow(start1, length1, start2, length2) {
var i = 0;
for (i = 0; i < length1; i++) {
tmp[i] = array[start1 + i];
}
var cursor1 = 0;
var cursor2 = start2;
var dest = start1;
array[dest++] = array[cursor2++];
if (--length2 === 0) {
for (i = 0; i < length1; i++) {
array[dest + i] = tmp[cursor1 + i];
}
return;
}
if (length1 === 1) {
for (i = 0; i < length2; i++) {
array[dest + i] = array[cursor2 + i];
}
array[dest + length2] = tmp[cursor1];
return;
}
var _minGallop = minGallop;
var count1, count2, exit;
while (1) {
count1 = 0;
count2 = 0;
exit = false;
do {
if (compare(array[cursor2], tmp[cursor1]) < 0) {
array[dest++] = array[cursor2++];
count2++;
count1 = 0;
if (--length2 === 0) {
exit = true;
break;
}
}
else {
array[dest++] = tmp[cursor1++];
count1++;
count2 = 0;
if (--length1 === 1) {
exit = true;
break;
}
}
} while ((count1 | count2) < _minGallop);
if (exit) {
break;
}
do {
count1 = gallopRight(array[cursor2], tmp, cursor1, length1, 0, compare);
if (count1 !== 0) {
for (i = 0; i < count1; i++) {
array[dest + i] = tmp[cursor1 + i];
}
dest += count1;
cursor1 += count1;
length1 -= count1;
if (length1 <= 1) {
exit = true;
break;
}
}
array[dest++] = array[cursor2++];
if (--length2 === 0) {
exit = true;
break;
}
count2 = gallopLeft(tmp[cursor1], array, cursor2, length2, 0, compare);
if (count2 !== 0) {
for (i = 0; i < count2; i++) {
array[dest + i] = array[cursor2 + i];
}
dest += count2;
cursor2 += count2;
length2 -= count2;
if (length2 === 0) {
exit = true;
break;
}
}
array[dest++] = tmp[cursor1++];
if (--length1 === 1) {
exit = true;
break;
}
_minGallop--;
} while (count1 >= DEFAULT_MIN_GALLOPING || count2 >= DEFAULT_MIN_GALLOPING);
if (exit) {
break;
}
if (_minGallop < 0) {
_minGallop = 0;
}
_minGallop += 2;
}
minGallop = _minGallop;
minGallop < 1 && (minGallop = 1);
if (length1 === 1) {
for (i = 0; i < length2; i++) {
array[dest + i] = array[cursor2 + i];
}
array[dest + length2] = tmp[cursor1];
}
else if (length1 === 0) {
throw new Error();
// throw new Error('mergeLow preconditions were not respected');
}
else {
for (i = 0; i < length1; i++) {
array[dest + i] = tmp[cursor1 + i];
}
}
}
function mergeHigh(start1, length1, start2, length2) {
var i = 0;
for (i = 0; i < length2; i++) {
tmp[i] = array[start2 + i];
}
var cursor1 = start1 + length1 - 1;
var cursor2 = length2 - 1;
var dest = start2 + length2 - 1;
var customCursor = 0;
var customDest = 0;
array[dest--] = array[cursor1--];
if (--length1 === 0) {
customCursor = dest - (length2 - 1);
for (i = 0; i < length2; i++) {
array[customCursor + i] = tmp[i];
}
return;
}
if (length2 === 1) {
dest -= length1;
cursor1 -= length1;
customDest = dest + 1;
customCursor = cursor1 + 1;
for (i = length1 - 1; i >= 0; i--) {
array[customDest + i] = array[customCursor + i];
}
array[dest] = tmp[cursor2];
return;
}
var _minGallop = minGallop;
while (true) {
var count1 = 0;
var count2 = 0;
var exit = false;
do {
if (compare(tmp[cursor2], array[cursor1]) < 0) {
array[dest--] = array[cursor1--];
count1++;
count2 = 0;
if (--length1 === 0) {
exit = true;
break;
}
}
else {
array[dest--] = tmp[cursor2--];
count2++;
count1 = 0;
if (--length2 === 1) {
exit = true;
break;
}
}
} while ((count1 | count2) < _minGallop);
if (exit) {
break;
}
do {
count1 = length1 - gallopRight(tmp[cursor2], array, start1, length1, length1 - 1, compare);
if (count1 !== 0) {
dest -= count1;
cursor1 -= count1;
length1 -= count1;
customDest = dest + 1;
customCursor = cursor1 + 1;
for (i = count1 - 1; i >= 0; i--) {
array[customDest + i] = array[customCursor + i];
}
if (length1 === 0) {
exit = true;
break;
}
}
array[dest--] = tmp[cursor2--];
if (--length2 === 1) {
exit = true;
break;
}
count2 = length2 - gallopLeft(array[cursor1], tmp, 0, length2, length2 - 1, compare);
if (count2 !== 0) {
dest -= count2;
cursor2 -= count2;
length2 -= count2;
customDest = dest + 1;
customCursor = cursor2 + 1;
for (i = 0; i < count2; i++) {
array[customDest + i] = tmp[customCursor + i];
}
if (length2 <= 1) {
exit = true;
break;
}
}
array[dest--] = array[cursor1--];
if (--length1 === 0) {
exit = true;
break;
}
_minGallop--;
} while (count1 >= DEFAULT_MIN_GALLOPING || count2 >= DEFAULT_MIN_GALLOPING);
if (exit) {
break;
}
if (_minGallop < 0) {
_minGallop = 0;
}
_minGallop += 2;
}
minGallop = _minGallop;
if (minGallop < 1) {
minGallop = 1;
}
if (length2 === 1) {
dest -= length1;
cursor1 -= length1;
customDest = dest + 1;
customCursor = cursor1 + 1;
for (i = length1 - 1; i >= 0; i--) {
array[customDest + i] = array[customCursor + i];
}
array[dest] = tmp[cursor2];
}
else if (length2 === 0) {
throw new Error();
// throw new Error('mergeHigh preconditions were not respected');
}
else {
customCursor = dest - (length2 - 1);
for (i = 0; i < length2; i++) {
array[customCursor + i] = tmp[i];
}
}
}
this.mergeRuns = mergeRuns;
this.forceMergeRuns = forceMergeRuns;
this.pushRun = pushRun;
}
function sort(array, compare, lo, hi) {
if (!lo) {
lo = 0;
}
if (!hi) {
hi = array.length;
}
var remaining = hi - lo;
if (remaining < 2) {
return;
}
var runLength = 0;
if (remaining < DEFAULT_MIN_MERGE) {
runLength = makeAscendingRun(array, lo, hi, compare);
binaryInsertionSort(array, lo, hi, lo + runLength, compare);
return;
}
var ts = new TimSort(array, compare);
var minRun = minRunLength(remaining);
do {
runLength = makeAscendingRun(array, lo, hi, compare);
if (runLength < minRun) {
var force = remaining;
if (force > minRun) {
force = minRun;
}
binaryInsertionSort(array, lo, lo + force, lo + runLength, compare);
runLength = force;
}
ts.pushRun(lo, runLength);
ts.mergeRuns();
remaining -= runLength;
lo += runLength;
} while (remaining !== 0);
ts.forceMergeRuns();
}
// Use timsort because in most case elements are partially sorted
// https://jsfiddle.net/pissang/jr4x7mdm/8/
function shapeCompareFunc(a, b) {
if (a.zlevel === b.zlevel) {
if (a.z === b.z) {
// if (a.z2 === b.z2) {
// // FIXME Slow has renderidx compare
// // http://stackoverflow.com/questions/20883421/sorting-in-javascript-should-every-compare-function-have-a-return-0-statement
// // https://github.com/v8/v8/blob/47cce544a31ed5577ffe2963f67acb4144ee0232/src/js/array.js#L1012
// return a.__renderidx - b.__renderidx;
// }
return a.z2 - b.z2;
}
return a.z - b.z;
}
return a.zlevel - b.zlevel;
}
/**
* 内容仓库 (M)
* @alias module:zrender/Storage
* @constructor
*/
var Storage = function () { // jshint ignore:line
this._roots = [];
this._displayList = [];
this._displayListLen = 0;
};
Storage.prototype = {
constructor: Storage,
/**
* @param {Function} cb
*
*/
traverse: function (cb, context) {
for (var i = 0; i < this._roots.length; i++) {
this._roots[i].traverse(cb, context);
}
},
/**
* 返回所有图形的绘制队列
* @param {boolean} [update=false] 是否在返回前更新该数组
* @param {boolean} [includeIgnore=false] 是否包含 ignore 的数组, 在 update 为 true 的时候有效
*
* 详见{@link module:zrender/graphic/Displayable.prototype.updateDisplayList}
* @return {Array.}
*/
getDisplayList: function (update, includeIgnore) {
includeIgnore = includeIgnore || false;
if (update) {
this.updateDisplayList(includeIgnore);
}
return this._displayList;
},
/**
* 更新图形的绘制队列。
* 每次绘制前都会调用，该方法会先深度优先遍历整个树，更新所有Group和Shape的变换并且把所有可见的Shape保存到数组中，
* 最后根据绘制的优先级（zlevel > z > 插入顺序）排序得到绘制队列
* @param {boolean} [includeIgnore=false] 是否包含 ignore 的数组
*/
updateDisplayList: function (includeIgnore) {
this._displayListLen = 0;
var roots = this._roots;
var displayList = this._displayList;
for (var i = 0, len = roots.length; i < len; i++) {
this._updateAndAddDisplayable(roots[i], null, includeIgnore);
}
displayList.length = this._displayListLen;
env$1.canvasSupported && sort(displayList, shapeCompareFunc);
},
_updateAndAddDisplayable: function (el, clipPaths, includeIgnore) {
if (el.ignore && !includeIgnore) {
return;
}
el.beforeUpdate();
if (el.__dirty) {
el.update();
}
el.afterUpdate();
var userSetClipPath = el.clipPath;
if (userSetClipPath) {
// FIXME 效率影响
if (clipPaths) {
clipPaths = clipPaths.slice();
}
else {
clipPaths = [];
}
var currentClipPath = userSetClipPath;
var parentClipPath = el;
// Recursively add clip path
while (currentClipPath) {
// clipPath 的变换是基于使用这个 clipPath 的元素
currentClipPath.parent = parentClipPath;
currentClipPath.updateTransform();
clipPaths.push(currentClipPath);
parentClipPath = currentClipPath;
currentClipPath = currentClipPath.clipPath;
}
}
if (el.isGroup) {
var children = el._children;
for (var i = 0; i < children.length; i++) {
var child = children[i];
// Force to mark as dirty if group is dirty
// FIXME __dirtyPath ?
if (el.__dirty) {
child.__dirty = true;
}
this._updateAndAddDisplayable(child, clipPaths, includeIgnore);
}
// Mark group clean here
el.__dirty = false;
}
else {
el.__clipPaths = clipPaths;
this._displayList[this._displayListLen++] = el;
}
},
/**
* 添加图形(Shape)或者组(Group)到根节点
* @param {module:zrender/Element} el
*/
addRoot: function (el) {
if (el.__storage === this) {
return;
}
if (el instanceof Group) {
el.addChildrenToStorage(this);
}
this.addToStorage(el);
this._roots.push(el);
},
/**
* 删除指定的图形(Shape)或者组(Group)
* @param {string|Array.} [el] 如果为空清空整个Storage
*/
delRoot: function (el) {
if (el == null) {
// 不指定el清空
for (var i = 0; i < this._roots.length; i++) {
var root = this._roots[i];
if (root instanceof Group) {
root.delChildrenFromStorage(this);
}
}
this._roots = [];
this._displayList = [];
this._displayListLen = 0;
return;
}
if (el instanceof Array) {
for (var i = 0, l = el.length; i < l; i++) {
this.delRoot(el[i]);
}
return;
}
var idx = indexOf(this._roots, el);
if (idx >= 0) {
this.delFromStorage(el);
this._roots.splice(idx, 1);
if (el instanceof Group) {
el.delChildrenFromStorage(this);
}
}
},
addToStorage: function (el) {
if (el) {
el.__storage = this;
el.dirty(false);
}
return this;
},
delFromStorage: function (el) {
if (el) {
el.__storage = null;
}
return this;
},
/**
* 清空并且释放Storage
*/
dispose: function () {
this._renderList =
this._roots = null;
},
displayableSortFunc: shapeCompareFunc
};
var SHADOW_PROPS = {
'shadowBlur': 1,
'shadowOffsetX': 1,
'shadowOffsetY': 1,
'textShadowBlur': 1,
'textShadowOffsetX': 1,
'textShadowOffsetY': 1,
'textBoxShadowBlur': 1,
'textBoxShadowOffsetX': 1,
'textBoxShadowOffsetY': 1
};
var fixShadow = function (ctx, propName, value) {
if (SHADOW_PROPS.hasOwnProperty(propName)) {
return value *= ctx.dpr;
}
return value;
};
var ContextCachedBy = {
NONE: 0,
STYLE_BIND: 1,
PLAIN_TEXT: 2
};
// Avoid confused with 0/false.
var WILL_BE_RESTORED = 9;
var STYLE_COMMON_PROPS = [
['shadowBlur', 0], ['shadowOffsetX', 0], ['shadowOffsetY', 0], ['shadowColor', '#000'],
['lineCap', 'butt'], ['lineJoin', 'miter'], ['miterLimit', 10]
];
// var SHADOW_PROPS = STYLE_COMMON_PROPS.slice(0, 4);
// var LINE_PROPS = STYLE_COMMON_PROPS.slice(4);
var Style = function (opts) {
this.extendFrom(opts, false);
};
function createLinearGradient(ctx, obj, rect) {
var x = obj.x == null ? 0 : obj.x;
var x2 = obj.x2 == null ? 1 : obj.x2;
var y = obj.y == null ? 0 : obj.y;
var y2 = obj.y2 == null ? 0 : obj.y2;
if (!obj.global) {
x = x * rect.width + rect.x;
x2 = x2 * rect.width + rect.x;
y = y * rect.height + rect.y;
y2 = y2 * rect.height + rect.y;
}
// Fix NaN when rect is Infinity
x = isNaN(x) ? 0 : x;
x2 = isNaN(x2) ? 1 : x2;
y = isNaN(y) ? 0 : y;
y2 = isNaN(y2) ? 0 : y2;
var canvasGradient = ctx.createLinearGradient(x, y, x2, y2);
return canvasGradient;
}
function createRadialGradient(ctx, obj, rect) {
var width = rect.width;
var height = rect.height;
var min = Math.min(width, height);
var x = obj.x == null ? 0.5 : obj.x;
var y = obj.y == null ? 0.5 : obj.y;
var r = obj.r == null ? 0.5 : obj.r;
if (!obj.global) {
x = x * width + rect.x;
y = y * height + rect.y;
r = r * min;
}
var canvasGradient = ctx.createRadialGradient(x, y, 0, x, y, r);
return canvasGradient;
}
Style.prototype = {
constructor: Style,
/**
* @type {string}
*/
fill: '#000',
/**
* @type {string}
*/
stroke: null,
/**
* @type {number}
*/
opacity: 1,
/**
* @type {number}
*/
fillOpacity: null,
/**
* @type {number}
*/
strokeOpacity: null,
/**
* `true` is not supported.
* `false`/`null`/`undefined` are the same.
* `false` is used to remove lineDash in some
* case that `null`/`undefined` can not be set.
* (e.g., emphasis.lineStyle in echarts)
* @type {Array.|boolean}
*/
lineDash: null,
/**
* @type {number}
*/
lineDashOffset: 0,
/**
* @type {number}
*/
shadowBlur: 0,
/**
* @type {number}
*/
shadowOffsetX: 0,
/**
* @type {number}
*/
shadowOffsetY: 0,
/**
* @type {number}
*/
lineWidth: 1,
/**
* If stroke ignore scale
* @type {Boolean}
*/
strokeNoScale: false,
// Bounding rect text configuration
// Not affected by element transform
/**
* @type {string}
*/
text: null,
/**
* If `fontSize` or `fontFamily` exists, `font` will be reset by
* `fontSize`, `fontStyle`, `fontWeight`, `fontFamily`.
* So do not visit it directly in upper application (like echarts),
* but use `contain/text#makeFont` instead.
* @type {string}
*/
font: null,
/**
* The same as font. Use font please.
* @deprecated
* @type {string}
*/
textFont: null,
/**
* It helps merging respectively, rather than parsing an entire font string.
* @type {string}
*/
fontStyle: null,
/**
* It helps merging respectively, rather than parsing an entire font string.
* @type {string}
*/
fontWeight: null,
/**
* It helps merging respectively, rather than parsing an entire font string.
* Should be 12 but not '12px'.
* @type {number}
*/
fontSize: null,
/**
* It helps merging respectively, rather than parsing an entire font string.
* @type {string}
*/
fontFamily: null,
/**
* Reserved for special functinality, like 'hr'.
* @type {string}
*/
textTag: null,
/**
* @type {string}
*/
textFill: '#000',
/**
* @type {string}
*/
textStroke: null,
/**
* @type {number}
*/
textWidth: null,
/**
* Only for textBackground.
* @type {number}
*/
textHeight: null,
/**
* textStroke may be set as some color as a default
* value in upper applicaion, where the default value
* of textStrokeWidth should be 0 to make sure that
* user can choose to do not use text stroke.
* @type {number}
*/
textStrokeWidth: 0,
/**
* @type {number}
*/
textLineHeight: null,
/**
* 'inside', 'left', 'right', 'top', 'bottom'
* [x, y]
* Based on x, y of rect.
* @type {string|Array.}
* @default 'inside'
*/
textPosition: 'inside',
/**
* If not specified, use the boundingRect of a `displayable`.
* @type {Object}
*/
textRect: null,
/**
* [x, y]
* @type {Array.}
*/
textOffset: null,
/**
* @type {string}
*/
textAlign: null,
/**
* @type {string}
*/
textVerticalAlign: null,
/**
* @type {number}
*/
textDistance: 5,
/**
* @type {string}
*/
textShadowColor: 'transparent',
/**
* @type {number}
*/
textShadowBlur: 0,
/**
* @type {number}
*/
textShadowOffsetX: 0,
/**
* @type {number}
*/
textShadowOffsetY: 0,
/**
* @type {string}
*/
textBoxShadowColor: 'transparent',
/**
* @type {number}
*/
textBoxShadowBlur: 0,
/**
* @type {number}
*/
textBoxShadowOffsetX: 0,
/**
* @type {number}
*/
textBoxShadowOffsetY: 0,
/**
* Whether transform text.
* Only useful in Path and Image element
* @type {boolean}
*/
transformText: false,
/**
* Text rotate around position of Path or Image
* Only useful in Path and Image element and transformText is false.
*/
textRotation: 0,
/**
* Text origin of text rotation, like [10, 40].
* Based on x, y of rect.
* Useful in label rotation of circular symbol.
* By default, this origin is textPosition.
* Can be 'center'.
* @type {string|Array.}
*/
textOrigin: null,
/**
* @type {string}
*/
textBackgroundColor: null,
/**
* @type {string}
*/
textBorderColor: null,
/**
* @type {number}
*/
textBorderWidth: 0,
/**
* @type {number}
*/
textBorderRadius: 0,
/**
* Can be `2` or `[2, 4]` or `[2, 3, 4, 5]`
* @type {number|Array.}
*/
textPadding: null,
/**
* Text styles for rich text.
* @type {Object}
*/
rich: null,
/**
* {outerWidth, outerHeight, ellipsis, placeholder}
* @type {Object}
*/
truncate: null,
/**
* https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
* @type {string}
*/
blend: null,
/**
* @param {CanvasRenderingContext2D} ctx
*/
bind: function (ctx, el, prevEl) {
var style = this;
var prevStyle = prevEl && prevEl.style;
// If no prevStyle, it means first draw.
// Only apply cache if the last time cachced by this function.
var notCheckCache = !prevStyle || ctx.__attrCachedBy !== ContextCachedBy.STYLE_BIND;
ctx.__attrCachedBy = ContextCachedBy.STYLE_BIND;
for (var i = 0; i < STYLE_COMMON_PROPS.length; i++) {
var prop = STYLE_COMMON_PROPS[i];
var styleName = prop[0];
if (notCheckCache || style[styleName] !== prevStyle[styleName]) {
// FIXME Invalid property value will cause style leak from previous element.
ctx[styleName] =
fixShadow(ctx, styleName, style[styleName] || prop[1]);
}
}
if ((notCheckCache || style.fill !== prevStyle.fill)) {
ctx.fillStyle = style.fill;
}
if ((notCheckCache || style.stroke !== prevStyle.stroke)) {
ctx.strokeStyle = style.stroke;
}
if ((notCheckCache || style.opacity !== prevStyle.opacity)) {
ctx.globalAlpha = style.opacity == null ? 1 : style.opacity;
}
if ((notCheckCache || style.blend !== prevStyle.blend)) {
ctx.globalCompositeOperation = style.blend || 'source-over';
}
if (this.hasStroke()) {
var lineWidth = style.lineWidth;
ctx.lineWidth = lineWidth / (
(this.strokeNoScale && el && el.getLineScale) ? el.getLineScale() : 1
);
}
},
hasFill: function () {
var fill = this.fill;
return fill != null && fill !== 'none';
},
hasStroke: function () {
var stroke = this.stroke;
return stroke != null && stroke !== 'none' && this.lineWidth > 0;
},
/**
* Extend from other style
* @param {zrender/graphic/Style} otherStyle
* @param {boolean} overwrite true: overwrirte any way.
* false: overwrite only when !target.hasOwnProperty
* others: overwrite when property is not null/undefined.
*/
extendFrom: function (otherStyle, overwrite) {
if (otherStyle) {
for (var name in otherStyle) {
if (otherStyle.hasOwnProperty(name)
&& (overwrite === true
|| (
overwrite === false
? !this.hasOwnProperty(name)
: otherStyle[name] != null
)
)
) {
this[name] = otherStyle[name];
}
}
}
},
/**
* Batch setting style with a given object
* @param {Object|string} obj
* @param {*} [obj]
*/
set: function (obj, value) {
if (typeof obj === 'string') {
this[obj] = value;
}
else {
this.extendFrom(obj, true);
}
},
/**
* Clone
* @return {zrender/graphic/Style} [description]
*/
clone: function () {
var newStyle = new this.constructor();
newStyle.extendFrom(this, true);
return newStyle;
},
getGradient: function (ctx, obj, rect) {
var method = obj.type === 'radial' ? createRadialGradient : createLinearGradient;
var canvasGradient = method(ctx, obj, rect);
var colorStops = obj.colorStops;
for (var i = 0; i < colorStops.length; i++) {
canvasGradient.addColorStop(
colorStops[i].offset, colorStops[i].color
);
}
return canvasGradient;
}
};
var styleProto = Style.prototype;
for (var i = 0; i < STYLE_COMMON_PROPS.length; i++) {
var prop = STYLE_COMMON_PROPS[i];
if (!(prop[0] in styleProto)) {
styleProto[prop[0]] = prop[1];
}
}
// Provide for others
Style.getGradient = styleProto.getGradient;
var Pattern = function (image, repeat) {
// Should do nothing more in this constructor. Because gradient can be
// declard by `color: {image: ...}`, where this constructor will not be called.
this.image = image;
this.repeat = repeat;
// Can be cloned
this.type = 'pattern';
};
Pattern.prototype.getCanvasPattern = function (ctx) {
return ctx.createPattern(this.image, this.repeat || 'repeat');
};
/**
* @module zrender/Layer
* @author pissang(https://www.github.com/pissang)
*/
function returnFalse() {
return false;
}
/**
* 创建dom
*
* @inner
* @param {string} id dom id 待用
* @param {Painter} painter painter instance
* @param {number} number
*/
function createDom(id, painter, dpr) {
var newDom = createCanvas();
var width = painter.getWidth();
var height = painter.getHeight();
var newDomStyle = newDom.style;
if (newDomStyle) { // In node or some other non-browser environment
newDomStyle.position = 'absolute';
newDomStyle.left = 0;
newDomStyle.top = 0;
newDomStyle.width = width + 'px';
newDomStyle.height = height + 'px';
newDom.setAttribute('data-zr-dom-id', id);
}
newDom.width = width * dpr;
newDom.height = height * dpr;
return newDom;
}
/**
* @alias module:zrender/Layer
* @constructor
* @extends module:zrender/mixin/Transformable
* @param {string} id
* @param {module:zrender/Painter} painter
* @param {number} [dpr]
*/
var Layer = function (id, painter, dpr) {
var dom;
dpr = dpr || devicePixelRatio;
if (typeof id === 'string') {
dom = createDom(id, painter, dpr);
}
// Not using isDom because in node it will return false
else if (isObject$1(id)) {
dom = id;
id = dom.id;
}
this.id = id;
this.dom = dom;
var domStyle = dom.style;
if (domStyle) { // Not in node
dom.onselectstart = returnFalse; // 避免页面选中的尴尬
domStyle['-webkit-user-select'] = 'none';
domStyle['user-select'] = 'none';
domStyle['-webkit-touch-callout'] = 'none';
domStyle['-webkit-tap-highlight-color'] = 'rgba(0,0,0,0)';
domStyle['padding'] = 0;
domStyle['margin'] = 0;
domStyle['border-width'] = 0;
}
this.domBack = null;
this.ctxBack = null;
this.painter = painter;
this.config = null;
// Configs
/**
* 每次清空画布的颜色
* @type {string}
* @default 0
*/
this.clearColor = 0;
/**
* 是否开启动态模糊
* @type {boolean}
* @default false
*/
this.motionBlur = false;
/**
* 在开启动态模糊的时候使用，与上一帧混合的alpha值，值越大尾迹越明显
* @type {number}
* @default 0.7
*/
this.lastFrameAlpha = 0.7;
/**
* Layer dpr
* @type {number}
*/
this.dpr = dpr;
};
Layer.prototype = {
constructor: Layer,
__dirty: true,
__used: false,
__drawIndex: 0,
__startIndex: 0,
__endIndex: 0,
incremental: false,
getElementCount: function () {
return this.__endIndex - this.__startIndex;
},
initContext: function () {
this.ctx = this.dom.getContext('2d');
this.ctx.dpr = this.dpr;
},
createBackBuffer: function () {
var dpr = this.dpr;
this.domBack = createDom('back-' + this.id, this.painter, dpr);
this.ctxBack = this.domBack.getContext('2d');
if (dpr !== 1) {
this.ctxBack.scale(dpr, dpr);
}
},
/**
* @param {number} width
* @param {number} height
*/
resize: function (width, height) {
var dpr = this.dpr;
var dom = this.dom;
var domStyle = dom.style;
var domBack = this.domBack;
if (domStyle) {
domStyle.width = width + 'px';
domStyle.height = height + 'px';
}
dom.width = width * dpr;
dom.height = height * dpr;
if (domBack) {
domBack.width = width * dpr;
domBack.height = height * dpr;
if (dpr !== 1) {
this.ctxBack.scale(dpr, dpr);
}
}
},
/**
* 清空该层画布
* @param {boolean} [clearAll]=false Clear all with out motion blur
* @param {Color} [clearColor]
*/
clear: function (clearAll, clearColor) {
var dom = this.dom;
var ctx = this.ctx;
var width = dom.width;
var height = dom.height;
var clearColor = clearColor || this.clearColor;
var haveMotionBLur = this.motionBlur && !clearAll;
var lastFrameAlpha = this.lastFrameAlpha;
var dpr = this.dpr;
if (haveMotionBLur) {
if (!this.domBack) {
this.createBackBuffer();
}
this.ctxBack.globalCompositeOperation = 'copy';
this.ctxBack.drawImage(
dom, 0, 0,
width / dpr,
height / dpr
);
}
ctx.clearRect(0, 0, width, height);
if (clearColor && clearColor !== 'transparent') {
var clearColorGradientOrPattern;
// Gradient
if (clearColor.colorStops) {
// Cache canvas gradient
clearColorGradientOrPattern = clearColor.__canvasGradient || Style.getGradient(ctx, clearColor, {
x: 0,
y: 0,
width: width,
height: height
});
clearColor.__canvasGradient = clearColorGradientOrPattern;
}
// Pattern
else if (clearColor.image) {
clearColorGradientOrPattern = Pattern.prototype.getCanvasPattern.call(clearColor, ctx);
}
ctx.save();
ctx.fillStyle = clearColorGradientOrPattern || clearColor;
ctx.fillRect(0, 0, width, height);
ctx.restore();
}
if (haveMotionBLur) {
var domBack = this.domBack;
ctx.save();
ctx.globalAlpha = lastFrameAlpha;
ctx.drawImage(domBack, 0, 0, width, height);
ctx.restore();
}
}
};
var requestAnimationFrame = (
typeof window !== 'undefined'
&& (
(window.requestAnimationFrame && window.requestAnimationFrame.bind(window))
// https://github.com/ecomfe/zrender/issues/189#issuecomment-224919809
|| (window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window))
|| window.mozRequestAnimationFrame
|| window.webkitRequestAnimationFrame
)
) || function (func) {
setTimeout(func, 16);
};
var globalImageCache = new LRU(50);
/**
* @param {string|HTMLImageElement|HTMLCanvasElement|Canvas} newImageOrSrc
* @return {HTMLImageElement|HTMLCanvasElement|Canvas} image
*/
function findExistImage(newImageOrSrc) {
if (typeof newImageOrSrc === 'string') {
var cachedImgObj = globalImageCache.get(newImageOrSrc);
return cachedImgObj && cachedImgObj.image;
}
else {
return newImageOrSrc;
}
}
/**
* Caution: User should cache loaded images, but not just count on LRU.
* Consider if required images more than LRU size, will dead loop occur?
*
* @param {string|HTMLImageElement|HTMLCanvasElement|Canvas} newImageOrSrc
* @param {HTMLImageElement|HTMLCanvasElement|Canvas} image Existent image.
* @param {module:zrender/Element} [hostEl] For calling `dirty`.
* @param {Function} [cb] params: (image, cbPayload)
* @param {Object} [cbPayload] Payload on cb calling.
* @return {HTMLImageElement|HTMLCanvasElement|Canvas} image
*/
function createOrUpdateImage(newImageOrSrc, image, hostEl, cb, cbPayload) {
if (!newImageOrSrc) {
return image;
}
else if (typeof newImageOrSrc === 'string') {
// Image should not be loaded repeatly.
if ((image && image.__zrImageSrc === newImageOrSrc) || !hostEl) {
return image;
}
// Only when there is no existent image or existent image src
// is different, this method is responsible for load.
var cachedImgObj = globalImageCache.get(newImageOrSrc);
var pendingWrap = {hostEl: hostEl, cb: cb, cbPayload: cbPayload};
if (cachedImgObj) {
image = cachedImgObj.image;
!isImageReady(image) && cachedImgObj.pending.push(pendingWrap);
}
else {
image = new Image();
image.onload = image.onerror = imageOnLoad;
globalImageCache.put(
newImageOrSrc,
image.__cachedImgObj = {
image: image,
pending: [pendingWrap]
}
);
image.src = image.__zrImageSrc = newImageOrSrc;
}
return image;
}
// newImageOrSrc is an HTMLImageElement or HTMLCanvasElement or Canvas
else {
return newImageOrSrc;
}
}
function imageOnLoad() {
var cachedImgObj = this.__cachedImgObj;
this.onload = this.onerror = this.__cachedImgObj = null;
for (var i = 0; i < cachedImgObj.pending.length; i++) {
var pendingWrap = cachedImgObj.pending[i];
var cb = pendingWrap.cb;
cb && cb(this, pendingWrap.cbPayload);
pendingWrap.hostEl.dirty();
}
cachedImgObj.pending.length = 0;
}
function isImageReady(image) {
return image && image.width && image.height;
}
var textWidthCache = {};
var textWidthCacheCounter = 0;
var TEXT_CACHE_MAX = 5000;
var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
var DEFAULT_FONT$1 = '12px sans-serif';
// Avoid assign to an exported variable, for transforming to cjs.
var methods$1 = {};
function $override$1(name, fn) {
methods$1[name] = fn;
}
/**
* @public
* @param {string} text
* @param {string} font
* @return {number} width
*/
function getWidth(text, font) {
font = font || DEFAULT_FONT$1;
var key = text + ':' + font;
if (textWidthCache[key]) {
return textWidthCache[key];
}
var textLines = (text + '').split('\n');
var width = 0;
for (var i = 0, l = textLines.length; i < l; i++) {
// textContain.measureText may be overrided in SVG or VML
width = Math.max(measureText(textLines[i], font).width, width);
}
if (textWidthCacheCounter > TEXT_CACHE_MAX) {
textWidthCacheCounter = 0;
textWidthCache = {};
}
textWidthCacheCounter++;
textWidthCache[key] = width;
return width;
}
/**
* @public
* @param {string} text
* @param {string} font
* @param {string} [textAlign='left']
* @param {string} [textVerticalAlign='top']
* @param {Array.} [textPadding]
* @param {Object} [rich]
* @param {Object} [truncate]
* @return {Object} {x, y, width, height, lineHeight}
*/
function getBoundingRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate) {
return rich
? getRichTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate)
: getPlainTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, truncate);
}
function getPlainTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, truncate) {
var contentBlock = parsePlainText(text, font, textPadding, textLineHeight, truncate);
var outerWidth = getWidth(text, font);
if (textPadding) {
outerWidth += textPadding[1] + textPadding[3];
}
var outerHeight = contentBlock.outerHeight;
var x = adjustTextX(0, outerWidth, textAlign);
var y = adjustTextY(0, outerHeight, textVerticalAlign);
var rect = new BoundingRect(x, y, outerWidth, outerHeight);
rect.lineHeight = contentBlock.lineHeight;
return rect;
}
function getRichTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate) {
var contentBlock = parseRichText(text, {
rich: rich,
truncate: truncate,
font: font,
textAlign: textAlign,
textPadding: textPadding,
textLineHeight: textLineHeight
});
var outerWidth = contentBlock.outerWidth;
var outerHeight = contentBlock.outerHeight;
var x = adjustTextX(0, outerWidth, textAlign);
var y = adjustTextY(0, outerHeight, textVerticalAlign);
return new BoundingRect(x, y, outerWidth, outerHeight);
}
/**
* @public
* @param {number} x
* @param {number} width
* @param {string} [textAlign='left']
* @return {number} Adjusted x.
*/
function adjustTextX(x, width, textAlign) {
// FIXME Right to left language
if (textAlign === 'right') {
x -= width;
}
else if (textAlign === 'center') {
x -= width / 2;
}
return x;
}
/**
* @public
* @param {number} y
* @param {number} height
* @param {string} [textVerticalAlign='top']
* @return {number} Adjusted y.
*/
function adjustTextY(y, height, textVerticalAlign) {
if (textVerticalAlign === 'middle') {
y -= height / 2;
}
else if (textVerticalAlign === 'bottom') {
y -= height;
}
return y;
}
/**
* Follow same interface to `Displayable.prototype.calculateTextPosition`.
* @public
* @param {Obejct} [out] Prepared out object. If not input, auto created in the method.
* @param {module:zrender/graphic/Style} style where `textPosition` and `textDistance` are visited.
* @param {Object} rect {x, y, width, height} Rect of the host elment, according to which the text positioned.
* @return {Object} The input `out`. Set: {x, y, textAlign, textVerticalAlign}
*/
function calculateTextPosition(out, style, rect) {
var textPosition = style.textPosition;
var distance = style.textDistance;
var x = rect.x;
var y = rect.y;
var height = rect.height;
var width = rect.width;
var halfHeight = height / 2;
var textAlign = 'left';
var textVerticalAlign = 'top';
switch (textPosition) {
case 'left':
x -= distance;
y += halfHeight;
textAlign = 'right';
textVerticalAlign = 'middle';
break;
case 'right':
x += distance + width;
y += halfHeight;
textVerticalAlign = 'middle';
break;
case 'top':
x += width / 2;
y -= distance;
textAlign = 'center';
textVerticalAlign = 'bottom';
break;
case 'bottom':
x += width / 2;
y += height + distance;
textAlign = 'center';
break;
case 'inside':
x += width / 2;
y += halfHeight;
textAlign = 'center';
textVerticalAlign = 'middle';
break;
case 'insideLeft':
x += distance;
y += halfHeight;
textVerticalAlign = 'middle';
break;
case 'insideRight':
x += width - distance;
y += halfHeight;
textAlign = 'right';
textVerticalAlign = 'middle';
break;
case 'insideTop':
x += width / 2;
y += distance;
textAlign = 'center';
break;
case 'insideBottom':
x += width / 2;
y += height - distance;
textAlign = 'center';
textVerticalAlign = 'bottom';
break;
case 'insideTopLeft':
x += distance;
y += distance;
break;
case 'insideTopRight':
x += width - distance;
y += distance;
textAlign = 'right';
break;
case 'insideBottomLeft':
x += distance;
y += height - distance;
textVerticalAlign = 'bottom';
break;
case 'insideBottomRight':
x += width - distance;
y += height - distance;
textAlign = 'right';
textVerticalAlign = 'bottom';
break;
}
out = out || {};
out.x = x;
out.y = y;
out.textAlign = textAlign;
out.textVerticalAlign = textVerticalAlign;
return out;
}
/**
* To be removed. But still do not remove in case that some one has imported it.
* @deprecated
* @public
* @param {stirng} textPosition
* @param {Object} rect {x, y, width, height}
* @param {number} distance
* @return {Object} {x, y, textAlign, textVerticalAlign}
*/
/**
* Show ellipsis if overflow.
*
* @public
* @param {string} text
* @param {string} containerWidth
* @param {string} font
* @param {number} [ellipsis='...']
* @param {Object} [options]
* @param {number} [options.maxIterations=3]
* @param {number} [options.minChar=0] If truncate result are less
* then minChar, ellipsis will not show, which is
* better for user hint in some cases.
* @param {number} [options.placeholder=''] When all truncated, use the placeholder.
* @return {string}
*/
function truncateText(text, containerWidth, font, ellipsis, options) {
if (!containerWidth) {
return '';
}
var textLines = (text + '').split('\n');
options = prepareTruncateOptions(containerWidth, font, ellipsis, options);
// FIXME
// It is not appropriate that every line has '...' when truncate multiple lines.
for (var i = 0, len = textLines.length; i < len; i++) {
textLines[i] = truncateSingleLine(textLines[i], options);
}
return textLines.join('\n');
}
function prepareTruncateOptions(containerWidth, font, ellipsis, options) {
options = extend({}, options);
options.font = font;
var ellipsis = retrieve2(ellipsis, '...');
options.maxIterations = retrieve2(options.maxIterations, 2);
var minChar = options.minChar = retrieve2(options.minChar, 0);
// FIXME
// Other languages?
options.cnCharWidth = getWidth('国', font);
// FIXME
// Consider proportional font?
var ascCharWidth = options.ascCharWidth = getWidth('a', font);
options.placeholder = retrieve2(options.placeholder, '');
// Example 1: minChar: 3, text: 'asdfzxcv', truncate result: 'asdf', but not: 'a...'.
// Example 2: minChar: 3, text: '维度', truncate result: '维', but not: '...'.
var contentWidth = containerWidth = Math.max(0, containerWidth - 1); // Reserve some gap.
for (var i = 0; i < minChar && contentWidth >= ascCharWidth; i++) {
contentWidth -= ascCharWidth;
}
var ellipsisWidth = getWidth(ellipsis, font);
if (ellipsisWidth > contentWidth) {
ellipsis = '';
ellipsisWidth = 0;
}
contentWidth = containerWidth - ellipsisWidth;
options.ellipsis = ellipsis;
options.ellipsisWidth = ellipsisWidth;
options.contentWidth = contentWidth;
options.containerWidth = containerWidth;
return options;
}
function truncateSingleLine(textLine, options) {
var containerWidth = options.containerWidth;
var font = options.font;
var contentWidth = options.contentWidth;
if (!containerWidth) {
return '';
}
var lineWidth = getWidth(textLine, font);
if (lineWidth <= containerWidth) {
return textLine;
}
for (var j = 0; ; j++) {
if (lineWidth <= contentWidth || j >= options.maxIterations) {
textLine += options.ellipsis;
break;
}
var subLength = j === 0
? estimateLength(textLine, contentWidth, options.ascCharWidth, options.cnCharWidth)
: lineWidth > 0
? Math.floor(textLine.length * contentWidth / lineWidth)
: 0;
textLine = textLine.substr(0, subLength);
lineWidth = getWidth(textLine, font);
}
if (textLine === '') {
textLine = options.placeholder;
}
return textLine;
}
function estimateLength(text, contentWidth, ascCharWidth, cnCharWidth) {
var width = 0;
var i = 0;
for (var len = text.length; i < len && width < contentWidth; i++) {
var charCode = text.charCodeAt(i);
width += (0 <= charCode && charCode <= 127) ? ascCharWidth : cnCharWidth;
}
return i;
}
/**
* @public
* @param {string} font
* @return {number} line height
*/
function getLineHeight(font) {
// FIXME A rough approach.
return getWidth('国', font);
}
/**
* @public
* @param {string} text
* @param {string} font
* @return {Object} width
*/
function measureText(text, font) {
return methods$1.measureText(text, font);
}
// Avoid assign to an exported variable, for transforming to cjs.
methods$1.measureText = function (text, font) {
var ctx = getContext();
ctx.font = font || DEFAULT_FONT$1;
return ctx.measureText(text);
};
/**
* @public
* @param {string} text
* @param {string} font
* @param {Object} [truncate]
* @return {Object} block: {lineHeight, lines, height, outerHeight}
* Notice: for performance, do not calculate outerWidth util needed.
*/
function parsePlainText(text, font, padding, textLineHeight, truncate) {
text != null && (text += '');
var lineHeight = retrieve2(textLineHeight, getLineHeight(font));
var lines = text ? text.split('\n') : [];
var height = lines.length * lineHeight;
var outerHeight = height;
if (padding) {
outerHeight += padding[0] + padding[2];
}
if (text && truncate) {
var truncOuterHeight = truncate.outerHeight;
var truncOuterWidth = truncate.outerWidth;
if (truncOuterHeight != null && outerHeight > truncOuterHeight) {
text = '';
lines = [];
}
else if (truncOuterWidth != null) {
var options = prepareTruncateOptions(
truncOuterWidth - (padding ? padding[1] + padding[3] : 0),
font,
truncate.ellipsis,
{minChar: truncate.minChar, placeholder: truncate.placeholder}
);
// FIXME
// It is not appropriate that every line has '...' when truncate multiple lines.
for (var i = 0, len = lines.length; i < len; i++) {
lines[i] = truncateSingleLine(lines[i], options);
}
}
}
return {
lines: lines,
height: height,
outerHeight: outerHeight,
lineHeight: lineHeight
};
}
/**
* For example: 'some text {a|some text}other text{b|some text}xxx{c|}xxx'
* Also consider 'bbbb{a|xxx\nzzz}xxxx\naaaa'.
*
* @public
* @param {string} text
* @param {Object} style
* @return {Object} block
* {
* width,
* height,
* lines: [{
* lineHeight,
* width,
* tokens: [[{
* styleName,
* text,
* width, // include textPadding
* height, // include textPadding
* textWidth, // pure text width
* textHeight, // pure text height
* lineHeihgt,
* font,
* textAlign,
* textVerticalAlign
* }], [...], ...]
* }, ...]
* }
* If styleName is undefined, it is plain text.
*/
function parseRichText(text, style) {
var contentBlock = {lines: [], width: 0, height: 0};
text != null && (text += '');
if (!text) {
return contentBlock;
}
var lastIndex = STYLE_REG.lastIndex = 0;
var result;
while ((result = STYLE_REG.exec(text)) != null) {
var matchedIndex = result.index;
if (matchedIndex > lastIndex) {
pushTokens(contentBlock, text.substring(lastIndex, matchedIndex));
}
pushTokens(contentBlock, result[2], result[1]);
lastIndex = STYLE_REG.lastIndex;
}
if (lastIndex < text.length) {
pushTokens(contentBlock, text.substring(lastIndex, text.length));
}
var lines = contentBlock.lines;
var contentHeight = 0;
var contentWidth = 0;
// For `textWidth: 100%`
var pendingList = [];
var stlPadding = style.textPadding;
var truncate = style.truncate;
var truncateWidth = truncate && truncate.outerWidth;
var truncateHeight = truncate && truncate.outerHeight;
if (stlPadding) {
truncateWidth != null && (truncateWidth -= stlPadding[1] + stlPadding[3]);
truncateHeight != null && (truncateHeight -= stlPadding[0] + stlPadding[2]);
}
// Calculate layout info of tokens.
for (var i = 0; i < lines.length; i++) {
var line = lines[i];
var lineHeight = 0;
var lineWidth = 0;
for (var j = 0; j < line.tokens.length; j++) {
var token = line.tokens[j];
var tokenStyle = token.styleName && style.rich[token.styleName] || {};
// textPadding should not inherit from style.
var textPadding = token.textPadding = tokenStyle.textPadding;
// textFont has been asigned to font by `normalizeStyle`.
var font = token.font = tokenStyle.font || style.font;
// textHeight can be used when textVerticalAlign is specified in token.
var tokenHeight = token.textHeight = retrieve2(
// textHeight should not be inherited, consider it can be specified
// as box height of the block.
tokenStyle.textHeight, getLineHeight(font)
);
textPadding && (tokenHeight += textPadding[0] + textPadding[2]);
token.height = tokenHeight;
token.lineHeight = retrieve3(
tokenStyle.textLineHeight, style.textLineHeight, tokenHeight
);
token.textAlign = tokenStyle && tokenStyle.textAlign || style.textAlign;
token.textVerticalAlign = tokenStyle && tokenStyle.textVerticalAlign || 'middle';
if (truncateHeight != null && contentHeight + token.lineHeight > truncateHeight) {
return {lines: [], width: 0, height: 0};
}
token.textWidth = getWidth(token.text, font);
var tokenWidth = tokenStyle.textWidth;
var tokenWidthNotSpecified = tokenWidth == null || tokenWidth === 'auto';
// Percent width, can be `100%`, can be used in drawing separate
// line when box width is needed to be auto.
if (typeof tokenWidth === 'string' && tokenWidth.charAt(tokenWidth.length - 1) === '%') {
token.percentWidth = tokenWidth;
pendingList.push(token);
tokenWidth = 0;
// Do not truncate in this case, because there is no user case
// and it is too complicated.
}
else {
if (tokenWidthNotSpecified) {
tokenWidth = token.textWidth;
// FIXME: If image is not loaded and textWidth is not specified, calling
// `getBoundingRect()` will not get correct result.
var textBackgroundColor = tokenStyle.textBackgroundColor;
var bgImg = textBackgroundColor && textBackgroundColor.image;
// Use cases:
// (1) If image is not loaded, it will be loaded at render phase and call
// `dirty()` and `textBackgroundColor.image` will be replaced with the loaded
// image, and then the right size will be calculated here at the next tick.
// See `graphic/helper/text.js`.
// (2) If image loaded, and `textBackgroundColor.image` is image src string,
// use `imageHelper.findExistImage` to find cached image.
// `imageHelper.findExistImage` will always be called here before
// `imageHelper.createOrUpdateImage` in `graphic/helper/text.js#renderRichText`
// which ensures that image will not be rendered before correct size calcualted.
if (bgImg) {
bgImg = findExistImage(bgImg);
if (isImageReady(bgImg)) {
tokenWidth = Math.max(tokenWidth, bgImg.width * tokenHeight / bgImg.height);
}
}
}
var paddingW = textPadding ? textPadding[1] + textPadding[3] : 0;
tokenWidth += paddingW;
var remianTruncWidth = truncateWidth != null ? truncateWidth - lineWidth : null;
if (remianTruncWidth != null && remianTruncWidth < tokenWidth) {
if (!tokenWidthNotSpecified || remianTruncWidth < paddingW) {
token.text = '';
token.textWidth = tokenWidth = 0;
}
else {
token.text = truncateText(
token.text, remianTruncWidth - paddingW, font, truncate.ellipsis,
{minChar: truncate.minChar}
);
token.textWidth = getWidth(token.text, font);
tokenWidth = token.textWidth + paddingW;
}
}
}
lineWidth += (token.width = tokenWidth);
tokenStyle && (lineHeight = Math.max(lineHeight, token.lineHeight));
}
line.width = lineWidth;
line.lineHeight = lineHeight;
contentHeight += lineHeight;
contentWidth = Math.max(contentWidth, lineWidth);
}
contentBlock.outerWidth = contentBlock.width = retrieve2(style.textWidth, contentWidth);
contentBlock.outerHeight = contentBlock.height = retrieve2(style.textHeight, contentHeight);
if (stlPadding) {
contentBlock.outerWidth += stlPadding[1] + stlPadding[3];
contentBlock.outerHeight += stlPadding[0] + stlPadding[2];
}
for (var i = 0; i < pendingList.length; i++) {
var token = pendingList[i];
var percentWidth = token.percentWidth;
// Should not base on outerWidth, because token can not be placed out of padding.
token.width = parseInt(percentWidth, 10) / 100 * contentWidth;
}
return contentBlock;
}
function pushTokens(block, str, styleName) {
var isEmptyStr = str === '';
var strs = str.split('\n');
var lines = block.lines;
for (var i = 0; i < strs.length; i++) {
var text = strs[i];
var token = {
styleName: styleName,
text: text,
isLineHolder: !text && !isEmptyStr
};
// The first token should be appended to the last line.
if (!i) {
var tokens = (lines[lines.length - 1] || (lines[0] = {tokens: []})).tokens;
// Consider cases:
// (1) ''.split('\n') => ['', '\n', ''], the '' at the first item
// (which is a placeholder) should be replaced by new token.
// (2) A image backage, where token likes {a|}.
// (3) A redundant '' will affect textAlign in line.
// (4) tokens with the same tplName should not be merged, because
// they should be displayed in different box (with border and padding).
var tokensLen = tokens.length;
(tokensLen === 1 && tokens[0].isLineHolder)
? (tokens[0] = token)
// Consider text is '', only insert when it is the "lineHolder" or
// "emptyStr". Otherwise a redundant '' will affect textAlign in line.
: ((text || !tokensLen || isEmptyStr) && tokens.push(token));
}
// Other tokens always start a new line.
else {
// If there is '', insert it as a placeholder.
lines.push({tokens: [token]});
}
}
}
function makeFont(style) {
// FIXME in node-canvas fontWeight is before fontStyle
// Use `fontSize` `fontFamily` to check whether font properties are defined.
var font = (style.fontSize || style.fontFamily) && [
style.fontStyle,
style.fontWeight,
(style.fontSize || 12) + 'px',
// If font properties are defined, `fontFamily` should not be ignored.
style.fontFamily || 'sans-serif'
].join(' ');
return font && trim(font) || style.textFont || style.font;
}
/**
* @param {Object} ctx
* @param {Object} shape
* @param {number} shape.x
* @param {number} shape.y
* @param {number} shape.width
* @param {number} shape.height
* @param {number} shape.r
*/
function buildPath(ctx, shape) {
var x = shape.x;
var y = shape.y;
var width = shape.width;
var height = shape.height;
var r = shape.r;
var r1;
var r2;
var r3;
var r4;
// Convert width and height to positive for better borderRadius
if (width < 0) {
x = x + width;
width = -width;
}
if (height < 0) {
y = y + height;
height = -height;
}
if (typeof r === 'number') {
r1 = r2 = r3 = r4 = r;
}
else if (r instanceof Array) {
if (r.length === 1) {
r1 = r2 = r3 = r4 = r[0];
}
else if (r.length === 2) {
r1 = r3 = r[0];
r2 = r4 = r[1];
}
else if (r.length === 3) {
r1 = r[0];
r2 = r4 = r[1];
r3 = r[2];
}
else {
r1 = r[0];
r2 = r[1];
r3 = r[2];
r4 = r[3];
}
}
else {
r1 = r2 = r3 = r4 = 0;
}
var total;
if (r1 + r2 > width) {
total = r1 + r2;
r1 *= width / total;
r2 *= width / total;
}
if (r3 + r4 > width) {
total = r3 + r4;
r3 *= width / total;
r4 *= width / total;
}
if (r2 + r3 > height) {
total = r2 + r3;
r2 *= height / total;
r3 *= height / total;
}
if (r1 + r4 > height) {
total = r1 + r4;
r1 *= height / total;
r4 *= height / total;
}
ctx.moveTo(x + r1, y);
ctx.lineTo(x + width - r2, y);
r2 !== 0 && ctx.arc(x + width - r2, y + r2, r2, -Math.PI / 2, 0);
ctx.lineTo(x + width, y + height - r3);
r3 !== 0 && ctx.arc(x + width - r3, y + height - r3, r3, 0, Math.PI / 2);
ctx.lineTo(x + r4, y + height);
r4 !== 0 && ctx.arc(x + r4, y + height - r4, r4, Math.PI / 2, Math.PI);
ctx.lineTo(x, y + r1);
r1 !== 0 && ctx.arc(x + r1, y + r1, r1, Math.PI, Math.PI * 1.5);
}
var DEFAULT_FONT = DEFAULT_FONT$1;
// TODO: Have not support 'start', 'end' yet.
var VALID_TEXT_ALIGN = {left: 1, right: 1, center: 1};
var VALID_TEXT_VERTICAL_ALIGN = {top: 1, bottom: 1, middle: 1};
// Different from `STYLE_COMMON_PROPS` of `graphic/Style`,
// the default value of shadowColor is `'transparent'`.
var SHADOW_STYLE_COMMON_PROPS = [
['textShadowBlur', 'shadowBlur', 0],
['textShadowOffsetX', 'shadowOffsetX', 0],
['textShadowOffsetY', 'shadowOffsetY', 0],
['textShadowColor', 'shadowColor', 'transparent']
];
var _tmpTextPositionResult = {};
var _tmpBoxPositionResult = {};
/**
* @param {module:zrender/graphic/Style} style
* @return {module:zrender/graphic/Style} The input style.
*/
function normalizeTextStyle(style) {
normalizeStyle(style);
each$1(style.rich, normalizeStyle);
return style;
}
function normalizeStyle(style) {
if (style) {
style.font = makeFont(style);
var textAlign = style.textAlign;
textAlign === 'middle' && (textAlign = 'center');
style.textAlign = (
textAlign == null || VALID_TEXT_ALIGN[textAlign]
) ? textAlign : 'left';
// Compatible with textBaseline.
var textVerticalAlign = style.textVerticalAlign || style.textBaseline;
textVerticalAlign === 'center' && (textVerticalAlign = 'middle');
style.textVerticalAlign = (
textVerticalAlign == null || VALID_TEXT_VERTICAL_ALIGN[textVerticalAlign]
) ? textVerticalAlign : 'top';
var textPadding = style.textPadding;
if (textPadding) {
style.textPadding = normalizeCssArray(style.textPadding);
}
}
}
/**
* @param {CanvasRenderingContext2D} ctx
* @param {string} text
* @param {module:zrender/graphic/Style} style
* @param {Object|boolean} [rect] {x, y, width, height}
* If set false, rect text is not used.
* @param {Element|module:zrender/graphic/helper/constant.WILL_BE_RESTORED} [prevEl] For ctx prop cache.
*/
function renderText(hostEl, ctx, text, style, rect, prevEl) {
style.rich
? renderRichText(hostEl, ctx, text, style, rect, prevEl)
: renderPlainText(hostEl, ctx, text, style, rect, prevEl);
}
// Avoid setting to ctx according to prevEl if possible for
// performance in scenarios of large amount text.
function renderPlainText(hostEl, ctx, text, style, rect, prevEl) {
'use strict';
var needDrawBg = needDrawBackground(style);
var prevStyle;
var checkCache = false;
var cachedByMe = ctx.__attrCachedBy === ContextCachedBy.PLAIN_TEXT;
// Only take and check cache for `Text` el, but not RectText.
if (prevEl !== WILL_BE_RESTORED) {
if (prevEl) {
prevStyle = prevEl.style;
checkCache = !needDrawBg && cachedByMe && prevStyle;
}
// Prevent from using cache in `Style::bind`, because of the case:
// ctx property is modified by other properties than `Style::bind`
// used, and Style::bind is called next.
ctx.__attrCachedBy = needDrawBg ? ContextCachedBy.NONE : ContextCachedBy.PLAIN_TEXT;
}
// Since this will be restored, prevent from using these props to check cache in the next
// entering of this method. But do not need to clear other cache like `Style::bind`.
else if (cachedByMe) {
ctx.__attrCachedBy = ContextCachedBy.NONE;
}
var styleFont = style.font || DEFAULT_FONT;
// PENDING
// Only `Text` el set `font` and keep it (`RectText` will restore). So theoretically
// we can make font cache on ctx, which can cache for text el that are discontinuous.
// But layer save/restore needed to be considered.
// if (styleFont !== ctx.__fontCache) {
// ctx.font = styleFont;
// if (prevEl !== WILL_BE_RESTORED) {
// ctx.__fontCache = styleFont;
// }
// }
if (!checkCache || styleFont !== (prevStyle.font || DEFAULT_FONT)) {
ctx.font = styleFont;
}
// Use the final font from context-2d, because the final
// font might not be the style.font when it is illegal.
// But get `ctx.font` might be time consuming.
var computedFont = hostEl.__computedFont;
if (hostEl.__styleFont !== styleFont) {
hostEl.__styleFont = styleFont;
computedFont = hostEl.__computedFont = ctx.font;
}
var textPadding = style.textPadding;
var textLineHeight = style.textLineHeight;
var contentBlock = hostEl.__textCotentBlock;
if (!contentBlock || hostEl.__dirtyText) {
contentBlock = hostEl.__textCotentBlock = parsePlainText(
text, computedFont, textPadding, textLineHeight, style.truncate
);
}
var outerHeight = contentBlock.outerHeight;
var textLines = contentBlock.lines;
var lineHeight = contentBlock.lineHeight;
var boxPos = getBoxPosition(_tmpBoxPositionResult, hostEl, style, rect);
var baseX = boxPos.baseX;
var baseY = boxPos.baseY;
var textAlign = boxPos.textAlign || 'left';
var textVerticalAlign = boxPos.textVerticalAlign;
// Origin of textRotation should be the base point of text drawing.
applyTextRotation(ctx, style, rect, baseX, baseY);
var boxY = adjustTextY(baseY, outerHeight, textVerticalAlign);
var textX = baseX;
var textY = boxY;
if (needDrawBg || textPadding) {
// Consider performance, do not call getTextWidth util necessary.
var textWidth = getWidth(text, computedFont);
var outerWidth = textWidth;
textPadding && (outerWidth += textPadding[1] + textPadding[3]);
var boxX = adjustTextX(baseX, outerWidth, textAlign);
needDrawBg && drawBackground(hostEl, ctx, style, boxX, boxY, outerWidth, outerHeight);
if (textPadding) {
textX = getTextXForPadding(baseX, textAlign, textPadding);
textY += textPadding[0];
}
}
// Always set textAlign and textBase line, because it is difficute to calculate
// textAlign from prevEl, and we dont sure whether textAlign will be reset if
// font set happened.
ctx.textAlign = textAlign;
// Force baseline to be "middle". Otherwise, if using "top", the
// text will offset downward a little bit in font "Microsoft YaHei".
ctx.textBaseline = 'middle';
// Set text opacity
ctx.globalAlpha = style.opacity || 1;
// Always set shadowBlur and shadowOffset to avoid leak from displayable.
for (var i = 0; i < SHADOW_STYLE_COMMON_PROPS.length; i++) {
var propItem = SHADOW_STYLE_COMMON_PROPS[i];
var styleProp = propItem[0];
var ctxProp = propItem[1];
var val = style[styleProp];
if (!checkCache || val !== prevStyle[styleProp]) {
ctx[ctxProp] = fixShadow(ctx, ctxProp, val || propItem[2]);
}
}
// `textBaseline` is set as 'middle'.
textY += lineHeight / 2;
var textStrokeWidth = style.textStrokeWidth;
var textStrokeWidthPrev = checkCache ? prevStyle.textStrokeWidth : null;
var strokeWidthChanged = !checkCache || textStrokeWidth !== textStrokeWidthPrev;
var strokeChanged = !checkCache || strokeWidthChanged || style.textStroke !== prevStyle.textStroke;
var textStroke = getStroke(style.textStroke, textStrokeWidth);
var textFill = getFill(style.textFill);
if (textStroke) {
if (strokeWidthChanged) {
ctx.lineWidth = textStrokeWidth;
}
if (strokeChanged) {
ctx.strokeStyle = textStroke;
}
}
if (textFill) {
if (!checkCache || style.textFill !== prevStyle.textFill) {
ctx.fillStyle = textFill;
}
}
// Optimize simply, in most cases only one line exists.
if (textLines.length === 1) {
// Fill after stroke so the outline will not cover the main part.
textStroke && ctx.strokeText(textLines[0], textX, textY);
textFill && ctx.fillText(textLines[0], textX, textY);
}
else {
for (var i = 0; i < textLines.length; i++) {
// Fill after stroke so the outline will not cover the main part.
textStroke && ctx.strokeText(textLines[i], textX, textY);
textFill && ctx.fillText(textLines[i], textX, textY);
textY += lineHeight;
}
}
}
function renderRichText(hostEl, ctx, text, style, rect, prevEl) {
// Do not do cache for rich text because of the complexity.
// But `RectText` this will be restored, do not need to clear other cache like `Style::bind`.
if (prevEl !== WILL_BE_RESTORED) {
ctx.__attrCachedBy = ContextCachedBy.NONE;
}
var contentBlock = hostEl.__textCotentBlock;
if (!contentBlock || hostEl.__dirtyText) {
contentBlock = hostEl.__textCotentBlock = parseRichText(text, style);
}
drawRichText(hostEl, ctx, contentBlock, style, rect);
}
function drawRichText(hostEl, ctx, contentBlock, style, rect) {
var contentWidth = contentBlock.width;
var outerWidth = contentBlock.outerWidth;
var outerHeight = contentBlock.outerHeight;
var textPadding = style.textPadding;
var boxPos = getBoxPosition(_tmpBoxPositionResult, hostEl, style, rect);
var baseX = boxPos.baseX;
var baseY = boxPos.baseY;
var textAlign = boxPos.textAlign;
var textVerticalAlign = boxPos.textVerticalAlign;
// Origin of textRotation should be the base point of text drawing.
applyTextRotation(ctx, style, rect, baseX, baseY);
var boxX = adjustTextX(baseX, outerWidth, textAlign);
var boxY = adjustTextY(baseY, outerHeight, textVerticalAlign);
var xLeft = boxX;
var lineTop = boxY;
if (textPadding) {
xLeft += textPadding[3];
lineTop += textPadding[0];
}
var xRight = xLeft + contentWidth;
needDrawBackground(style) && drawBackground(
hostEl, ctx, style, boxX, boxY, outerWidth, outerHeight
);
for (var i = 0; i < contentBlock.lines.length; i++) {
var line = contentBlock.lines[i];
var tokens = line.tokens;
var tokenCount = tokens.length;
var lineHeight = line.lineHeight;
var usedWidth = line.width;
var leftIndex = 0;
var lineXLeft = xLeft;
var lineXRight = xRight;
var rightIndex = tokenCount - 1;
var token;
while (
leftIndex < tokenCount
&& (token = tokens[leftIndex], !token.textAlign || token.textAlign === 'left')
) {
placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXLeft, 'left');
usedWidth -= token.width;
lineXLeft += token.width;
leftIndex++;
}
while (
rightIndex >= 0
&& (token = tokens[rightIndex], token.textAlign === 'right')
) {
placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXRight, 'right');
usedWidth -= token.width;
lineXRight -= token.width;
rightIndex--;
}
// The other tokens are placed as textAlign 'center' if there is enough space.
lineXLeft += (contentWidth - (lineXLeft - xLeft) - (xRight - lineXRight) - usedWidth) / 2;
while (leftIndex <= rightIndex) {
token = tokens[leftIndex];
// Consider width specified by user, use 'center' rather than 'left'.
placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXLeft + token.width / 2, 'center');
lineXLeft += token.width;
leftIndex++;
}
lineTop += lineHeight;
}
}
function applyTextRotation(ctx, style, rect, x, y) {
// textRotation only apply in RectText.
if (rect && style.textRotation) {
var origin = style.textOrigin;
if (origin === 'center') {
x = rect.width / 2 + rect.x;
y = rect.height / 2 + rect.y;
}
else if (origin) {
x = origin[0] + rect.x;
y = origin[1] + rect.y;
}
ctx.translate(x, y);
// Positive: anticlockwise
ctx.rotate(-style.textRotation);
ctx.translate(-x, -y);
}
}
function placeToken(hostEl, ctx, token, style, lineHeight, lineTop, x, textAlign) {
var tokenStyle = style.rich[token.styleName] || {};
tokenStyle.text = token.text;
// 'ctx.textBaseline' is always set as 'middle', for sake of
// the bias of "Microsoft YaHei".
var textVerticalAlign = token.textVerticalAlign;
var y = lineTop + lineHeight / 2;
if (textVerticalAlign === 'top') {
y = lineTop + token.height / 2;
}
else if (textVerticalAlign === 'bottom') {
y = lineTop + lineHeight - token.height / 2;
}
!token.isLineHolder && needDrawBackground(tokenStyle) && drawBackground(
hostEl,
ctx,
tokenStyle,
textAlign === 'right'
? x - token.width
: textAlign === 'center'
? x - token.width / 2
: x,
y - token.height / 2,
token.width,
token.height
);
var textPadding = token.textPadding;
if (textPadding) {
x = getTextXForPadding(x, textAlign, textPadding);
y -= token.height / 2 - textPadding[2] - token.textHeight / 2;
}
setCtx(ctx, 'shadowBlur', retrieve3(tokenStyle.textShadowBlur, style.textShadowBlur, 0));
setCtx(ctx, 'shadowColor', tokenStyle.textShadowColor || style.textShadowColor || 'transparent');
setCtx(ctx, 'shadowOffsetX', retrieve3(tokenStyle.textShadowOffsetX, style.textShadowOffsetX, 0));
setCtx(ctx, 'shadowOffsetY', retrieve3(tokenStyle.textShadowOffsetY, style.textShadowOffsetY, 0));
setCtx(ctx, 'textAlign', textAlign);
// Force baseline to be "middle". Otherwise, if using "top", the
// text will offset downward a little bit in font "Microsoft YaHei".
setCtx(ctx, 'textBaseline', 'middle');
setCtx(ctx, 'font', token.font || DEFAULT_FONT);
var textStroke = getStroke(tokenStyle.textStroke || style.textStroke, textStrokeWidth);
var textFill = getFill(tokenStyle.textFill || style.textFill);
var textStrokeWidth = retrieve2(tokenStyle.textStrokeWidth, style.textStrokeWidth);
// Fill after stroke so the outline will not cover the main part.
if (textStroke) {
setCtx(ctx, 'lineWidth', textStrokeWidth);
setCtx(ctx, 'strokeStyle', textStroke);
ctx.strokeText(token.text, x, y);
}
if (textFill) {
setCtx(ctx, 'fillStyle', textFill);
ctx.fillText(token.text, x, y);
}
}
function needDrawBackground(style) {
return !!(
style.textBackgroundColor
|| (style.textBorderWidth && style.textBorderColor)
);
}
// style: {textBackgroundColor, textBorderWidth, textBorderColor, textBorderRadius, text}
// shape: {x, y, width, height}
function drawBackground(hostEl, ctx, style, x, y, width, height) {
var textBackgroundColor = style.textBackgroundColor;
var textBorderWidth = style.textBorderWidth;
var textBorderColor = style.textBorderColor;
var isPlainBg = isString(textBackgroundColor);
setCtx(ctx, 'shadowBlur', style.textBoxShadowBlur || 0);
setCtx(ctx, 'shadowColor', style.textBoxShadowColor || 'transparent');
setCtx(ctx, 'shadowOffsetX', style.textBoxShadowOffsetX || 0);
setCtx(ctx, 'shadowOffsetY', style.textBoxShadowOffsetY || 0);
if (isPlainBg || (textBorderWidth && textBorderColor)) {
ctx.beginPath();
var textBorderRadius = style.textBorderRadius;
if (!textBorderRadius) {
ctx.rect(x, y, width, height);
}
else {
buildPath(ctx, {
x: x, y: y, width: width, height: height, r: textBorderRadius
});
}
ctx.closePath();
}
if (isPlainBg) {
setCtx(ctx, 'fillStyle', textBackgroundColor);
if (style.fillOpacity != null) {
var originalGlobalAlpha = ctx.globalAlpha;
ctx.globalAlpha = style.fillOpacity * style.opacity;
ctx.fill();
ctx.globalAlpha = originalGlobalAlpha;
}
else {
ctx.fill();
}
}
else if (isObject$1(textBackgroundColor)) {
var image = textBackgroundColor.image;
image = createOrUpdateImage(
image, null, hostEl, onBgImageLoaded, textBackgroundColor
);
if (image && isImageReady(image)) {
ctx.drawImage(image, x, y, width, height);
}
}
if (textBorderWidth && textBorderColor) {
setCtx(ctx, 'lineWidth', textBorderWidth);
setCtx(ctx, 'strokeStyle', textBorderColor);
if (style.strokeOpacity != null) {
var originalGlobalAlpha = ctx.globalAlpha;
ctx.globalAlpha = style.strokeOpacity * style.opacity;
ctx.stroke();
ctx.globalAlpha = originalGlobalAlpha;
}
else {
ctx.stroke();
}
}
}
function onBgImageLoaded(image, textBackgroundColor) {
// Replace image, so that `contain/text.js#parseRichText`
// will get correct result in next tick.
textBackgroundColor.image = image;
}
function getBoxPosition(out, hostEl, style, rect) {
var baseX = style.x || 0;
var baseY = style.y || 0;
var textAlign = style.textAlign;
var textVerticalAlign = style.textVerticalAlign;
// Text position represented by coord
if (rect) {
var textPosition = style.textPosition;
if (textPosition instanceof Array) {
// Percent
baseX = rect.x + parsePercent(textPosition[0], rect.width);
baseY = rect.y + parsePercent(textPosition[1], rect.height);
}
else {
var res = (hostEl && hostEl.calculateTextPosition)
? hostEl.calculateTextPosition(_tmpTextPositionResult, style, rect)
: calculateTextPosition(_tmpTextPositionResult, style, rect);
baseX = res.x;
baseY = res.y;
// Default align and baseline when has textPosition
textAlign = textAlign || res.textAlign;
textVerticalAlign = textVerticalAlign || res.textVerticalAlign;
}
// textOffset is only support in RectText, otherwise
// we have to adjust boundingRect for textOffset.
var textOffset = style.textOffset;
if (textOffset) {
baseX += textOffset[0];
baseY += textOffset[1];
}
}
out = out || {};
out.baseX = baseX;
out.baseY = baseY;
out.textAlign = textAlign;
out.textVerticalAlign = textVerticalAlign;
return out;
}
function setCtx(ctx, prop, value) {
ctx[prop] = fixShadow(ctx, prop, value);
return ctx[prop];
}
/**
* @param {string} [stroke] If specified, do not check style.textStroke.
* @param {string} [lineWidth] If specified, do not check style.textStroke.
* @param {number} style
*/
function getStroke(stroke, lineWidth) {
return (stroke == null || lineWidth <= 0 || stroke === 'transparent' || stroke === 'none')
? null
// TODO pattern and gradient?
: (stroke.image || stroke.colorStops)
? '#000'
: stroke;
}
function getFill(fill) {
return (fill == null || fill === 'none')
? null
// TODO pattern and gradient?
: (fill.image || fill.colorStops)
? '#000'
: fill;
}
function parsePercent(value, maxValue) {
if (typeof value === 'string') {
if (value.lastIndexOf('%') >= 0) {
return parseFloat(value) / 100 * maxValue;
}
return parseFloat(value);
}
return value;
}
function getTextXForPadding(x, textAlign, textPadding) {
return textAlign === 'right'
? (x - textPadding[1])
: textAlign === 'center'
? (x + textPadding[3] / 2 - textPadding[1] / 2)
: (x + textPadding[3]);
}
/**
* @param {string} text
* @param {module:zrender/Style} style
* @return {boolean}
*/
function needDrawText(text, style) {
return text != null
&& (text
|| style.textBackgroundColor
|| (style.textBorderWidth && style.textBorderColor)
|| style.textPadding
);
}
/**
* Mixin for drawing text in a element bounding rect
* @module zrender/mixin/RectText
*/
var tmpRect$1 = new BoundingRect();
var RectText = function () {};
RectText.prototype = {
constructor: RectText,
/**
* Draw text in a rect with specified position.
* @param {CanvasRenderingContext2D} ctx
* @param {Object} rect Displayable rect
*/
drawRectText: function (ctx, rect) {
var style = this.style;
rect = style.textRect || rect;
// Optimize, avoid normalize every time.
this.__dirty && normalizeTextStyle(style, true);
var text = style.text;
// Convert to string
text != null && (text += '');
if (!needDrawText(text, style)) {
return;
}
// FIXME
// Do not provide prevEl to `textHelper.renderText` for ctx prop cache,
// but use `ctx.save()` and `ctx.restore()`. Because the cache for rect
// text propably break the cache for its host elements.
ctx.save();
// Transform rect to view space
var transform = this.transform;
if (!style.transformText) {
if (transform) {
tmpRect$1.copy(rect);
tmpRect$1.applyTransform(transform);
rect = tmpRect$1;
}
}
else {
this.setTransform(ctx);
}
// transformText and textRotation can not be used at the same time.
renderText(this, ctx, text, style, rect, WILL_BE_RESTORED);
ctx.restore();
}
};
/**
* 可绘制的图形基类
* Base class of all displayable graphic objects
* @module zrender/graphic/Displayable
*/
/**
* @alias module:zrender/graphic/Displayable
* @extends module:zrender/Element
* @extends module:zrender/graphic/mixin/RectText
*/
function Displayable(opts) {
opts = opts || {};
Element.call(this, opts);
// Extend properties
for (var name in opts) {
if (
opts.hasOwnProperty(name)
&& name !== 'style'
) {
this[name] = opts[name];
}
}
/**
* @type {module:zrender/graphic/Style}
*/
this.style = new Style(opts.style, this);
this._rect = null;
// Shapes for cascade clipping.
// Can only be `null`/`undefined` or an non-empty array, MUST NOT be an empty array.
// because it is easy to only using null to check whether clipPaths changed.
this.__clipPaths = null;
// FIXME Stateful must be mixined after style is setted
// Stateful.call(this, opts);
}
Displayable.prototype = {
constructor: Displayable,
type: 'displayable',
/**
* Displayable 是否为脏，Painter 中会根据该标记判断是否需要是否需要重新绘制
* Dirty flag. From which painter will determine if this displayable object needs brush
* @name module:zrender/graphic/Displayable#__dirty
* @type {boolean}
*/
__dirty: true,
/**
* 图形是否可见，为true时不绘制图形，但是仍能触发鼠标事件
* If ignore drawing of the displayable object. Mouse event will still be triggered
* @name module:/zrender/graphic/Displayable#invisible
* @type {boolean}
* @default false
*/
invisible: false,
/**
* @name module:/zrender/graphic/Displayable#z
* @type {number}
* @default 0
*/
z: 0,
/**
* @name module:/zrender/graphic/Displayable#z
* @type {number}
* @default 0
*/
z2: 0,
/**
* z层level，决定绘画在哪层canvas中
* @name module:/zrender/graphic/Displayable#zlevel
* @type {number}
* @default 0
*/
zlevel: 0,
/**
* 是否可拖拽
* @name module:/zrender/graphic/Displayable#draggable
* @type {boolean}
* @default false
*/
draggable: false,
/**
* 是否正在拖拽
* @name module:/zrender/graphic/Displayable#draggable
* @type {boolean}
* @default false
*/
dragging: false,
/**
* 是否相应鼠标事件
* @name module:/zrender/graphic/Displayable#silent
* @type {boolean}
* @default false
*/
silent: false,
/**
* If enable culling
* @type {boolean}
* @default false
*/
culling: false,
/**
* Mouse cursor when hovered
* @name module:/zrender/graphic/Displayable#cursor
* @type {string}
*/
cursor: 'pointer',
/**
* If hover area is bounding rect
* @name module:/zrender/graphic/Displayable#rectHover
* @type {string}
*/
rectHover: false,
/**
* Render the element progressively when the value >= 0,
* usefull for large data.
* @type {boolean}
*/
progressive: false,
/**
* @type {boolean}
*/
incremental: false,
/**
* Scale ratio for global scale.
* @type {boolean}
*/
globalScaleRatio: 1,
beforeBrush: function (ctx) {},
afterBrush: function (ctx) {},
/**
* 图形绘制方法
* @param {CanvasRenderingContext2D} ctx
*/
// Interface
brush: function (ctx, prevEl) {},
/**
* 获取最小包围盒
* @return {module:zrender/core/BoundingRect}
*/
// Interface
getBoundingRect: function () {},
/**
* 判断坐标 x, y 是否在图形上
* If displayable element contain coord x, y
* @param {number} x
* @param {number} y
* @return {boolean}
*/
contain: function (x, y) {
return this.rectContain(x, y);
},
/**
* @param {Function} cb
* @param {} context
*/
traverse: function (cb, context) {
cb.call(context, this);
},
/**
* 判断坐标 x, y 是否在图形的包围盒上
* If bounding rect of element contain coord x, y
* @param {number} x
* @param {number} y
* @return {boolean}
*/
rectContain: function (x, y) {
var coord = this.transformCoordToLocal(x, y);
var rect = this.getBoundingRect();
return rect.contain(coord[0], coord[1]);
},
/**
* 标记图形元素为脏，并且在下一帧重绘
* Mark displayable element dirty and refresh next frame
*/
dirty: function () {
this.__dirty = this.__dirtyText = true;
this._rect = null;
this.__zr && this.__zr.refresh();
},
/**
* 图形是否会触发事件
* If displayable object binded any event
* @return {boolean}
*/
// TODO, 通过 bind 绑定的事件
// isSilent: function () {
// return !(
// this.hoverable || this.draggable
// || this.onmousemove || this.onmouseover || this.onmouseout
// || this.onmousedown || this.onmouseup || this.onclick
// || this.ondragenter || this.ondragover || this.ondragleave
// || this.ondrop
// );
// },
/**
* Alias for animate('style')
* @param {boolean} loop
*/
animateStyle: function (loop) {
return this.animate('style', loop);
},
attrKV: function (key, value) {
if (key !== 'style') {
Element.prototype.attrKV.call(this, key, value);
}
else {
this.style.set(value);
}
},
/**
* @param {Object|string} key
* @param {*} value
*/
setStyle: function (key, value) {
this.style.set(key, value);
this.dirty(false);
return this;
},
/**
* Use given style object
* @param {Object} obj
*/
useStyle: function (obj) {
this.style = new Style(obj, this);
this.dirty(false);
return this;
},
/**
* The string value of `textPosition` needs to be calculated to a real postion.
* For example, `'inside'` is calculated to `[rect.width/2, rect.height/2]`
* by default. See `contain/text.js#calculateTextPosition` for more details.
* But some coutom shapes like "pin", "flag" have center that is not exactly
* `[width/2, height/2]`. So we provide this hook to customize the calculation
* for those shapes. It will be called if the `style.textPosition` is a string.
* @param {Obejct} [out] Prepared out object. If not provided, this method should
* be responsible for creating one.
* @param {module:zrender/graphic/Style} style
* @param {Object} rect {x, y, width, height}
* @return {Obejct} out The same as the input out.
* {
* x: number. mandatory.
* y: number. mandatory.
* textAlign: string. optional. use style.textAlign by default.
* textVerticalAlign: string. optional. use style.textVerticalAlign by default.
* }
*/
calculateTextPosition: null
};
inherits(Displayable, Element);
mixin(Displayable, RectText);
/**
* @alias zrender/graphic/Image
* @extends module:zrender/graphic/Displayable
* @constructor
* @param {Object} opts
*/
function ZImage(opts) {
Displayable.call(this, opts);
}
ZImage.prototype = {
constructor: ZImage,
type: 'image',
brush: function (ctx, prevEl) {
var style = this.style;
var src = style.image;
// Must bind each time
style.bind(ctx, this, prevEl);
var image = this._image = createOrUpdateImage(
src,
this._image,
this,
this.onload
);
if (!image || !isImageReady(image)) {
return;
}
// 图片已经加载完成
// if (image.nodeName.toUpperCase() == 'IMG') {
// if (!image.complete) {
// return;
// }
// }
// Else is canvas
var x = style.x || 0;
var y = style.y || 0;
var width = style.width;
var height = style.height;
var aspect = image.width / image.height;
if (width == null && height != null) {
// Keep image/height ratio
width = height * aspect;
}
else if (height == null && width != null) {
height = width / aspect;
}
else if (width == null && height == null) {
width = image.width;
height = image.height;
}
// 设置transform
this.setTransform(ctx);
if (style.sWidth && style.sHeight) {
var sx = style.sx || 0;
var sy = style.sy || 0;
ctx.drawImage(
image,
sx, sy, style.sWidth, style.sHeight,
x, y, width, height
);
}
else if (style.sx && style.sy) {
var sx = style.sx;
var sy = style.sy;
var sWidth = width - sx;
var sHeight = height - sy;
ctx.drawImage(
image,
sx, sy, sWidth, sHeight,
x, y, width, height
);
}
else {
ctx.drawImage(image, x, y, width, height);
}
// Draw rect text
if (style.text != null) {
// Only restore transform when needs draw text.
this.restoreTransform(ctx);
this.drawRectText(ctx, this.getBoundingRect());
}
},
getBoundingRect: function () {
var style = this.style;
if (!this._rect) {
this._rect = new BoundingRect(
style.x || 0, style.y || 0, style.width || 0, style.height || 0
);
}
return this._rect;
}
};
inherits(ZImage, Displayable);
var HOVER_LAYER_ZLEVEL = 1e5;
var CANVAS_ZLEVEL = 314159;
var EL_AFTER_INCREMENTAL_INC = 0.01;
var INCREMENTAL_INC = 0.001;
function parseInt10(val) {
return parseInt(val, 10);
}
function isLayerValid(layer) {
if (!layer) {
return false;
}
if (layer.__builtin__) {
return true;
}
if (typeof (layer.resize) !== 'function'
|| typeof (layer.refresh) !== 'function'
) {
return false;
}
return true;
}
var tmpRect = new BoundingRect(0, 0, 0, 0);
var viewRect = new BoundingRect(0, 0, 0, 0);
function isDisplayableCulled(el, width, height) {
tmpRect.copy(el.getBoundingRect());
if (el.transform) {
tmpRect.applyTransform(el.transform);
}
viewRect.width = width;
viewRect.height = height;
return !tmpRect.intersect(viewRect);
}
function isClipPathChanged(clipPaths, prevClipPaths) {
// displayable.__clipPaths can only be `null`/`undefined` or an non-empty array.
if (clipPaths === prevClipPaths) {
return false;
}
if (!clipPaths || !prevClipPaths || (clipPaths.length !== prevClipPaths.length)) {
return true;
}
for (var i = 0; i < clipPaths.length; i++) {
if (clipPaths[i] !== prevClipPaths[i]) {
return true;
}
}
return false;
}
function doClip(clipPaths, ctx) {
for (var i = 0; i < clipPaths.length; i++) {
var clipPath = clipPaths[i];
clipPath.setTransform(ctx);
ctx.beginPath();
clipPath.buildPath(ctx, clipPath.shape);
ctx.clip();
// Transform back
clipPath.restoreTransform(ctx);
}
}
function createRoot(width, height) {
var domRoot = document.createElement('div');
// domRoot.onselectstart = returnFalse; // 避免页面选中的尴尬
domRoot.style.cssText = [
'position:relative',
'overflow:hidden',
'width:' + width + 'px',
'height:' + height + 'px',
'padding:0',
'margin:0',
'border-width:0'
].join(';') + ';';
return domRoot;
}
/**
* @alias module:zrender/Painter
* @constructor
* @param {HTMLElement} root 绘图容器
* @param {module:zrender/Storage} storage
* @param {Object} opts
*/
var Painter = function (root, storage, opts) {
this.type = 'canvas';
// In node environment using node-canvas
var singleCanvas = !root.nodeName // In node ?
|| root.nodeName.toUpperCase() === 'CANVAS';
this._opts = opts = extend({}, opts || {});
/**
* @type {number}
*/
this.dpr = opts.devicePixelRatio || devicePixelRatio;
/**
* @type {boolean}
* @private
*/
this._singleCanvas = singleCanvas;
/**
* 绘图容器
* @type {HTMLElement}
*/
this.root = root;
var rootStyle = root.style;
if (rootStyle) {
rootStyle['-webkit-tap-highlight-color'] = 'transparent';
rootStyle['-webkit-user-select'] =
rootStyle['user-select'] =
rootStyle['-webkit-touch-callout'] = 'none';
root.innerHTML = '';
}
/**
* @type {module:zrender/Storage}
*/
this.storage = storage;
/**
* @type {Array.}
* @private
*/
var zlevelList = this._zlevelList = [];
/**
* @type {Object.}
* @private
*/
var layers = this._layers = {};
/**
* @type {Object.}
* @private
*/
this._layerConfig = {};
/**
* zrender will do compositing when root is a canvas and have multiple zlevels.
*/
this._needsManuallyCompositing = false;
if (!singleCanvas) {
this._width = this._getSize(0);
this._height = this._getSize(1);
var domRoot = this._domRoot = createRoot(
this._width, this._height
);
root.appendChild(domRoot);
}
else {
var width = root.width;
var height = root.height;
if (opts.width != null) {
width = opts.width;
}
if (opts.height != null) {
height = opts.height;
}
this.dpr = opts.devicePixelRatio || 1;
// Use canvas width and height directly
root.width = width * this.dpr;
root.height = height * this.dpr;
this._width = width;
this._height = height;
// Create layer if only one given canvas
// Device can be specified to create a high dpi image.
var mainLayer = new Layer(root, this, this.dpr);
mainLayer.__builtin__ = true;
mainLayer.initContext();
// FIXME Use canvas width and height
// mainLayer.resize(width, height);
layers[CANVAS_ZLEVEL] = mainLayer;
mainLayer.zlevel = CANVAS_ZLEVEL;
// Not use common zlevel.
zlevelList.push(CANVAS_ZLEVEL);
this._domRoot = root;
}
/**
* @type {module:zrender/Layer}
* @private
*/
this._hoverlayer = null;
this._hoverElements = [];
};
Painter.prototype = {
constructor: Painter,
getType: function () {
return 'canvas';
},
/**
* If painter use a single canvas
* @return {boolean}
*/
isSingleCanvas: function () {
return this._singleCanvas;
},
/**
* @return {HTMLDivElement}
*/
getViewportRoot: function () {
return this._domRoot;
},
getViewportRootOffset: function () {
var viewportRoot = this.getViewportRoot();
if (viewportRoot) {
return {
offsetLeft: viewportRoot.offsetLeft || 0,
offsetTop: viewportRoot.offsetTop || 0
};
}
},
/**
* 刷新
* @param {boolean} [paintAll=false] 强制绘制所有displayable
*/
refresh: function (paintAll) {
var list = this.storage.getDisplayList(true);
var zlevelList = this._zlevelList;
this._redrawId = Math.random();
this._paintList(list, paintAll, this._redrawId);
// Paint custum layers
for (var i = 0; i < zlevelList.length; i++) {
var z = zlevelList[i];
var layer = this._layers[z];
if (!layer.__builtin__ && layer.refresh) {
var clearColor = i === 0 ? this._backgroundColor : null;
layer.refresh(clearColor);
}
}
this.refreshHover();
return this;
},
addHover: function (el, hoverStyle) {
if (el.__hoverMir) {
return;
}
var elMirror = new el.constructor({
style: el.style,
shape: el.shape,
z: el.z,
z2: el.z2,
silent: el.silent
});
elMirror.__from = el;
el.__hoverMir = elMirror;
hoverStyle && elMirror.setStyle(hoverStyle);
this._hoverElements.push(elMirror);
return elMirror;
},
removeHover: function (el) {
var elMirror = el.__hoverMir;
var hoverElements = this._hoverElements;
var idx = indexOf(hoverElements, elMirror);
if (idx >= 0) {
hoverElements.splice(idx, 1);
}
el.__hoverMir = null;
},
clearHover: function (el) {
var hoverElements = this._hoverElements;
for (var i = 0; i < hoverElements.length; i++) {
var from = hoverElements[i].__from;
if (from) {
from.__hoverMir = null;
}
}
hoverElements.length = 0;
},
refreshHover: function () {
var hoverElements = this._hoverElements;
var len = hoverElements.length;
var hoverLayer = this._hoverlayer;
hoverLayer && hoverLayer.clear();
if (!len) {
return;
}
sort(hoverElements, this.storage.displayableSortFunc);
// Use a extream large zlevel
// FIXME?
if (!hoverLayer) {
hoverLayer = this._hoverlayer = this.getLayer(HOVER_LAYER_ZLEVEL);
}
var scope = {};
hoverLayer.ctx.save();
for (var i = 0; i < len;) {
var el = hoverElements[i];
var originalEl = el.__from;
// Original el is removed
// PENDING
if (!(originalEl && originalEl.__zr)) {
hoverElements.splice(i, 1);
originalEl.__hoverMir = null;
len--;
continue;
}
i++;
// Use transform
// FIXME style and shape ?
if (!originalEl.invisible) {
el.transform = originalEl.transform;
el.invTransform = originalEl.invTransform;
el.__clipPaths = originalEl.__clipPaths;
// el.
this._doPaintEl(el, hoverLayer, true, scope);
}
}
hoverLayer.ctx.restore();
},
getHoverLayer: function () {
return this.getLayer(HOVER_LAYER_ZLEVEL);
},
_paintList: function (list, paintAll, redrawId) {
if (this._redrawId !== redrawId) {
return;
}
paintAll = paintAll || false;
this._updateLayerStatus(list);
var finished = this._doPaintList(list, paintAll);
if (this._needsManuallyCompositing) {
this._compositeManually();
}
if (!finished) {
var self = this;
requestAnimationFrame(function () {
self._paintList(list, paintAll, redrawId);
});
}
},
_compositeManually: function () {
var ctx = this.getLayer(CANVAS_ZLEVEL).ctx;
var width = this._domRoot.width;
var height = this._domRoot.height;
ctx.clearRect(0, 0, width, height);
// PENDING, If only builtin layer?
this.eachBuiltinLayer(function (layer) {
if (layer.virtual) {
ctx.drawImage(layer.dom, 0, 0, width, height);
}
});
},
_doPaintList: function (list, paintAll) {
var layerList = [];
for (var zi = 0; zi < this._zlevelList.length; zi++) {
var zlevel = this._zlevelList[zi];
var layer = this._layers[zlevel];
if (layer.__builtin__
&& layer !== this._hoverlayer
&& (layer.__dirty || paintAll)
) {
layerList.push(layer);
}
}
var finished = true;
for (var k = 0; k < layerList.length; k++) {
var layer = layerList[k];
var ctx = layer.ctx;
var scope = {};
ctx.save();
var start = paintAll ? layer.__startIndex : layer.__drawIndex;
var useTimer = !paintAll && layer.incremental && Date.now;
var startTime = useTimer && Date.now();
var clearColor = layer.zlevel === this._zlevelList[0]
? this._backgroundColor : null;
// All elements in this layer are cleared.
if (layer.__startIndex === layer.__endIndex) {
layer.clear(false, clearColor);
}
else if (start === layer.__startIndex) {
var firstEl = list[start];
if (!firstEl.incremental || !firstEl.notClear || paintAll) {
layer.clear(false, clearColor);
}
}
if (start === -1) {
console.error('For some unknown reason. drawIndex is -1');
start = layer.__startIndex;
}
for (var i = start; i < layer.__endIndex; i++) {
var el = list[i];
this._doPaintEl(el, layer, paintAll, scope);
el.__dirty = el.__dirtyText = false;
if (useTimer) {
// Date.now can be executed in 13,025,305 ops/second.
var dTime = Date.now() - startTime;
// Give 15 millisecond to draw.
// The rest elements will be drawn in the next frame.
if (dTime > 15) {
break;
}
}
}
layer.__drawIndex = i;
if (layer.__drawIndex < layer.__endIndex) {
finished = false;
}
if (scope.prevElClipPaths) {
// Needs restore the state. If last drawn element is in the clipping area.
ctx.restore();
}
ctx.restore();
}
if (env$1.wxa) {
// Flush for weixin application
each$1(this._layers, function (layer) {
if (layer && layer.ctx && layer.ctx.draw) {
layer.ctx.draw();
}
});
}
return finished;
},
_doPaintEl: function (el, currentLayer, forcePaint, scope) {
var ctx = currentLayer.ctx;
var m = el.transform;
if (
(currentLayer.__dirty || forcePaint)
// Ignore invisible element
&& !el.invisible
// Ignore transparent element
&& el.style.opacity !== 0
// Ignore scale 0 element, in some environment like node-canvas
// Draw a scale 0 element can cause all following draw wrong
// And setTransform with scale 0 will cause set back transform failed.
&& !(m && !m[0] && !m[3])
// Ignore culled element
&& !(el.culling && isDisplayableCulled(el, this._width, this._height))
) {
var clipPaths = el.__clipPaths;
var prevElClipPaths = scope.prevElClipPaths;
// Optimize when clipping on group with several elements
if (!prevElClipPaths || isClipPathChanged(clipPaths, prevElClipPaths)) {
// If has previous clipping state, restore from it
if (prevElClipPaths) {
ctx.restore();
scope.prevElClipPaths = null;
// Reset prevEl since context has been restored
scope.prevEl = null;
}
// New clipping state
if (clipPaths) {
ctx.save();
doClip(clipPaths, ctx);
scope.prevElClipPaths = clipPaths;
}
}
el.beforeBrush && el.beforeBrush(ctx);
el.brush(ctx, scope.prevEl || null);
scope.prevEl = el;
el.afterBrush && el.afterBrush(ctx);
}
},
/**
* 获取 zlevel 所在层，如果不存在则会创建一个新的层
* @param {number} zlevel
* @param {boolean} virtual Virtual layer will not be inserted into dom.
* @return {module:zrender/Layer}
*/
getLayer: function (zlevel, virtual) {
if (this._singleCanvas && !this._needsManuallyCompositing) {
zlevel = CANVAS_ZLEVEL;
}
var layer = this._layers[zlevel];
if (!layer) {
// Create a new layer
layer = new Layer('zr_' + zlevel, this, this.dpr);
layer.zlevel = zlevel;
layer.__builtin__ = true;
if (this._layerConfig[zlevel]) {
merge(layer, this._layerConfig[zlevel], true);
}
if (virtual) {
layer.virtual = virtual;
}
this.insertLayer(zlevel, layer);
// Context is created after dom inserted to document
// Or excanvas will get 0px clientWidth and clientHeight
layer.initContext();
}
return layer;
},
insertLayer: function (zlevel, layer) {
var layersMap = this._layers;
var zlevelList = this._zlevelList;
var len = zlevelList.length;
var prevLayer = null;
var i = -1;
var domRoot = this._domRoot;
if (layersMap[zlevel]) {
zrLog('ZLevel ' + zlevel + ' has been used already');
return;
}
// Check if is a valid layer
if (!isLayerValid(layer)) {
zrLog('Layer of zlevel ' + zlevel + ' is not valid');
return;
}
if (len > 0 && zlevel > zlevelList[0]) {
for (i = 0; i < len - 1; i++) {
if (
zlevelList[i] < zlevel
&& zlevelList[i + 1] > zlevel
) {
break;
}
}
prevLayer = layersMap[zlevelList[i]];
}
zlevelList.splice(i + 1, 0, zlevel);
layersMap[zlevel] = layer;
// Vitual layer will not directly show on the screen.
// (It can be a WebGL layer and assigned to a ZImage element)
// But it still under management of zrender.
if (!layer.virtual) {
if (prevLayer) {
var prevDom = prevLayer.dom;
if (prevDom.nextSibling) {
domRoot.insertBefore(
layer.dom,
prevDom.nextSibling
);
}
else {
domRoot.appendChild(layer.dom);
}
}
else {
if (domRoot.firstChild) {
domRoot.insertBefore(layer.dom, domRoot.firstChild);
}
else {
domRoot.appendChild(layer.dom);
}
}
}
},
// Iterate each layer
eachLayer: function (cb, context) {
var zlevelList = this._zlevelList;
var z;
var i;
for (i = 0; i < zlevelList.length; i++) {
z = zlevelList[i];
cb.call(context, this._layers[z], z);
}
},
// Iterate each buildin layer
eachBuiltinLayer: function (cb, context) {
var zlevelList = this._zlevelList;
var layer;
var z;
var i;
for (i = 0; i < zlevelList.length; i++) {
z = zlevelList[i];
layer = this._layers[z];
if (layer.__builtin__) {
cb.call(context, layer, z);
}
}
},
// Iterate each other layer except buildin layer
eachOtherLayer: function (cb, context) {
var zlevelList = this._zlevelList;
var layer;
var z;
var i;
for (i = 0; i < zlevelList.length; i++) {
z = zlevelList[i];
layer = this._layers[z];
if (!layer.__builtin__) {
cb.call(context, layer, z);
}
}
},
/**
* 获取所有已创建的层
* @param {Array.} [prevLayer]
*/
getLayers: function () {
return this._layers;
},
_updateLayerStatus: function (list) {
this.eachBuiltinLayer(function (layer, z) {
layer.__dirty = layer.__used = false;
});
function updatePrevLayer(idx) {
if (prevLayer) {
if (prevLayer.__endIndex !== idx) {
prevLayer.__dirty = true;
}
prevLayer.__endIndex = idx;
}
}
if (this._singleCanvas) {
for (var i = 1; i < list.length; i++) {
var el = list[i];
if (el.zlevel !== list[i - 1].zlevel || el.incremental) {
this._needsManuallyCompositing = true;
break;
}
}
}
var prevLayer = null;
var incrementalLayerCount = 0;
for (var i = 0; i < list.length; i++) {
var el = list[i];
var zlevel = el.zlevel;
var layer;
// PENDING If change one incremental element style ?
// TODO Where there are non-incremental elements between incremental elements.
if (el.incremental) {
layer = this.getLayer(zlevel + INCREMENTAL_INC, this._needsManuallyCompositing);
layer.incremental = true;
incrementalLayerCount = 1;
}
else {
layer = this.getLayer(zlevel + (incrementalLayerCount > 0 ? EL_AFTER_INCREMENTAL_INC : 0), this._needsManuallyCompositing);
}
if (!layer.__builtin__) {
zrLog('ZLevel ' + zlevel + ' has been used by unkown layer ' + layer.id);
}
if (layer !== prevLayer) {
layer.__used = true;
if (layer.__startIndex !== i) {
layer.__dirty = true;
}
layer.__startIndex = i;
if (!layer.incremental) {
layer.__drawIndex = i;
}
else {
// Mark layer draw index needs to update.
layer.__drawIndex = -1;
}
updatePrevLayer(i);
prevLayer = layer;
}
if (el.__dirty) {
layer.__dirty = true;
if (layer.incremental && layer.__drawIndex < 0) {
// Start draw from the first dirty element.
layer.__drawIndex = i;
}
}
}
updatePrevLayer(i);
this.eachBuiltinLayer(function (layer, z) {
// Used in last frame but not in this frame. Needs clear
if (!layer.__used && layer.getElementCount() > 0) {
layer.__dirty = true;
layer.__startIndex = layer.__endIndex = layer.__drawIndex = 0;
}
// For incremental layer. In case start index changed and no elements are dirty.
if (layer.__dirty && layer.__drawIndex < 0) {
layer.__drawIndex = layer.__startIndex;
}
});
},
/**
* 清除hover层外所有内容
*/
clear: function () {
this.eachBuiltinLayer(this._clearLayer);
return this;
},
_clearLayer: function (layer) {
layer.clear();
},
setBackgroundColor: function (backgroundColor) {
this._backgroundColor = backgroundColor;
},
/**
* 修改指定zlevel的绘制参数
*
* @param {string} zlevel
* @param {Object} config 配置对象
* @param {string} [config.clearColor=0] 每次清空画布的颜色
* @param {string} [config.motionBlur=false] 是否开启动态模糊
* @param {number} [config.lastFrameAlpha=0.7]
* 在开启动态模糊的时候使用，与上一帧混合的alpha值，值越大尾迹越明显
*/
configLayer: function (zlevel, config) {
if (config) {
var layerConfig = this._layerConfig;
if (!layerConfig[zlevel]) {
layerConfig[zlevel] = config;
}
else {
merge(layerConfig[zlevel], config, true);
}
for (var i = 0; i < this._zlevelList.length; i++) {
var _zlevel = this._zlevelList[i];
if (_zlevel === zlevel || _zlevel === zlevel + EL_AFTER_INCREMENTAL_INC) {
var layer = this._layers[_zlevel];
merge(layer, layerConfig[zlevel], true);
}
}
}
},
/**
* 删除指定层
* @param {number} zlevel 层所在的zlevel
*/
delLayer: function (zlevel) {
var layers = this._layers;
var zlevelList = this._zlevelList;
var layer = layers[zlevel];
if (!layer) {
return;
}
layer.dom.parentNode.removeChild(layer.dom);
delete layers[zlevel];
zlevelList.splice(indexOf(zlevelList, zlevel), 1);
},
/**
* 区域大小变化后重绘
*/
resize: function (width, height) {
if (!this._domRoot.style) { // Maybe in node or worker
if (width == null || height == null) {
return;
}
this._width = width;
this._height = height;
this.getLayer(CANVAS_ZLEVEL).resize(width, height);
}
else {
var domRoot = this._domRoot;
// FIXME Why ?
domRoot.style.display = 'none';
// Save input w/h
var opts = this._opts;
width != null && (opts.width = width);
height != null && (opts.height = height);
width = this._getSize(0);
height = this._getSize(1);
domRoot.style.display = '';
// 优化没有实际改变的resize
if (this._width !== width || height !== this._height) {
domRoot.style.width = width + 'px';
domRoot.style.height = height + 'px';
for (var id in this._layers) {
if (this._layers.hasOwnProperty(id)) {
this._layers[id].resize(width, height);
}
}
each$1(this._progressiveLayers, function (layer) {
layer.resize(width, height);
});
this.refresh(true);
}
this._width = width;
this._height = height;
}
return this;
},
/**
* 清除单独的一个层
* @param {number} zlevel
*/
clearLayer: function (zlevel) {
var layer = this._layers[zlevel];
if (layer) {
layer.clear();
}
},
/**
* 释放
*/
dispose: function () {
this.root.innerHTML = '';
this.root =
this.storage =
this._domRoot =
this._layers = null;
},
/**
* Get canvas which has all thing rendered
* @param {Object} opts
* @param {string} [opts.backgroundColor]
* @param {number} [opts.pixelRatio]
*/
getRenderedCanvas: function (opts) {
opts = opts || {};
if (this._singleCanvas && !this._compositeManually) {
return this._layers[CANVAS_ZLEVEL].dom;
}
var imageLayer = new Layer('image', this, opts.pixelRatio || this.dpr);
imageLayer.initContext();
imageLayer.clear(false, opts.backgroundColor || this._backgroundColor);
if (opts.pixelRatio <= this.dpr) {
this.refresh();
var width = imageLayer.dom.width;
var height = imageLayer.dom.height;
var ctx = imageLayer.ctx;
this.eachLayer(function (layer) {
if (layer.__builtin__) {
ctx.drawImage(layer.dom, 0, 0, width, height);
}
else if (layer.renderToCanvas) {
imageLayer.ctx.save();
layer.renderToCanvas(imageLayer.ctx);
imageLayer.ctx.restore();
}
});
}
else {
// PENDING, echarts-gl and incremental rendering.
var scope = {};
var displayList = this.storage.getDisplayList(true);
for (var i = 0; i < displayList.length; i++) {
var el = displayList[i];
this._doPaintEl(el, imageLayer, true, scope);
}
}
return imageLayer.dom;
},
/**
* 获取绘图区域宽度
*/
getWidth: function () {
return this._width;
},
/**
* 获取绘图区域高度
*/
getHeight: function () {
return this._height;
},
_getSize: function (whIdx) {
var opts = this._opts;
var wh = ['width', 'height'][whIdx];
var cwh = ['clientWidth', 'clientHeight'][whIdx];
var plt = ['paddingLeft', 'paddingTop'][whIdx];
var prb = ['paddingRight', 'paddingBottom'][whIdx];
if (opts[wh] != null && opts[wh] !== 'auto') {
return parseFloat(opts[wh]);
}
var root = this.root;
// IE8 does not support getComputedStyle, but it use VML.
var stl = document.defaultView.getComputedStyle(root);
return (
(root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh]))
- (parseInt10(stl[plt]) || 0)
- (parseInt10(stl[prb]) || 0)
) | 0;
},
pathToImage: function (path, dpr) {
dpr = dpr || this.dpr;
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var rect = path.getBoundingRect();
var style = path.style;
var shadowBlurSize = style.shadowBlur * dpr;
var shadowOffsetX = style.shadowOffsetX * dpr;
var shadowOffsetY = style.shadowOffsetY * dpr;
var lineWidth = style.hasStroke() ? style.lineWidth : 0;
var leftMargin = Math.max(lineWidth / 2, -shadowOffsetX + shadowBlurSize);
var rightMargin = Math.max(lineWidth / 2, shadowOffsetX + shadowBlurSize);
var topMargin = Math.max(lineWidth / 2, -shadowOffsetY + shadowBlurSize);
var bottomMargin = Math.max(lineWidth / 2, shadowOffsetY + shadowBlurSize);
var width = rect.width + leftMargin + rightMargin;
var height = rect.height + topMargin + bottomMargin;
canvas.width = width * dpr;
canvas.height = height * dpr;
ctx.scale(dpr, dpr);
ctx.clearRect(0, 0, width, height);
ctx.dpr = dpr;
var pathTransform = {
position: path.position,
rotation: path.rotation,
scale: path.scale
};
path.position = [leftMargin - rect.x, topMargin - rect.y];
path.rotation = 0;
path.scale = [1, 1];
path.updateTransform();
if (path) {
path.brush(ctx);
}
var ImageShape = ZImage;
var imgShape = new ImageShape({
style: {
x: 0,
y: 0,
image: canvas
}
});
if (pathTransform.position != null) {
imgShape.position = path.position = pathTransform.position;
}
if (pathTransform.rotation != null) {
imgShape.rotation = path.rotation = pathTransform.rotation;
}
if (pathTransform.scale != null) {
imgShape.scale = path.scale = pathTransform.scale;
}
return imgShape;
}
};
/**
* 动画主类, 调度和管理所有动画控制器
*
* @module zrender/animation/Animation
* @author pissang(https://github.com/pissang)
*/
// TODO Additive animation
// http://iosoteric.com/additive-animations-animatewithduration-in-ios-8/
// https://developer.apple.com/videos/wwdc2014/#236
/**
* @typedef {Object} IZRenderStage
* @property {Function} update
*/
/**
* @alias module:zrender/animation/Animation
* @constructor
* @param {Object} [options]
* @param {Function} [options.onframe]
* @param {IZRenderStage} [options.stage]
* @example
* var animation = new Animation();
* var obj = {
* x: 100,
* y: 100
* };
* animation.animate(node.position)
* .when(1000, {
* x: 500,
* y: 500
* })
* .when(2000, {
* x: 100,
* y: 100
* })
* .start('spline');
*/
var Animation = function (options) {
options = options || {};
this.stage = options.stage || {};
this.onframe = options.onframe || function () {};
// private properties
this._clips = [];
this._running = false;
this._time;
this._pausedTime;
this._pauseStart;
this._paused = false;
Eventful.call(this);
};
Animation.prototype = {
constructor: Animation,
/**
* 添加 clip
* @param {module:zrender/animation/Clip} clip
*/
addClip: function (clip) {
this._clips.push(clip);
},
/**
* 添加 animator
* @param {module:zrender/animation/Animator} animator
*/
addAnimator: function (animator) {
animator.animation = this;
var clips = animator.getClips();
for (var i = 0; i < clips.length; i++) {
this.addClip(clips[i]);
}
},
/**
* 删除动画片段
* @param {module:zrender/animation/Clip} clip
*/
removeClip: function (clip) {
var idx = indexOf(this._clips, clip);
if (idx >= 0) {
this._clips.splice(idx, 1);
}
},
/**
* 删除动画片段
* @param {module:zrender/animation/Animator} animator
*/
removeAnimator: function (animator) {
var clips = animator.getClips();
for (var i = 0; i < clips.length; i++) {
this.removeClip(clips[i]);
}
animator.animation = null;
},
_update: function () {
var time = new Date().getTime() - this._pausedTime;
var delta = time - this._time;
var clips = this._clips;
var len = clips.length;
var deferredEvents = [];
var deferredClips = [];
for (var i = 0; i < len; i++) {
var clip = clips[i];
var e = clip.step(time, delta);
// Throw out the events need to be called after
// stage.update, like destroy
if (e) {
deferredEvents.push(e);
deferredClips.push(clip);
}
}
// Remove the finished clip
for (var i = 0; i < len;) {
if (clips[i]._needsRemove) {
clips[i] = clips[len - 1];
clips.pop();
len--;
}
else {
i++;
}
}
len = deferredEvents.length;
for (var i = 0; i < len; i++) {
deferredClips[i].fire(deferredEvents[i]);
}
this._time = time;
this.onframe(delta);
// 'frame' should be triggered before stage, because upper application
// depends on the sequence (e.g., echarts-stream and finish
// event judge)
this.trigger('frame', delta);
if (this.stage.update) {
this.stage.update();
}
},
_startLoop: function () {
var self = this;
this._running = true;
function step() {
if (self._running) {
requestAnimationFrame(step);
!self._paused && self._update();
}
}
requestAnimationFrame(step);
},
/**
* Start animation.
*/
start: function () {
this._time = new Date().getTime();
this._pausedTime = 0;
this._startLoop();
},
/**
* Stop animation.
*/
stop: function () {
this._running = false;
},
/**
* Pause animation.
*/
pause: function () {
if (!this._paused) {
this._pauseStart = new Date().getTime();
this._paused = true;
}
},
/**
* Resume animation.
*/
resume: function () {
if (this._paused) {
this._pausedTime += (new Date().getTime()) - this._pauseStart;
this._paused = false;
}
},
/**
* Clear animation.
*/
clear: function () {
this._clips = [];
},
/**
* Whether animation finished.
*/
isFinished: function () {
return !this._clips.length;
},
/**
* Creat animator for a target, whose props can be animated.
*
* @param {Object} target
* @param {Object} options
* @param {boolean} [options.loop=false] Whether loop animation.
* @param {Function} [options.getter=null] Get value from target.
* @param {Function} [options.setter=null] Set value to target.
* @return {module:zrender/animation/Animation~Animator}
*/
// TODO Gap
animate: function (target, options) {
options = options || {};
var animator = new Animator(
target,
options.loop,
options.getter,
options.setter
);
this.addAnimator(animator);
return animator;
}
};
mixin(Animation, Eventful);
var TOUCH_CLICK_DELAY = 300;
var mouseHandlerNames = [
'click', 'dblclick', 'mousewheel', 'mouseout',
'mouseup', 'mousedown', 'mousemove', 'contextmenu'
];
var touchHandlerNames = [
'touchstart', 'touchend', 'touchmove'
];
var pointerEventNames = {
pointerdown: 1, pointerup: 1, pointermove: 1, pointerout: 1
};
var pointerHandlerNames = map(mouseHandlerNames, function (name) {
var nm = name.replace('mouse', 'pointer');
return pointerEventNames[nm] ? nm : name;
});
function eventNameFix(name) {
return (name === 'mousewheel' && env$1.browser.firefox) ? 'DOMMouseScroll' : name;
}
// function onMSGestureChange(proxy, event) {
// if (event.translationX || event.translationY) {
// // mousemove is carried by MSGesture to reduce the sensitivity.
// proxy.handler.dispatchToElement(event.target, 'mousemove', event);
// }
// if (event.scale !== 1) {
// event.pinchX = event.offsetX;
// event.pinchY = event.offsetY;
// event.pinchScale = event.scale;
// proxy.handler.dispatchToElement(event.target, 'pinch', event);
// }
// }
/**
* Prevent mouse event from being dispatched after Touch Events action
* @see
* 1. Mobile browsers dispatch mouse events 300ms after touchend.
* 2. Chrome for Android dispatch mousedown for long-touch about 650ms
* Result: Blocking Mouse Events for 700ms.
*/
function setTouchTimer(instance) {
instance._touching = true;
clearTimeout(instance._touchTimer);
instance._touchTimer = setTimeout(function () {
instance._touching = false;
}, 700);
}
var domHandlers = {
/**
* Mouse move handler
* @inner
* @param {Event} event
*/
mousemove: function (event) {
event = normalizeEvent(this.dom, event);
this.trigger('mousemove', event);
},
/**
* Mouse out handler
* @inner
* @param {Event} event
*/
mouseout: function (event) {
event = normalizeEvent(this.dom, event);
var element = event.toElement || event.relatedTarget;
if (element !== this.dom) {
while (element && element.nodeType !== 9) {
// 忽略包含在root中的dom引起的mouseOut
if (element === this.dom) {
return;
}
element = element.parentNode;
}
}
this.trigger('mouseout', event);
},
/**
* Touch开始响应函数
* @inner
* @param {Event} event
*/
touchstart: function (event) {
// Default mouse behaviour should not be disabled here.
// For example, page may needs to be slided.
event = normalizeEvent(this.dom, event);
// Mark touch, which is useful in distinguish touch and
// mouse event in upper applicatoin.
event.zrByTouch = true;
this._lastTouchMoment = new Date();
this.handler.processGesture(this, event, 'start');
// In touch device, trigger `mousemove`(`mouseover`) should
// be triggered, and must before `mousedown` triggered.
domHandlers.mousemove.call(this, event);
domHandlers.mousedown.call(this, event);
setTouchTimer(this);
},
/**
* Touch移动响应函数
* @inner
* @param {Event} event
*/
touchmove: function (event) {
event = normalizeEvent(this.dom, event);
// Mark touch, which is useful in distinguish touch and
// mouse event in upper applicatoin.
event.zrByTouch = true;
this.handler.processGesture(this, event, 'change');
// Mouse move should always be triggered no matter whether
// there is gestrue event, because mouse move and pinch may
// be used at the same time.
domHandlers.mousemove.call(this, event);
setTouchTimer(this);
},
/**
* Touch结束响应函数
* @inner
* @param {Event} event
*/
touchend: function (event) {
event = normalizeEvent(this.dom, event);
// Mark touch, which is useful in distinguish touch and
// mouse event in upper applicatoin.
event.zrByTouch = true;
this.handler.processGesture(this, event, 'end');
domHandlers.mouseup.call(this, event);
// Do not trigger `mouseout` here, in spite of `mousemove`(`mouseover`) is
// triggered in `touchstart`. This seems to be illogical, but by this mechanism,
// we can conveniently implement "hover style" in both PC and touch device just
// by listening to `mouseover` to add "hover style" and listening to `mouseout`
// to remove "hover style" on an element, without any additional code for
// compatibility. (`mouseout` will not be triggered in `touchend`, so "hover
// style" will remain for user view)
// click event should always be triggered no matter whether
// there is gestrue event. System click can not be prevented.
if (+new Date() - this._lastTouchMoment < TOUCH_CLICK_DELAY) {
domHandlers.click.call(this, event);
}
setTouchTimer(this);
},
pointerdown: function (event) {
domHandlers.mousedown.call(this, event);
// if (useMSGuesture(this, event)) {
// this._msGesture.addPointer(event.pointerId);
// }
},
pointermove: function (event) {
// FIXME
// pointermove is so sensitive that it always triggered when
// tap(click) on touch screen, which affect some judgement in
// upper application. So, we dont support mousemove on MS touch
// device yet.
if (!isPointerFromTouch(event)) {
domHandlers.mousemove.call(this, event);
}
},
pointerup: function (event) {
domHandlers.mouseup.call(this, event);
},
pointerout: function (event) {
// pointerout will be triggered when tap on touch screen
// (IE11+/Edge on MS Surface) after click event triggered,
// which is inconsistent with the mousout behavior we defined
// in touchend. So we unify them.
// (check domHandlers.touchend for detailed explanation)
if (!isPointerFromTouch(event)) {
domHandlers.mouseout.call(this, event);
}
}
};
function isPointerFromTouch(event) {
var pointerType = event.pointerType;
return pointerType === 'pen' || pointerType === 'touch';
}
// function useMSGuesture(handlerProxy, event) {
// return isPointerFromTouch(event) && !!handlerProxy._msGesture;
// }
// Common handlers
each$1(['click', 'mousedown', 'mouseup', 'mousewheel', 'dblclick', 'contextmenu'], function (name) {
domHandlers[name] = function (event) {
event = normalizeEvent(this.dom, event);
this.trigger(name, event);
};
});
/**
* 为控制类实例初始化dom 事件处理函数
*
* @inner
* @param {module:zrender/Handler} instance 控制类实例
*/
function initDomHandler(instance) {
each$1(touchHandlerNames, function (name) {
instance._handlers[name] = bind(domHandlers[name], instance);
});
each$1(pointerHandlerNames, function (name) {
instance._handlers[name] = bind(domHandlers[name], instance);
});
each$1(mouseHandlerNames, function (name) {
instance._handlers[name] = makeMouseHandler(domHandlers[name], instance);
});
function makeMouseHandler(fn, instance) {
return function () {
if (instance._touching) {
return;
}
return fn.apply(instance, arguments);
};
}
}
function HandlerDomProxy(dom) {
Eventful.call(this);
this.dom = dom;
/**
* @private
* @type {boolean}
*/
this._touching = false;
/**
* @private
* @type {number}
*/
this._touchTimer;
this._handlers = {};
initDomHandler(this);
if (env$1.pointerEventsSupported) { // Only IE11+/Edge
// 1. On devices that both enable touch and mouse (e.g., MS Surface and lenovo X240),
// IE11+/Edge do not trigger touch event, but trigger pointer event and mouse event
// at the same time.
// 2. On MS Surface, it probablely only trigger mousedown but no mouseup when tap on
// screen, which do not occurs in pointer event.
// So we use pointer event to both detect touch gesture and mouse behavior.
mountHandlers(pointerHandlerNames, this);
// FIXME
// Note: MS Gesture require CSS touch-action set. But touch-action is not reliable,
// which does not prevent defuault behavior occasionally (which may cause view port
// zoomed in but use can not zoom it back). And event.preventDefault() does not work.
// So we have to not to use MSGesture and not to support touchmove and pinch on MS
// touch screen. And we only support click behavior on MS touch screen now.
// MS Gesture Event is only supported on IE11+/Edge and on Windows 8+.
// We dont support touch on IE on win7.
// See
// if (typeof MSGesture === 'function') {
// (this._msGesture = new MSGesture()).target = dom; // jshint ignore:line
// dom.addEventListener('MSGestureChange', onMSGestureChange);
// }
}
else {
if (env$1.touchEventsSupported) {
mountHandlers(touchHandlerNames, this);
// Handler of 'mouseout' event is needed in touch mode, which will be mounted below.
// addEventListener(root, 'mouseout', this._mouseoutHandler);
}
// 1. Considering some devices that both enable touch and mouse event (like on MS Surface
// and lenovo X240, @see #2350), we make mouse event be always listened, otherwise
// mouse event can not be handle in those devices.
// 2. On MS Surface, Chrome will trigger both touch event and mouse event. How to prevent
// mouseevent after touch event triggered, see `setTouchTimer`.
mountHandlers(mouseHandlerNames, this);
}
function mountHandlers(handlerNames, instance) {
each$1(handlerNames, function (name) {
addEventListener(dom, eventNameFix(name), instance._handlers[name]);
}, instance);
}
}
var handlerDomProxyProto = HandlerDomProxy.prototype;
handlerDomProxyProto.dispose = function () {
var handlerNames = mouseHandlerNames.concat(touchHandlerNames);
for (var i = 0; i < handlerNames.length; i++) {
var name = handlerNames[i];
removeEventListener(this.dom, eventNameFix(name), this._handlers[name]);
}
};
handlerDomProxyProto.setCursor = function (cursorStyle) {
this.dom.style && (this.dom.style.cursor = cursorStyle || 'default');
};
mixin(HandlerDomProxy, Eventful);
/*!
* ZRender, a high performance 2d drawing library.
*
* Copyright (c) 2013, Baidu Inc.
* All rights reserved.
*
* LICENSE
* https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
*/
var useVML = !env$1.canvasSupported;
var painterCtors = {
canvas: Painter
};
var instances$1 = {}; // ZRender实例map索引
/**
* @type {string}
*/
var version$1 = '4.1.0';
/**
* Initializing a zrender instance
* @param {HTMLElement} dom
* @param {Object} [opts]
* @param {string} [opts.renderer='canvas'] 'canvas' or 'svg'
* @param {number} [opts.devicePixelRatio]
* @param {number|string} [opts.width] Can be 'auto' (the same as null/undefined)
* @param {number|string} [opts.height] Can be 'auto' (the same as null/undefined)
* @return {module:zrender/ZRender}
*/
function init$1(dom, opts) {
var zr = new ZRender(guid(), dom, opts);
instances$1[zr.id] = zr;
return zr;
}
/**
* Dispose zrender instance
* @param {module:zrender/ZRender} zr
*/
function dispose$1(zr) {
if (zr) {
zr.dispose();
}
else {
for (var key in instances$1) {
if (instances$1.hasOwnProperty(key)) {
instances$1[key].dispose();
}
}
instances$1 = {};
}
return this;
}
/**
* Get zrender instance by id
* @param {string} id zrender instance id
* @return {module:zrender/ZRender}
*/
function getInstance(id) {
return instances$1[id];
}
function registerPainter(name, Ctor) {
painterCtors[name] = Ctor;
}
function delInstance(id) {
delete instances$1[id];
}
/**
* @module zrender/ZRender
*/
/**
* @constructor
* @alias module:zrender/ZRender
* @param {string} id
* @param {HTMLElement} dom
* @param {Object} opts
* @param {string} [opts.renderer='canvas'] 'canvas' or 'svg'
* @param {number} [opts.devicePixelRatio]
* @param {number} [opts.width] Can be 'auto' (the same as null/undefined)
* @param {number} [opts.height] Can be 'auto' (the same as null/undefined)
*/
var ZRender = function (id, dom, opts) {
opts = opts || {};
/**
* @type {HTMLDomElement}
*/
this.dom = dom;
/**
* @type {string}
*/
this.id = id;
var self = this;
var storage = new Storage();
var rendererType = opts.renderer;
// TODO WebGL
if (useVML) {
if (!painterCtors.vml) {
throw new Error('You need to require \'zrender/vml/vml\' to support IE8');
}
rendererType = 'vml';
}
else if (!rendererType || !painterCtors[rendererType]) {
rendererType = 'canvas';
}
var painter = new painterCtors[rendererType](dom, storage, opts, id);
this.storage = storage;
this.painter = painter;
var handerProxy = (!env$1.node && !env$1.worker) ? new HandlerDomProxy(painter.getViewportRoot()) : null;
this.handler = new Handler(storage, painter, handerProxy, painter.root);
/**
* @type {module:zrender/animation/Animation}
*/
this.animation = new Animation({
stage: {
update: bind(this.flush, this)
}
});
this.animation.start();
/**
* @type {boolean}
* @private
*/
this._needsRefresh;
// 修改 storage.delFromStorage, 每次删除元素之前删除动画
// FIXME 有点ugly
var oldDelFromStorage = storage.delFromStorage;
var oldAddToStorage = storage.addToStorage;
storage.delFromStorage = function (el) {
oldDelFromStorage.call(storage, el);
el && el.removeSelfFromZr(self);
};
storage.addToStorage = function (el) {
oldAddToStorage.call(storage, el);
el.addSelfToZr(self);
};
};
ZRender.prototype = {
constructor: ZRender,
/**
* 获取实例唯一标识
* @return {string}
*/
getId: function () {
return this.id;
},
/**
* 添加元素
* @param {module:zrender/Element} el
*/
add: function (el) {
this.storage.addRoot(el);
this._needsRefresh = true;
},
/**
* 删除元素
* @param {module:zrender/Element} el
*/
remove: function (el) {
this.storage.delRoot(el);
this._needsRefresh = true;
},
/**
* Change configuration of layer
* @param {string} zLevel
* @param {Object} config
* @param {string} [config.clearColor=0] Clear color
* @param {string} [config.motionBlur=false] If enable motion blur
* @param {number} [config.lastFrameAlpha=0.7] Motion blur factor. Larger value cause longer trailer
*/
configLayer: function (zLevel, config) {
if (this.painter.configLayer) {
this.painter.configLayer(zLevel, config);
}
this._needsRefresh = true;
},
/**
* Set background color
* @param {string} backgroundColor
*/
setBackgroundColor: function (backgroundColor) {
if (this.painter.setBackgroundColor) {
this.painter.setBackgroundColor(backgroundColor);
}
this._needsRefresh = true;
},
/**
* Repaint the canvas immediately
*/
refreshImmediately: function () {
// var start = new Date();
// Clear needsRefresh ahead to avoid something wrong happens in refresh
// Or it will cause zrender refreshes again and again.
this._needsRefresh = this._needsRefreshHover = false;
this.painter.refresh();
// Avoid trigger zr.refresh in Element#beforeUpdate hook
this._needsRefresh = this._needsRefreshHover = false;
// var end = new Date();
// var log = document.getElementById('log');
// if (log) {
// log.innerHTML = log.innerHTML + '} subOpts
*/
function defaultEmphasis(opt, key, subOpts) {
// Caution: performance sensitive.
if (opt) {
opt[key] = opt[key] || {};
opt.emphasis = opt.emphasis || {};
opt.emphasis[key] = opt.emphasis[key] || {};
// Default emphasis option from normal
for (var i = 0, len = subOpts.length; i < len; i++) {
var subOptName = subOpts[i];
if (!opt.emphasis[key].hasOwnProperty(subOptName)
&& opt[key].hasOwnProperty(subOptName)
) {
opt.emphasis[key][subOptName] = opt[key][subOptName];
}
}
}
}
var TEXT_STYLE_OPTIONS = [
'fontStyle', 'fontWeight', 'fontSize', 'fontFamily',
'rich', 'tag', 'color', 'textBorderColor', 'textBorderWidth',
'width', 'height', 'lineHeight', 'align', 'verticalAlign', 'baseline',
'shadowColor', 'shadowBlur', 'shadowOffsetX', 'shadowOffsetY',
'textShadowColor', 'textShadowBlur', 'textShadowOffsetX', 'textShadowOffsetY',
'backgroundColor', 'borderColor', 'borderWidth', 'borderRadius', 'padding'
];
// modelUtil.LABEL_OPTIONS = modelUtil.TEXT_STYLE_OPTIONS.concat([
// 'position', 'offset', 'rotate', 'origin', 'show', 'distance', 'formatter',
// 'fontStyle', 'fontWeight', 'fontSize', 'fontFamily',
// // FIXME: deprecated, check and remove it.
// 'textStyle'
// ]);
/**
* The method do not ensure performance.
* data could be [12, 2323, {value: 223}, [1221, 23], {value: [2, 23]}]
* This helper method retieves value from data.
* @param {string|number|Date|Array|Object} dataItem
* @return {number|string|Date|Array.}
*/
function getDataItemValue(dataItem) {
return (isObject$2(dataItem) && !isArray$1(dataItem) && !(dataItem instanceof Date))
? dataItem.value : dataItem;
}
/**
* data could be [12, 2323, {value: 223}, [1221, 23], {value: [2, 23]}]
* This helper method determine if dataItem has extra option besides value
* @param {string|number|Date|Array|Object} dataItem
*/
function isDataItemOption(dataItem) {
return isObject$2(dataItem)
&& !(dataItem instanceof Array);
// // markLine data can be array
// && !(dataItem[0] && isObject(dataItem[0]) && !(dataItem[0] instanceof Array));
}
/**
* Mapping to exists for merge.
*
* @public
* @param {Array.|Array.} exists
* @param {Object|Array.} newCptOptions
* @return {Array.} Result, like [{exist: ..., option: ...}, {}],
* index of which is the same as exists.
*/
function mappingToExists(exists, newCptOptions) {
// Mapping by the order by original option (but not order of
// new option) in merge mode. Because we should ensure
// some specified index (like xAxisIndex) is consistent with
// original option, which is easy to understand, espatially in
// media query. And in most case, merge option is used to
// update partial option but not be expected to change order.
newCptOptions = (newCptOptions || []).slice();
var result = map(exists || [], function (obj, index) {
return {exist: obj};
});
// Mapping by id or name if specified.
each$2(newCptOptions, function (cptOption, index) {
if (!isObject$2(cptOption)) {
return;
}
// id has highest priority.
for (var i = 0; i < result.length; i++) {
if (!result[i].option // Consider name: two map to one.
&& cptOption.id != null
&& result[i].exist.id === cptOption.id + ''
) {
result[i].option = cptOption;
newCptOptions[index] = null;
return;
}
}
for (var i = 0; i < result.length; i++) {
var exist = result[i].exist;
if (!result[i].option // Consider name: two map to one.
// Can not match when both ids exist but different.
&& (exist.id == null || cptOption.id == null)
&& cptOption.name != null
&& !isIdInner(cptOption)
&& !isIdInner(exist)
&& exist.name === cptOption.name + ''
) {
result[i].option = cptOption;
newCptOptions[index] = null;
return;
}
}
});
// Otherwise mapping by index.
each$2(newCptOptions, function (cptOption, index) {
if (!isObject$2(cptOption)) {
return;
}
var i = 0;
for (; i < result.length; i++) {
var exist = result[i].exist;
if (!result[i].option
// Existing model that already has id should be able to
// mapped to (because after mapping performed model may
// be assigned with a id, whish should not affect next
// mapping), except those has inner id.
&& !isIdInner(exist)
// Caution:
// Do not overwrite id. But name can be overwritten,
// because axis use name as 'show label text'.
// 'exist' always has id and name and we dont
// need to check it.
&& cptOption.id == null
) {
result[i].option = cptOption;
break;
}
}
if (i >= result.length) {
result.push({option: cptOption});
}
});
return result;
}
/**
* Make id and name for mapping result (result of mappingToExists)
* into `keyInfo` field.
*
* @public
* @param {Array.} Result, like [{exist: ..., option: ...}, {}],
* which order is the same as exists.
* @return {Array.} The input.
*/
function makeIdAndName(mapResult) {
// We use this id to hash component models and view instances
// in echarts. id can be specified by user, or auto generated.
// The id generation rule ensures new view instance are able
// to mapped to old instance when setOption are called in
// no-merge mode. So we generate model id by name and plus
// type in view id.
// name can be duplicated among components, which is convenient
// to specify multi components (like series) by one name.
// Ensure that each id is distinct.
var idMap = createHashMap();
each$2(mapResult, function (item, index) {
var existCpt = item.exist;
existCpt && idMap.set(existCpt.id, item);
});
each$2(mapResult, function (item, index) {
var opt = item.option;
assert$1(
!opt || opt.id == null || !idMap.get(opt.id) || idMap.get(opt.id) === item,
'id duplicates: ' + (opt && opt.id)
);
opt && opt.id != null && idMap.set(opt.id, item);
!item.keyInfo && (item.keyInfo = {});
});
// Make name and id.
each$2(mapResult, function (item, index) {
var existCpt = item.exist;
var opt = item.option;
var keyInfo = item.keyInfo;
if (!isObject$2(opt)) {
return;
}
// name can be overwitten. Consider case: axis.name = '20km'.
// But id generated by name will not be changed, which affect
// only in that case: setOption with 'not merge mode' and view
// instance will be recreated, which can be accepted.
keyInfo.name = opt.name != null
? opt.name + ''
: existCpt
? existCpt.name
// Avoid diffferent series has the same name,
// because name may be used like in color pallet.
: DUMMY_COMPONENT_NAME_PREFIX + index;
if (existCpt) {
keyInfo.id = existCpt.id;
}
else if (opt.id != null) {
keyInfo.id = opt.id + '';
}
else {
// Consider this situatoin:
// optionA: [{name: 'a'}, {name: 'a'}, {..}]
// optionB [{..}, {name: 'a'}, {name: 'a'}]
// Series with the same name between optionA and optionB
// should be mapped.
var idNum = 0;
do {
keyInfo.id = '\0' + keyInfo.name + '\0' + idNum++;
}
while (idMap.get(keyInfo.id));
}
idMap.set(keyInfo.id, item);
});
}
function isNameSpecified(componentModel) {
var name = componentModel.name;
// Is specified when `indexOf` get -1 or > 0.
return !!(name && name.indexOf(DUMMY_COMPONENT_NAME_PREFIX));
}
/**
* @public
* @param {Object} cptOption
* @return {boolean}
*/
function isIdInner(cptOption) {
return isObject$2(cptOption)
&& cptOption.id
&& (cptOption.id + '').indexOf('\0_ec_\0') === 0;
}
/**
* A helper for removing duplicate items between batchA and batchB,
* and in themselves, and categorize by series.
*
* @param {Array.} batchA Like: [{seriesId: 2, dataIndex: [32, 4, 5]}, ...]
* @param {Array.} batchB Like: [{seriesId: 2, dataIndex: [32, 4, 5]}, ...]
* @return {Array., Array.>} result: [resultBatchA, resultBatchB]
*/
function compressBatches(batchA, batchB) {
var mapA = {};
var mapB = {};
makeMap(batchA || [], mapA);
makeMap(batchB || [], mapB, mapA);
return [mapToArray(mapA), mapToArray(mapB)];
function makeMap(sourceBatch, map$$1, otherMap) {
for (var i = 0, len = sourceBatch.length; i < len; i++) {
var seriesId = sourceBatch[i].seriesId;
var dataIndices = normalizeToArray(sourceBatch[i].dataIndex);
var otherDataIndices = otherMap && otherMap[seriesId];
for (var j = 0, lenj = dataIndices.length; j < lenj; j++) {
var dataIndex = dataIndices[j];
if (otherDataIndices && otherDataIndices[dataIndex]) {
otherDataIndices[dataIndex] = null;
}
else {
(map$$1[seriesId] || (map$$1[seriesId] = {}))[dataIndex] = 1;
}
}
}
}
function mapToArray(map$$1, isData) {
var result = [];
for (var i in map$$1) {
if (map$$1.hasOwnProperty(i) && map$$1[i] != null) {
if (isData) {
result.push(+i);
}
else {
var dataIndices = mapToArray(map$$1[i], true);
dataIndices.length && result.push({seriesId: i, dataIndex: dataIndices});
}
}
}
return result;
}
}
/**
* @param {module:echarts/data/List} data
* @param {Object} payload Contains dataIndex (means rawIndex) / dataIndexInside / name
* each of which can be Array or primary type.
* @return {number|Array.} dataIndex If not found, return undefined/null.
*/
function queryDataIndex(data, payload) {
if (payload.dataIndexInside != null) {
return payload.dataIndexInside;
}
else if (payload.dataIndex != null) {
return isArray(payload.dataIndex)
? map(payload.dataIndex, function (value) {
return data.indexOfRawIndex(value);
})
: data.indexOfRawIndex(payload.dataIndex);
}
else if (payload.name != null) {
return isArray(payload.name)
? map(payload.name, function (value) {
return data.indexOfName(value);
})
: data.indexOfName(payload.name);
}
}
/**
* Enable property storage to any host object.
* Notice: Serialization is not supported.
*
* For example:
* var inner = zrUitl.makeInner();
*
* function some1(hostObj) {
* inner(hostObj).someProperty = 1212;
* ...
* }
* function some2() {
* var fields = inner(this);
* fields.someProperty1 = 1212;
* fields.someProperty2 = 'xx';
* ...
* }
*
* @return {Function}
*/
function makeInner() {
// Consider different scope by es module import.
var key = '__\0ec_inner_' + innerUniqueIndex++ + '_' + Math.random().toFixed(5);
return function (hostObj) {
return hostObj[key] || (hostObj[key] = {});
};
}
var innerUniqueIndex = 0;
/**
* @param {module:echarts/model/Global} ecModel
* @param {string|Object} finder
* If string, e.g., 'geo', means {geoIndex: 0}.
* If Object, could contain some of these properties below:
* {
* seriesIndex, seriesId, seriesName,
* geoIndex, geoId, geoName,
* bmapIndex, bmapId, bmapName,
* xAxisIndex, xAxisId, xAxisName,
* yAxisIndex, yAxisId, yAxisName,
* gridIndex, gridId, gridName,
* ... (can be extended)
* }
* Each properties can be number|string|Array.|Array.
* For example, a finder could be
* {
* seriesIndex: 3,
* geoId: ['aa', 'cc'],
* gridName: ['xx', 'rr']
* }
* xxxIndex can be set as 'all' (means all xxx) or 'none' (means not specify)
* If nothing or null/undefined specified, return nothing.
* @param {Object} [opt]
* @param {string} [opt.defaultMainType]
* @param {Array.} [opt.includeMainTypes]
* @return {Object} result like:
* {
* seriesModels: [seriesModel1, seriesModel2],
* seriesModel: seriesModel1, // The first model
* geoModels: [geoModel1, geoModel2],
* geoModel: geoModel1, // The first model
* ...
* }
*/
function parseFinder(ecModel, finder, opt) {
if (isString(finder)) {
var obj = {};
obj[finder + 'Index'] = 0;
finder = obj;
}
var defaultMainType = opt && opt.defaultMainType;
if (defaultMainType
&& !has(finder, defaultMainType + 'Index')
&& !has(finder, defaultMainType + 'Id')
&& !has(finder, defaultMainType + 'Name')
) {
finder[defaultMainType + 'Index'] = 0;
}
var result = {};
each$2(finder, function (value, key) {
var value = finder[key];
// Exclude 'dataIndex' and other illgal keys.
if (key === 'dataIndex' || key === 'dataIndexInside') {
result[key] = value;
return;
}
var parsedKey = key.match(/^(\w+)(Index|Id|Name)$/) || [];
var mainType = parsedKey[1];
var queryType = (parsedKey[2] || '').toLowerCase();
if (!mainType
|| !queryType
|| value == null
|| (queryType === 'index' && value === 'none')
|| (opt && opt.includeMainTypes && indexOf(opt.includeMainTypes, mainType) < 0)
) {
return;
}
var queryParam = {mainType: mainType};
if (queryType !== 'index' || value !== 'all') {
queryParam[queryType] = value;
}
var models = ecModel.queryComponents(queryParam);
result[mainType + 'Models'] = models;
result[mainType + 'Model'] = models[0];
});
return result;
}
function has(obj, prop) {
return obj && obj.hasOwnProperty(prop);
}
function setAttribute(dom, key, value) {
dom.setAttribute
? dom.setAttribute(key, value)
: (dom[key] = value);
}
function getAttribute(dom, key) {
return dom.getAttribute
? dom.getAttribute(key)
: dom[key];
}
function getTooltipRenderMode(renderModeOption) {
if (renderModeOption === 'auto') {
// Using html when `document` exists, use richText otherwise
return env$1.domSupported ? 'html' : 'richText';
}
else {
return renderModeOption || 'html';
}
}
/**
* Group a list by key.
*
* @param {Array} array
* @param {Function} getKey
* param {*} Array item
* return {string} key
* @return {Object} Result
* {Array}: keys,
* {module:zrender/core/util/HashMap} buckets: {key -> Array}
*/
function groupData(array, getKey) {
var buckets = createHashMap();
var keys = [];
each$1(array, function (item) {
var key = getKey(item);
(buckets.get(key)
|| (keys.push(key), buckets.set(key, []))
).push(item);
});
return {keys: keys, buckets: buckets};
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var TYPE_DELIMITER = '.';
var IS_CONTAINER = '___EC__COMPONENT__CONTAINER___';
/**
* Notice, parseClassType('') should returns {main: '', sub: ''}
* @public
*/
function parseClassType$1(componentType) {
var ret = {main: '', sub: ''};
if (componentType) {
componentType = componentType.split(TYPE_DELIMITER);
ret.main = componentType[0] || '';
ret.sub = componentType[1] || '';
}
return ret;
}
/**
* @public
*/
function checkClassType(componentType) {
assert$1(
/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(componentType),
'componentType "' + componentType + '" illegal'
);
}
/**
* @public
*/
function enableClassExtend(RootClass, mandatoryMethods) {
RootClass.$constructor = RootClass;
RootClass.extend = function (proto) {
if (__DEV__) {
each$1(mandatoryMethods, function (method) {
if (!proto[method]) {
console.warn(
'Method `' + method + '` should be implemented'
+ (proto.type ? ' in ' + proto.type : '') + '.'
);
}
});
}
var superClass = this;
var ExtendedClass = function () {
if (!proto.$constructor) {
superClass.apply(this, arguments);
}
else {
proto.$constructor.apply(this, arguments);
}
};
extend(ExtendedClass.prototype, proto);
ExtendedClass.extend = this.extend;
ExtendedClass.superCall = superCall;
ExtendedClass.superApply = superApply;
inherits(ExtendedClass, this);
ExtendedClass.superClass = superClass;
return ExtendedClass;
};
}
var classBase = 0;
/**
* Can not use instanceof, consider different scope by
* cross domain or es module import in ec extensions.
* Mount a method "isInstance()" to Clz.
*/
function enableClassCheck(Clz) {
var classAttr = ['__\0is_clz', classBase++, Math.random().toFixed(3)].join('_');
Clz.prototype[classAttr] = true;
if (__DEV__) {
assert$1(!Clz.isInstance, 'The method "is" can not be defined.');
}
Clz.isInstance = function (obj) {
return !!(obj && obj[classAttr]);
};
}
// superCall should have class info, which can not be fetch from 'this'.
// Consider this case:
// class A has method f,
// class B inherits class A, overrides method f, f call superApply('f'),
// class C inherits class B, do not overrides method f,
// then when method of class C is called, dead loop occured.
function superCall(context, methodName) {
var args = slice(arguments, 2);
return this.superClass.prototype[methodName].apply(context, args);
}
function superApply(context, methodName, args) {
return this.superClass.prototype[methodName].apply(context, args);
}
/**
* @param {Object} entity
* @param {Object} options
* @param {boolean} [options.registerWhenExtend]
* @public
*/
function enableClassManagement(entity, options) {
options = options || {};
/**
* Component model classes
* key: componentType,
* value:
* componentClass, when componentType is 'xxx'
* or Object., when componentType is 'xxx.yy'
* @type {Object}
*/
var storage = {};
entity.registerClass = function (Clazz, componentType) {
if (componentType) {
checkClassType(componentType);
componentType = parseClassType$1(componentType);
if (!componentType.sub) {
if (__DEV__) {
if (storage[componentType.main]) {
console.warn(componentType.main + ' exists.');
}
}
storage[componentType.main] = Clazz;
}
else if (componentType.sub !== IS_CONTAINER) {
var container = makeContainer(componentType);
container[componentType.sub] = Clazz;
}
}
return Clazz;
};
entity.getClass = function (componentMainType, subType, throwWhenNotFound) {
var Clazz = storage[componentMainType];
if (Clazz && Clazz[IS_CONTAINER]) {
Clazz = subType ? Clazz[subType] : null;
}
if (throwWhenNotFound && !Clazz) {
throw new Error(
!subType
? componentMainType + '.' + 'type should be specified.'
: 'Component ' + componentMainType + '.' + (subType || '') + ' not exists. Load it first.'
);
}
return Clazz;
};
entity.getClassesByMainType = function (componentType) {
componentType = parseClassType$1(componentType);
var result = [];
var obj = storage[componentType.main];
if (obj && obj[IS_CONTAINER]) {
each$1(obj, function (o, type) {
type !== IS_CONTAINER && result.push(o);
});
}
else {
result.push(obj);
}
return result;
};
entity.hasClass = function (componentType) {
// Just consider componentType.main.
componentType = parseClassType$1(componentType);
return !!storage[componentType.main];
};
/**
* @return {Array.} Like ['aa', 'bb'], but can not be ['aa.xx']
*/
entity.getAllClassMainTypes = function () {
var types = [];
each$1(storage, function (obj, type) {
types.push(type);
});
return types;
};
/**
* If a main type is container and has sub types
* @param {string} mainType
* @return {boolean}
*/
entity.hasSubTypes = function (componentType) {
componentType = parseClassType$1(componentType);
var obj = storage[componentType.main];
return obj && obj[IS_CONTAINER];
};
entity.parseClassType = parseClassType$1;
function makeContainer(componentType) {
var container = storage[componentType.main];
if (!container || !container[IS_CONTAINER]) {
container = storage[componentType.main] = {};
container[IS_CONTAINER] = true;
}
return container;
}
if (options.registerWhenExtend) {
var originalExtend = entity.extend;
if (originalExtend) {
entity.extend = function (proto) {
var ExtendedClass = originalExtend.call(this, proto);
return entity.registerClass(ExtendedClass, proto.type);
};
}
}
return entity;
}
/**
* @param {string|Array.} properties
*/
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// TODO Parse shadow style
// TODO Only shallow path support
var makeStyleMapper = function (properties) {
// Normalize
for (var i = 0; i < properties.length; i++) {
if (!properties[i][1]) {
properties[i][1] = properties[i][0];
}
}
return function (model, excludes, includes) {
var style = {};
for (var i = 0; i < properties.length; i++) {
var propName = properties[i][1];
if ((excludes && indexOf(excludes, propName) >= 0)
|| (includes && indexOf(includes, propName) < 0)
) {
continue;
}
var val = model.getShallow(propName);
if (val != null) {
style[properties[i][0]] = val;
}
}
return style;
};
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var getLineStyle = makeStyleMapper(
[
['lineWidth', 'width'],
['stroke', 'color'],
['opacity'],
['shadowBlur'],
['shadowOffsetX'],
['shadowOffsetY'],
['shadowColor']
]
);
var lineStyleMixin = {
getLineStyle: function (excludes) {
var style = getLineStyle(this, excludes);
// Always set lineDash whether dashed, otherwise we can not
// erase the previous style when assigning to el.style.
style.lineDash = this.getLineDash(style.lineWidth);
return style;
},
getLineDash: function (lineWidth) {
if (lineWidth == null) {
lineWidth = 1;
}
var lineType = this.get('type');
var dotSize = Math.max(lineWidth, 2);
var dashSize = lineWidth * 4;
return (lineType === 'solid' || lineType == null)
// Use `false` but not `null` for the solid line here, because `null` might be
// ignored when assigning to `el.style`. e.g., when setting `lineStyle.type` as
// `'dashed'` and `emphasis.lineStyle.type` as `'solid'` in graph series, the
// `lineDash` gotten form the latter one is not able to erase that from the former
// one if using `null` here according to the emhpsis strategy in `util/graphic.js`.
? false
: lineType === 'dashed'
? [dashSize, dashSize]
: [dotSize, dotSize];
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var getAreaStyle = makeStyleMapper(
[
['fill', 'color'],
['shadowBlur'],
['shadowOffsetX'],
['shadowOffsetY'],
['opacity'],
['shadowColor']
]
);
var areaStyleMixin = {
getAreaStyle: function (excludes, includes) {
return getAreaStyle(this, excludes, includes);
}
};
/**
* 曲线辅助模块
* @module zrender/core/curve
* @author pissang(https://www.github.com/pissang)
*/
var mathPow = Math.pow;
var mathSqrt$2 = Math.sqrt;
var EPSILON$1 = 1e-8;
var EPSILON_NUMERIC = 1e-4;
var THREE_SQRT = mathSqrt$2(3);
var ONE_THIRD = 1 / 3;
// 临时变量
var _v0 = create();
var _v1 = create();
var _v2 = create();
function isAroundZero(val) {
return val > -EPSILON$1 && val < EPSILON$1;
}
function isNotAroundZero$1(val) {
return val > EPSILON$1 || val < -EPSILON$1;
}
/**
* 计算三次贝塞尔值
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {number} t
* @return {number}
*/
function cubicAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return onet * onet * (onet * p0 + 3 * t * p1)
+ t * t * (t * p3 + 3 * onet * p2);
}
/**
* 计算三次贝塞尔导数值
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {number} t
* @return {number}
*/
function cubicDerivativeAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return 3 * (
((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet
+ (p3 - p2) * t * t
);
}
/**
* 计算三次贝塞尔方程根，使用盛金公式
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {number} val
* @param {Array.} roots
* @return {number} 有效根数目
*/
function cubicRootAt(p0, p1, p2, p3, val, roots) {
// Evaluate roots of cubic functions
var a = p3 + 3 * (p1 - p2) - p0;
var b = 3 * (p2 - p1 * 2 + p0);
var c = 3 * (p1 - p0);
var d = p0 - val;
var A = b * b - 3 * a * c;
var B = b * c - 9 * a * d;
var C = c * c - 3 * b * d;
var n = 0;
if (isAroundZero(A) && isAroundZero(B)) {
if (isAroundZero(b)) {
roots[0] = 0;
}
else {
var t1 = -c / b; //t1, t2, t3, b is not zero
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
}
}
else {
var disc = B * B - 4 * A * C;
if (isAroundZero(disc)) {
var K = B / A;
var t1 = -b / a + K; // t1, a is not zero
var t2 = -K / 2; // t2, t3
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
if (t2 >= 0 && t2 <= 1) {
roots[n++] = t2;
}
}
else if (disc > 0) {
var discSqrt = mathSqrt$2(disc);
var Y1 = A * b + 1.5 * a * (-B + discSqrt);
var Y2 = A * b + 1.5 * a * (-B - discSqrt);
if (Y1 < 0) {
Y1 = -mathPow(-Y1, ONE_THIRD);
}
else {
Y1 = mathPow(Y1, ONE_THIRD);
}
if (Y2 < 0) {
Y2 = -mathPow(-Y2, ONE_THIRD);
}
else {
Y2 = mathPow(Y2, ONE_THIRD);
}
var t1 = (-b - (Y1 + Y2)) / (3 * a);
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
}
else {
var T = (2 * A * b - 3 * a * B) / (2 * mathSqrt$2(A * A * A));
var theta = Math.acos(T) / 3;
var ASqrt = mathSqrt$2(A);
var tmp = Math.cos(theta);
var t1 = (-b - 2 * ASqrt * tmp) / (3 * a);
var t2 = (-b + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a);
var t3 = (-b + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a);
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
if (t2 >= 0 && t2 <= 1) {
roots[n++] = t2;
}
if (t3 >= 0 && t3 <= 1) {
roots[n++] = t3;
}
}
}
return n;
}
/**
* 计算三次贝塞尔方程极限值的位置
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {Array.} extrema
* @return {number} 有效数目
*/
function cubicExtrema(p0, p1, p2, p3, extrema) {
var b = 6 * p2 - 12 * p1 + 6 * p0;
var a = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2;
var c = 3 * p1 - 3 * p0;
var n = 0;
if (isAroundZero(a)) {
if (isNotAroundZero$1(b)) {
var t1 = -c / b;
if (t1 >= 0 && t1 <= 1) {
extrema[n++] = t1;
}
}
}
else {
var disc = b * b - 4 * a * c;
if (isAroundZero(disc)) {
extrema[0] = -b / (2 * a);
}
else if (disc > 0) {
var discSqrt = mathSqrt$2(disc);
var t1 = (-b + discSqrt) / (2 * a);
var t2 = (-b - discSqrt) / (2 * a);
if (t1 >= 0 && t1 <= 1) {
extrema[n++] = t1;
}
if (t2 >= 0 && t2 <= 1) {
extrema[n++] = t2;
}
}
}
return n;
}
/**
* 细分三次贝塞尔曲线
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} p3
* @param {number} t
* @param {Array.} out
*/
function cubicSubdivide(p0, p1, p2, p3, t, out) {
var p01 = (p1 - p0) * t + p0;
var p12 = (p2 - p1) * t + p1;
var p23 = (p3 - p2) * t + p2;
var p012 = (p12 - p01) * t + p01;
var p123 = (p23 - p12) * t + p12;
var p0123 = (p123 - p012) * t + p012;
// Seg0
out[0] = p0;
out[1] = p01;
out[2] = p012;
out[3] = p0123;
// Seg1
out[4] = p0123;
out[5] = p123;
out[6] = p23;
out[7] = p3;
}
/**
* 投射点到三次贝塞尔曲线上，返回投射距离。
* 投射点有可能会有一个或者多个，这里只返回其中距离最短的一个。
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} x3
* @param {number} y3
* @param {number} x
* @param {number} y
* @param {Array.} [out] 投射点
* @return {number}
*/
function cubicProjectPoint(
x0, y0, x1, y1, x2, y2, x3, y3,
x, y, out
) {
// http://pomax.github.io/bezierinfo/#projections
var t;
var interval = 0.005;
var d = Infinity;
var prev;
var next;
var d1;
var d2;
_v0[0] = x;
_v0[1] = y;
// 先粗略估计一下可能的最小距离的 t 值
// PENDING
for (var _t = 0; _t < 1; _t += 0.05) {
_v1[0] = cubicAt(x0, x1, x2, x3, _t);
_v1[1] = cubicAt(y0, y1, y2, y3, _t);
d1 = distSquare(_v0, _v1);
if (d1 < d) {
t = _t;
d = d1;
}
}
d = Infinity;
// At most 32 iteration
for (var i = 0; i < 32; i++) {
if (interval < EPSILON_NUMERIC) {
break;
}
prev = t - interval;
next = t + interval;
// t - interval
_v1[0] = cubicAt(x0, x1, x2, x3, prev);
_v1[1] = cubicAt(y0, y1, y2, y3, prev);
d1 = distSquare(_v1, _v0);
if (prev >= 0 && d1 < d) {
t = prev;
d = d1;
}
else {
// t + interval
_v2[0] = cubicAt(x0, x1, x2, x3, next);
_v2[1] = cubicAt(y0, y1, y2, y3, next);
d2 = distSquare(_v2, _v0);
if (next <= 1 && d2 < d) {
t = next;
d = d2;
}
else {
interval *= 0.5;
}
}
}
// t
if (out) {
out[0] = cubicAt(x0, x1, x2, x3, t);
out[1] = cubicAt(y0, y1, y2, y3, t);
}
// console.log(interval, i);
return mathSqrt$2(d);
}
/**
* 计算二次方贝塞尔值
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} t
* @return {number}
*/
function quadraticAt(p0, p1, p2, t) {
var onet = 1 - t;
return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
}
/**
* 计算二次方贝塞尔导数值
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} t
* @return {number}
*/
function quadraticDerivativeAt(p0, p1, p2, t) {
return 2 * ((1 - t) * (p1 - p0) + t * (p2 - p1));
}
/**
* 计算二次方贝塞尔方程根
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} t
* @param {Array.} roots
* @return {number} 有效根数目
*/
function quadraticRootAt(p0, p1, p2, val, roots) {
var a = p0 - 2 * p1 + p2;
var b = 2 * (p1 - p0);
var c = p0 - val;
var n = 0;
if (isAroundZero(a)) {
if (isNotAroundZero$1(b)) {
var t1 = -c / b;
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
}
}
else {
var disc = b * b - 4 * a * c;
if (isAroundZero(disc)) {
var t1 = -b / (2 * a);
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
}
else if (disc > 0) {
var discSqrt = mathSqrt$2(disc);
var t1 = (-b + discSqrt) / (2 * a);
var t2 = (-b - discSqrt) / (2 * a);
if (t1 >= 0 && t1 <= 1) {
roots[n++] = t1;
}
if (t2 >= 0 && t2 <= 1) {
roots[n++] = t2;
}
}
}
return n;
}
/**
* 计算二次贝塞尔方程极限值
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @return {number}
*/
function quadraticExtremum(p0, p1, p2) {
var divider = p0 + p2 - 2 * p1;
if (divider === 0) {
// p1 is center of p0 and p2
return 0.5;
}
else {
return (p0 - p1) / divider;
}
}
/**
* 细分二次贝塞尔曲线
* @memberOf module:zrender/core/curve
* @param {number} p0
* @param {number} p1
* @param {number} p2
* @param {number} t
* @param {Array.} out
*/
function quadraticSubdivide(p0, p1, p2, t, out) {
var p01 = (p1 - p0) * t + p0;
var p12 = (p2 - p1) * t + p1;
var p012 = (p12 - p01) * t + p01;
// Seg0
out[0] = p0;
out[1] = p01;
out[2] = p012;
// Seg1
out[3] = p012;
out[4] = p12;
out[5] = p2;
}
/**
* 投射点到二次贝塞尔曲线上，返回投射距离。
* 投射点有可能会有一个或者多个，这里只返回其中距离最短的一个。
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} x
* @param {number} y
* @param {Array.} out 投射点
* @return {number}
*/
function quadraticProjectPoint(
x0, y0, x1, y1, x2, y2,
x, y, out
) {
// http://pomax.github.io/bezierinfo/#projections
var t;
var interval = 0.005;
var d = Infinity;
_v0[0] = x;
_v0[1] = y;
// 先粗略估计一下可能的最小距离的 t 值
// PENDING
for (var _t = 0; _t < 1; _t += 0.05) {
_v1[0] = quadraticAt(x0, x1, x2, _t);
_v1[1] = quadraticAt(y0, y1, y2, _t);
var d1 = distSquare(_v0, _v1);
if (d1 < d) {
t = _t;
d = d1;
}
}
d = Infinity;
// At most 32 iteration
for (var i = 0; i < 32; i++) {
if (interval < EPSILON_NUMERIC) {
break;
}
var prev = t - interval;
var next = t + interval;
// t - interval
_v1[0] = quadraticAt(x0, x1, x2, prev);
_v1[1] = quadraticAt(y0, y1, y2, prev);
var d1 = distSquare(_v1, _v0);
if (prev >= 0 && d1 < d) {
t = prev;
d = d1;
}
else {
// t + interval
_v2[0] = quadraticAt(x0, x1, x2, next);
_v2[1] = quadraticAt(y0, y1, y2, next);
var d2 = distSquare(_v2, _v0);
if (next <= 1 && d2 < d) {
t = next;
d = d2;
}
else {
interval *= 0.5;
}
}
}
// t
if (out) {
out[0] = quadraticAt(x0, x1, x2, t);
out[1] = quadraticAt(y0, y1, y2, t);
}
// console.log(interval, i);
return mathSqrt$2(d);
}
/**
* @author Yi Shen(https://github.com/pissang)
*/
var mathMin$3 = Math.min;
var mathMax$3 = Math.max;
var mathSin$2 = Math.sin;
var mathCos$2 = Math.cos;
var PI2 = Math.PI * 2;
var start = create();
var end = create();
var extremity = create();
/**
* 从顶点数组中计算出最小包围盒，写入`min`和`max`中
* @module zrender/core/bbox
* @param {Array} points 顶点数组
* @param {number} min
* @param {number} max
*/
function fromPoints(points, min$$1, max$$1) {
if (points.length === 0) {
return;
}
var p = points[0];
var left = p[0];
var right = p[0];
var top = p[1];
var bottom = p[1];
var i;
for (i = 1; i < points.length; i++) {
p = points[i];
left = mathMin$3(left, p[0]);
right = mathMax$3(right, p[0]);
top = mathMin$3(top, p[1]);
bottom = mathMax$3(bottom, p[1]);
}
min$$1[0] = left;
min$$1[1] = top;
max$$1[0] = right;
max$$1[1] = bottom;
}
/**
* @memberOf module:zrender/core/bbox
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {Array.} min
* @param {Array.} max
*/
function fromLine(x0, y0, x1, y1, min$$1, max$$1) {
min$$1[0] = mathMin$3(x0, x1);
min$$1[1] = mathMin$3(y0, y1);
max$$1[0] = mathMax$3(x0, x1);
max$$1[1] = mathMax$3(y0, y1);
}
var xDim = [];
var yDim = [];
/**
* 从三阶贝塞尔曲线(p0, p1, p2, p3)中计算出最小包围盒，写入`min`和`max`中
* @memberOf module:zrender/core/bbox
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} x3
* @param {number} y3
* @param {Array.} min
* @param {Array.} max
*/
function fromCubic(
x0, y0, x1, y1, x2, y2, x3, y3, min$$1, max$$1
) {
var cubicExtrema$$1 = cubicExtrema;
var cubicAt$$1 = cubicAt;
var i;
var n = cubicExtrema$$1(x0, x1, x2, x3, xDim);
min$$1[0] = Infinity;
min$$1[1] = Infinity;
max$$1[0] = -Infinity;
max$$1[1] = -Infinity;
for (i = 0; i < n; i++) {
var x = cubicAt$$1(x0, x1, x2, x3, xDim[i]);
min$$1[0] = mathMin$3(x, min$$1[0]);
max$$1[0] = mathMax$3(x, max$$1[0]);
}
n = cubicExtrema$$1(y0, y1, y2, y3, yDim);
for (i = 0; i < n; i++) {
var y = cubicAt$$1(y0, y1, y2, y3, yDim[i]);
min$$1[1] = mathMin$3(y, min$$1[1]);
max$$1[1] = mathMax$3(y, max$$1[1]);
}
min$$1[0] = mathMin$3(x0, min$$1[0]);
max$$1[0] = mathMax$3(x0, max$$1[0]);
min$$1[0] = mathMin$3(x3, min$$1[0]);
max$$1[0] = mathMax$3(x3, max$$1[0]);
min$$1[1] = mathMin$3(y0, min$$1[1]);
max$$1[1] = mathMax$3(y0, max$$1[1]);
min$$1[1] = mathMin$3(y3, min$$1[1]);
max$$1[1] = mathMax$3(y3, max$$1[1]);
}
/**
* 从二阶贝塞尔曲线(p0, p1, p2)中计算出最小包围盒，写入`min`和`max`中
* @memberOf module:zrender/core/bbox
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {Array.} min
* @param {Array.} max
*/
function fromQuadratic(x0, y0, x1, y1, x2, y2, min$$1, max$$1) {
var quadraticExtremum$$1 = quadraticExtremum;
var quadraticAt$$1 = quadraticAt;
// Find extremities, where derivative in x dim or y dim is zero
var tx =
mathMax$3(
mathMin$3(quadraticExtremum$$1(x0, x1, x2), 1), 0
);
var ty =
mathMax$3(
mathMin$3(quadraticExtremum$$1(y0, y1, y2), 1), 0
);
var x = quadraticAt$$1(x0, x1, x2, tx);
var y = quadraticAt$$1(y0, y1, y2, ty);
min$$1[0] = mathMin$3(x0, x2, x);
min$$1[1] = mathMin$3(y0, y2, y);
max$$1[0] = mathMax$3(x0, x2, x);
max$$1[1] = mathMax$3(y0, y2, y);
}
/**
* 从圆弧中计算出最小包围盒，写入`min`和`max`中
* @method
* @memberOf module:zrender/core/bbox
* @param {number} x
* @param {number} y
* @param {number} rx
* @param {number} ry
* @param {number} startAngle
* @param {number} endAngle
* @param {number} anticlockwise
* @param {Array.} min
* @param {Array.} max
*/
function fromArc(
x, y, rx, ry, startAngle, endAngle, anticlockwise, min$$1, max$$1
) {
var vec2Min = min;
var vec2Max = max;
var diff = Math.abs(startAngle - endAngle);
if (diff % PI2 < 1e-4 && diff > 1e-4) {
// Is a circle
min$$1[0] = x - rx;
min$$1[1] = y - ry;
max$$1[0] = x + rx;
max$$1[1] = y + ry;
return;
}
start[0] = mathCos$2(startAngle) * rx + x;
start[1] = mathSin$2(startAngle) * ry + y;
end[0] = mathCos$2(endAngle) * rx + x;
end[1] = mathSin$2(endAngle) * ry + y;
vec2Min(min$$1, start, end);
vec2Max(max$$1, start, end);
// Thresh to [0, Math.PI * 2]
startAngle = startAngle % (PI2);
if (startAngle < 0) {
startAngle = startAngle + PI2;
}
endAngle = endAngle % (PI2);
if (endAngle < 0) {
endAngle = endAngle + PI2;
}
if (startAngle > endAngle && !anticlockwise) {
endAngle += PI2;
}
else if (startAngle < endAngle && anticlockwise) {
startAngle += PI2;
}
if (anticlockwise) {
var tmp = endAngle;
endAngle = startAngle;
startAngle = tmp;
}
// var number = 0;
// var step = (anticlockwise ? -Math.PI : Math.PI) / 2;
for (var angle = 0; angle < endAngle; angle += Math.PI / 2) {
if (angle > startAngle) {
extremity[0] = mathCos$2(angle) * rx + x;
extremity[1] = mathSin$2(angle) * ry + y;
vec2Min(min$$1, extremity, min$$1);
vec2Max(max$$1, extremity, max$$1);
}
}
}
/**
* Path 代理，可以在`buildPath`中用于替代`ctx`, 会保存每个path操作的命令到pathCommands属性中
* 可以用于 isInsidePath 判断以及获取boundingRect
*
* @module zrender/core/PathProxy
* @author Yi Shen (http://www.github.com/pissang)
*/
// TODO getTotalLength, getPointAtLength
var CMD = {
M: 1,
L: 2,
C: 3,
Q: 4,
A: 5,
Z: 6,
// Rect
R: 7
};
// var CMD_MEM_SIZE = {
// M: 3,
// L: 3,
// C: 7,
// Q: 5,
// A: 9,
// R: 5,
// Z: 1
// };
var min$1 = [];
var max$1 = [];
var min2 = [];
var max2 = [];
var mathMin$2 = Math.min;
var mathMax$2 = Math.max;
var mathCos$1 = Math.cos;
var mathSin$1 = Math.sin;
var mathSqrt$1 = Math.sqrt;
var mathAbs = Math.abs;
var hasTypedArray = typeof Float32Array !== 'undefined';
/**
* @alias module:zrender/core/PathProxy
* @constructor
*/
var PathProxy = function (notSaveData) {
this._saveData = !(notSaveData || false);
if (this._saveData) {
/**
* Path data. Stored as flat array
* @type {Array.}
*/
this.data = [];
}
this._ctx = null;
};
/**
* 快速计算Path包围盒（并不是最小包围盒）
* @return {Object}
*/
PathProxy.prototype = {
constructor: PathProxy,
_xi: 0,
_yi: 0,
_x0: 0,
_y0: 0,
// Unit x, Unit y. Provide for avoiding drawing that too short line segment
_ux: 0,
_uy: 0,
_len: 0,
_lineDash: null,
_dashOffset: 0,
_dashIdx: 0,
_dashSum: 0,
/**
* @readOnly
*/
setScale: function (sx, sy, segmentIgnoreThreshold) {
// Compat. Previously there is no segmentIgnoreThreshold.
segmentIgnoreThreshold = segmentIgnoreThreshold || 0;
this._ux = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sx) || 0;
this._uy = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sy) || 0;
},
getContext: function () {
return this._ctx;
},
/**
* @param {CanvasRenderingContext2D} ctx
* @return {module:zrender/core/PathProxy}
*/
beginPath: function (ctx) {
this._ctx = ctx;
ctx && ctx.beginPath();
ctx && (this.dpr = ctx.dpr);
// Reset
if (this._saveData) {
this._len = 0;
}
if (this._lineDash) {
this._lineDash = null;
this._dashOffset = 0;
}
return this;
},
/**
* @param {number} x
* @param {number} y
* @return {module:zrender/core/PathProxy}
*/
moveTo: function (x, y) {
this.addData(CMD.M, x, y);
this._ctx && this._ctx.moveTo(x, y);
// x0, y0, xi, yi 是记录在 _dashedXXXXTo 方法中使用
// xi, yi 记录当前点, x0, y0 在 closePath 的时候回到起始点。
// 有可能在 beginPath 之后直接调用 lineTo，这时候 x0, y0 需要
// 在 lineTo 方法中记录，这里先不考虑这种情况，dashed line 也只在 IE10- 中不支持
this._x0 = x;
this._y0 = y;
this._xi = x;
this._yi = y;
return this;
},
/**
* @param {number} x
* @param {number} y
* @return {module:zrender/core/PathProxy}
*/
lineTo: function (x, y) {
var exceedUnit = mathAbs(x - this._xi) > this._ux
|| mathAbs(y - this._yi) > this._uy
// Force draw the first segment
|| this._len < 5;
this.addData(CMD.L, x, y);
if (this._ctx && exceedUnit) {
this._needsDash() ? this._dashedLineTo(x, y)
: this._ctx.lineTo(x, y);
}
if (exceedUnit) {
this._xi = x;
this._yi = y;
}
return this;
},
/**
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} x3
* @param {number} y3
* @return {module:zrender/core/PathProxy}
*/
bezierCurveTo: function (x1, y1, x2, y2, x3, y3) {
this.addData(CMD.C, x1, y1, x2, y2, x3, y3);
if (this._ctx) {
this._needsDash() ? this._dashedBezierTo(x1, y1, x2, y2, x3, y3)
: this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3);
}
this._xi = x3;
this._yi = y3;
return this;
},
/**
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @return {module:zrender/core/PathProxy}
*/
quadraticCurveTo: function (x1, y1, x2, y2) {
this.addData(CMD.Q, x1, y1, x2, y2);
if (this._ctx) {
this._needsDash() ? this._dashedQuadraticTo(x1, y1, x2, y2)
: this._ctx.quadraticCurveTo(x1, y1, x2, y2);
}
this._xi = x2;
this._yi = y2;
return this;
},
/**
* @param {number} cx
* @param {number} cy
* @param {number} r
* @param {number} startAngle
* @param {number} endAngle
* @param {boolean} anticlockwise
* @return {module:zrender/core/PathProxy}
*/
arc: function (cx, cy, r, startAngle, endAngle, anticlockwise) {
this.addData(
CMD.A, cx, cy, r, r, startAngle, endAngle - startAngle, 0, anticlockwise ? 0 : 1
);
this._ctx && this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise);
this._xi = mathCos$1(endAngle) * r + cx;
this._yi = mathSin$1(endAngle) * r + cy;
return this;
},
// TODO
arcTo: function (x1, y1, x2, y2, radius) {
if (this._ctx) {
this._ctx.arcTo(x1, y1, x2, y2, radius);
}
return this;
},
// TODO
rect: function (x, y, w, h) {
this._ctx && this._ctx.rect(x, y, w, h);
this.addData(CMD.R, x, y, w, h);
return this;
},
/**
* @return {module:zrender/core/PathProxy}
*/
closePath: function () {
this.addData(CMD.Z);
var ctx = this._ctx;
var x0 = this._x0;
var y0 = this._y0;
if (ctx) {
this._needsDash() && this._dashedLineTo(x0, y0);
ctx.closePath();
}
this._xi = x0;
this._yi = y0;
return this;
},
/**
* Context 从外部传入，因为有可能是 rebuildPath 完之后再 fill。
* stroke 同样
* @param {CanvasRenderingContext2D} ctx
* @return {module:zrender/core/PathProxy}
*/
fill: function (ctx) {
ctx && ctx.fill();
this.toStatic();
},
/**
* @param {CanvasRenderingContext2D} ctx
* @return {module:zrender/core/PathProxy}
*/
stroke: function (ctx) {
ctx && ctx.stroke();
this.toStatic();
},
/**
* 必须在其它绘制命令前调用
* Must be invoked before all other path drawing methods
* @return {module:zrender/core/PathProxy}
*/
setLineDash: function (lineDash) {
if (lineDash instanceof Array) {
this._lineDash = lineDash;
this._dashIdx = 0;
var lineDashSum = 0;
for (var i = 0; i < lineDash.length; i++) {
lineDashSum += lineDash[i];
}
this._dashSum = lineDashSum;
}
return this;
},
/**
* 必须在其它绘制命令前调用
* Must be invoked before all other path drawing methods
* @return {module:zrender/core/PathProxy}
*/
setLineDashOffset: function (offset) {
this._dashOffset = offset;
return this;
},
/**
*
* @return {boolean}
*/
len: function () {
return this._len;
},
/**
* 直接设置 Path 数据
*/
setData: function (data) {
var len$$1 = data.length;
if (!(this.data && this.data.length === len$$1) && hasTypedArray) {
this.data = new Float32Array(len$$1);
}
for (var i = 0; i < len$$1; i++) {
this.data[i] = data[i];
}
this._len = len$$1;
},
/**
* 添加子路径
* @param {module:zrender/core/PathProxy|Array.} path
*/
appendPath: function (path) {
if (!(path instanceof Array)) {
path = [path];
}
var len$$1 = path.length;
var appendSize = 0;
var offset = this._len;
for (var i = 0; i < len$$1; i++) {
appendSize += path[i].len();
}
if (hasTypedArray && (this.data instanceof Float32Array)) {
this.data = new Float32Array(offset + appendSize);
}
for (var i = 0; i < len$$1; i++) {
var appendPathData = path[i].data;
for (var k = 0; k < appendPathData.length; k++) {
this.data[offset++] = appendPathData[k];
}
}
this._len = offset;
},
/**
* 填充 Path 数据。
* 尽量复用而不申明新的数组。大部分图形重绘的指令数据长度都是不变的。
*/
addData: function (cmd) {
if (!this._saveData) {
return;
}
var data = this.data;
if (this._len + arguments.length > data.length) {
// 因为之前的数组已经转换成静态的 Float32Array
// 所以不够用时需要扩展一个新的动态数组
this._expandData();
data = this.data;
}
for (var i = 0; i < arguments.length; i++) {
data[this._len++] = arguments[i];
}
this._prevCmd = cmd;
},
_expandData: function () {
// Only if data is Float32Array
if (!(this.data instanceof Array)) {
var newData = [];
for (var i = 0; i < this._len; i++) {
newData[i] = this.data[i];
}
this.data = newData;
}
},
/**
* If needs js implemented dashed line
* @return {boolean}
* @private
*/
_needsDash: function () {
return this._lineDash;
},
_dashedLineTo: function (x1, y1) {
var dashSum = this._dashSum;
var offset = this._dashOffset;
var lineDash = this._lineDash;
var ctx = this._ctx;
var x0 = this._xi;
var y0 = this._yi;
var dx = x1 - x0;
var dy = y1 - y0;
var dist$$1 = mathSqrt$1(dx * dx + dy * dy);
var x = x0;
var y = y0;
var dash;
var nDash = lineDash.length;
var idx;
dx /= dist$$1;
dy /= dist$$1;
if (offset < 0) {
// Convert to positive offset
offset = dashSum + offset;
}
offset %= dashSum;
x -= offset * dx;
y -= offset * dy;
while ((dx > 0 && x <= x1) || (dx < 0 && x >= x1)
|| (dx === 0 && ((dy > 0 && y <= y1) || (dy < 0 && y >= y1)))) {
idx = this._dashIdx;
dash = lineDash[idx];
x += dx * dash;
y += dy * dash;
this._dashIdx = (idx + 1) % nDash;
// Skip positive offset
if ((dx > 0 && x < x0) || (dx < 0 && x > x0) || (dy > 0 && y < y0) || (dy < 0 && y > y0)) {
continue;
}
ctx[idx % 2 ? 'moveTo' : 'lineTo'](
dx >= 0 ? mathMin$2(x, x1) : mathMax$2(x, x1),
dy >= 0 ? mathMin$2(y, y1) : mathMax$2(y, y1)
);
}
// Offset for next lineTo
dx = x - x1;
dy = y - y1;
this._dashOffset = -mathSqrt$1(dx * dx + dy * dy);
},
// Not accurate dashed line to
_dashedBezierTo: function (x1, y1, x2, y2, x3, y3) {
var dashSum = this._dashSum;
var offset = this._dashOffset;
var lineDash = this._lineDash;
var ctx = this._ctx;
var x0 = this._xi;
var y0 = this._yi;
var t;
var dx;
var dy;
var cubicAt$$1 = cubicAt;
var bezierLen = 0;
var idx = this._dashIdx;
var nDash = lineDash.length;
var x;
var y;
var tmpLen = 0;
if (offset < 0) {
// Convert to positive offset
offset = dashSum + offset;
}
offset %= dashSum;
// Bezier approx length
for (t = 0; t < 1; t += 0.1) {
dx = cubicAt$$1(x0, x1, x2, x3, t + 0.1)
- cubicAt$$1(x0, x1, x2, x3, t);
dy = cubicAt$$1(y0, y1, y2, y3, t + 0.1)
- cubicAt$$1(y0, y1, y2, y3, t);
bezierLen += mathSqrt$1(dx * dx + dy * dy);
}
// Find idx after add offset
for (; idx < nDash; idx++) {
tmpLen += lineDash[idx];
if (tmpLen > offset) {
break;
}
}
t = (tmpLen - offset) / bezierLen;
while (t <= 1) {
x = cubicAt$$1(x0, x1, x2, x3, t);
y = cubicAt$$1(y0, y1, y2, y3, t);
// Use line to approximate dashed bezier
// Bad result if dash is long
idx % 2 ? ctx.moveTo(x, y)
: ctx.lineTo(x, y);
t += lineDash[idx] / bezierLen;
idx = (idx + 1) % nDash;
}
// Finish the last segment and calculate the new offset
(idx % 2 !== 0) && ctx.lineTo(x3, y3);
dx = x3 - x;
dy = y3 - y;
this._dashOffset = -mathSqrt$1(dx * dx + dy * dy);
},
_dashedQuadraticTo: function (x1, y1, x2, y2) {
// Convert quadratic to cubic using degree elevation
var x3 = x2;
var y3 = y2;
x2 = (x2 + 2 * x1) / 3;
y2 = (y2 + 2 * y1) / 3;
x1 = (this._xi + 2 * x1) / 3;
y1 = (this._yi + 2 * y1) / 3;
this._dashedBezierTo(x1, y1, x2, y2, x3, y3);
},
/**
* 转成静态的 Float32Array 减少堆内存占用
* Convert dynamic array to static Float32Array
*/
toStatic: function () {
var data = this.data;
if (data instanceof Array) {
data.length = this._len;
if (hasTypedArray) {
this.data = new Float32Array(data);
}
}
},
/**
* @return {module:zrender/core/BoundingRect}
*/
getBoundingRect: function () {
min$1[0] = min$1[1] = min2[0] = min2[1] = Number.MAX_VALUE;
max$1[0] = max$1[1] = max2[0] = max2[1] = -Number.MAX_VALUE;
var data = this.data;
var xi = 0;
var yi = 0;
var x0 = 0;
var y0 = 0;
for (var i = 0; i < data.length;) {
var cmd = data[i++];
if (i === 1) {
// 如果第一个命令是 L, C, Q
// 则 previous point 同绘制命令的第一个 point
//
// 第一个命令为 Arc 的情况下会在后面特殊处理
xi = data[i];
yi = data[i + 1];
x0 = xi;
y0 = yi;
}
switch (cmd) {
case CMD.M:
// moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
// 在 closePath 的时候使用
x0 = data[i++];
y0 = data[i++];
xi = x0;
yi = y0;
min2[0] = x0;
min2[1] = y0;
max2[0] = x0;
max2[1] = y0;
break;
case CMD.L:
fromLine(xi, yi, data[i], data[i + 1], min2, max2);
xi = data[i++];
yi = data[i++];
break;
case CMD.C:
fromCubic(
xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
min2, max2
);
xi = data[i++];
yi = data[i++];
break;
case CMD.Q:
fromQuadratic(
xi, yi, data[i++], data[i++], data[i], data[i + 1],
min2, max2
);
xi = data[i++];
yi = data[i++];
break;
case CMD.A:
// TODO Arc 判断的开销比较大
var cx = data[i++];
var cy = data[i++];
var rx = data[i++];
var ry = data[i++];
var startAngle = data[i++];
var endAngle = data[i++] + startAngle;
// TODO Arc 旋转
i += 1;
var anticlockwise = 1 - data[i++];
if (i === 1) {
// 直接使用 arc 命令
// 第一个命令起点还未定义
x0 = mathCos$1(startAngle) * rx + cx;
y0 = mathSin$1(startAngle) * ry + cy;
}
fromArc(
cx, cy, rx, ry, startAngle, endAngle,
anticlockwise, min2, max2
);
xi = mathCos$1(endAngle) * rx + cx;
yi = mathSin$1(endAngle) * ry + cy;
break;
case CMD.R:
x0 = xi = data[i++];
y0 = yi = data[i++];
var width = data[i++];
var height = data[i++];
// Use fromLine
fromLine(x0, y0, x0 + width, y0 + height, min2, max2);
break;
case CMD.Z:
xi = x0;
yi = y0;
break;
}
// Union
min(min$1, min$1, min2);
max(max$1, max$1, max2);
}
// No data
if (i === 0) {
min$1[0] = min$1[1] = max$1[0] = max$1[1] = 0;
}
return new BoundingRect(
min$1[0], min$1[1], max$1[0] - min$1[0], max$1[1] - min$1[1]
);
},
/**
* Rebuild path from current data
* Rebuild path will not consider javascript implemented line dash.
* @param {CanvasRenderingContext2D} ctx
*/
rebuildPath: function (ctx) {
var d = this.data;
var x0, y0;
var xi, yi;
var x, y;
var ux = this._ux;
var uy = this._uy;
var len$$1 = this._len;
for (var i = 0; i < len$$1;) {
var cmd = d[i++];
if (i === 1) {
// 如果第一个命令是 L, C, Q
// 则 previous point 同绘制命令的第一个 point
//
// 第一个命令为 Arc 的情况下会在后面特殊处理
xi = d[i];
yi = d[i + 1];
x0 = xi;
y0 = yi;
}
switch (cmd) {
case CMD.M:
x0 = xi = d[i++];
y0 = yi = d[i++];
ctx.moveTo(xi, yi);
break;
case CMD.L:
x = d[i++];
y = d[i++];
// Not draw too small seg between
if (mathAbs(x - xi) > ux || mathAbs(y - yi) > uy || i === len$$1 - 1) {
ctx.lineTo(x, y);
xi = x;
yi = y;
}
break;
case CMD.C:
ctx.bezierCurveTo(
d[i++], d[i++], d[i++], d[i++], d[i++], d[i++]
);
xi = d[i - 2];
yi = d[i - 1];
break;
case CMD.Q:
ctx.quadraticCurveTo(d[i++], d[i++], d[i++], d[i++]);
xi = d[i - 2];
yi = d[i - 1];
break;
case CMD.A:
var cx = d[i++];
var cy = d[i++];
var rx = d[i++];
var ry = d[i++];
var theta = d[i++];
var dTheta = d[i++];
var psi = d[i++];
var fs = d[i++];
var r = (rx > ry) ? rx : ry;
var scaleX = (rx > ry) ? 1 : rx / ry;
var scaleY = (rx > ry) ? ry / rx : 1;
var isEllipse = Math.abs(rx - ry) > 1e-3;
var endAngle = theta + dTheta;
if (isEllipse) {
ctx.translate(cx, cy);
ctx.rotate(psi);
ctx.scale(scaleX, scaleY);
ctx.arc(0, 0, r, theta, endAngle, 1 - fs);
ctx.scale(1 / scaleX, 1 / scaleY);
ctx.rotate(-psi);
ctx.translate(-cx, -cy);
}
else {
ctx.arc(cx, cy, r, theta, endAngle, 1 - fs);
}
if (i === 1) {
// 直接使用 arc 命令
// 第一个命令起点还未定义
x0 = mathCos$1(theta) * rx + cx;
y0 = mathSin$1(theta) * ry + cy;
}
xi = mathCos$1(endAngle) * rx + cx;
yi = mathSin$1(endAngle) * ry + cy;
break;
case CMD.R:
x0 = xi = d[i];
y0 = yi = d[i + 1];
ctx.rect(d[i++], d[i++], d[i++], d[i++]);
break;
case CMD.Z:
ctx.closePath();
xi = x0;
yi = y0;
}
}
}
};
PathProxy.CMD = CMD;
/**
* 线段包含判断
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} lineWidth
* @param {number} x
* @param {number} y
* @return {boolean}
*/
function containStroke$1(x0, y0, x1, y1, lineWidth, x, y) {
if (lineWidth === 0) {
return false;
}
var _l = lineWidth;
var _a = 0;
var _b = x0;
// Quick reject
if (
(y > y0 + _l && y > y1 + _l)
|| (y < y0 - _l && y < y1 - _l)
|| (x > x0 + _l && x > x1 + _l)
|| (x < x0 - _l && x < x1 - _l)
) {
return false;
}
if (x0 !== x1) {
_a = (y0 - y1) / (x0 - x1);
_b = (x0 * y1 - x1 * y0) / (x0 - x1);
}
else {
return Math.abs(x - x0) <= _l / 2;
}
var tmp = _a * x - y + _b;
var _s = tmp * tmp / (_a * _a + 1);
return _s <= _l / 2 * _l / 2;
}
/**
* 三次贝塞尔曲线描边包含判断
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} x3
* @param {number} y3
* @param {number} lineWidth
* @param {number} x
* @param {number} y
* @return {boolean}
*/
function containStroke$2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
if (lineWidth === 0) {
return false;
}
var _l = lineWidth;
// Quick reject
if (
(y > y0 + _l && y > y1 + _l && y > y2 + _l && y > y3 + _l)
|| (y < y0 - _l && y < y1 - _l && y < y2 - _l && y < y3 - _l)
|| (x > x0 + _l && x > x1 + _l && x > x2 + _l && x > x3 + _l)
|| (x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l)
) {
return false;
}
var d = cubicProjectPoint(
x0, y0, x1, y1, x2, y2, x3, y3,
x, y, null
);
return d <= _l / 2;
}
/**
* 二次贝塞尔曲线描边包含判断
* @param {number} x0
* @param {number} y0
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @param {number} lineWidth
* @param {number} x
* @param {number} y
* @return {boolean}
*/
function containStroke$3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
if (lineWidth === 0) {
return false;
}
var _l = lineWidth;
// Quick reject
if (
(y > y0 + _l && y > y1 + _l && y > y2 + _l)
|| (y < y0 - _l && y < y1 - _l && y < y2 - _l)
|| (x > x0 + _l && x > x1 + _l && x > x2 + _l)
|| (x < x0 - _l && x < x1 - _l && x < x2 - _l)
) {
return false;
}
var d = quadraticProjectPoint(
x0, y0, x1, y1, x2, y2,
x, y, null
);
return d <= _l / 2;
}
var PI2$3 = Math.PI * 2;
function normalizeRadian(angle) {
angle %= PI2$3;
if (angle < 0) {
angle += PI2$3;
}
return angle;
}
var PI2$2 = Math.PI * 2;
/**
* 圆弧描边包含判断
* @param {number} cx
* @param {number} cy
* @param {number} r
* @param {number} startAngle
* @param {number} endAngle
* @param {boolean} anticlockwise
* @param {number} lineWidth
* @param {number} x
* @param {number} y
* @return {Boolean}
*/
function containStroke$4(
cx, cy, r, startAngle, endAngle, anticlockwise,
lineWidth, x, y
) {
if (lineWidth === 0) {
return false;
}
var _l = lineWidth;
x -= cx;
y -= cy;
var d = Math.sqrt(x * x + y * y);
if ((d - _l > r) || (d + _l < r)) {
return false;
}
if (Math.abs(startAngle - endAngle) % PI2$2 < 1e-4) {
// Is a circle
return true;
}
if (anticlockwise) {
var tmp = startAngle;
startAngle = normalizeRadian(endAngle);
endAngle = normalizeRadian(tmp);
}
else {
startAngle = normalizeRadian(startAngle);
endAngle = normalizeRadian(endAngle);
}
if (startAngle > endAngle) {
endAngle += PI2$2;
}
var angle = Math.atan2(y, x);
if (angle < 0) {
angle += PI2$2;
}
return (angle >= startAngle && angle <= endAngle)
|| (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle);
}
function windingLine(x0, y0, x1, y1, x, y) {
if ((y > y0 && y > y1) || (y < y0 && y < y1)) {
return 0;
}
// Ignore horizontal line
if (y1 === y0) {
return 0;
}
var dir = y1 < y0 ? 1 : -1;
var t = (y - y0) / (y1 - y0);
// Avoid winding error when intersection point is the connect point of two line of polygon
if (t === 1 || t === 0) {
dir = y1 < y0 ? 0.5 : -0.5;
}
var x_ = t * (x1 - x0) + x0;
// If (x, y) on the line, considered as "contain".
return x_ === x ? Infinity : x_ > x ? dir : 0;
}
var CMD$1 = PathProxy.CMD;
var PI2$1 = Math.PI * 2;
var EPSILON$2 = 1e-4;
function isAroundEqual(a, b) {
return Math.abs(a - b) < EPSILON$2;
}
// 临时数组
var roots = [-1, -1, -1];
var extrema = [-1, -1];
function swapExtrema() {
var tmp = extrema[0];
extrema[0] = extrema[1];
extrema[1] = tmp;
}
function windingCubic(x0, y0, x1, y1, x2, y2, x3, y3, x, y) {
// Quick reject
if (
(y > y0 && y > y1 && y > y2 && y > y3)
|| (y < y0 && y < y1 && y < y2 && y < y3)
) {
return 0;
}
var nRoots = cubicRootAt(y0, y1, y2, y3, y, roots);
if (nRoots === 0) {
return 0;
}
else {
var w = 0;
var nExtrema = -1;
var y0_;
var y1_;
for (var i = 0; i < nRoots; i++) {
var t = roots[i];
// Avoid winding error when intersection point is the connect point of two line of polygon
var unit = (t === 0 || t === 1) ? 0.5 : 1;
var x_ = cubicAt(x0, x1, x2, x3, t);
if (x_ < x) { // Quick reject
continue;
}
if (nExtrema < 0) {
nExtrema = cubicExtrema(y0, y1, y2, y3, extrema);
if (extrema[1] < extrema[0] && nExtrema > 1) {
swapExtrema();
}
y0_ = cubicAt(y0, y1, y2, y3, extrema[0]);
if (nExtrema > 1) {
y1_ = cubicAt(y0, y1, y2, y3, extrema[1]);
}
}
if (nExtrema === 2) {
// 分成三段单调函数
if (t < extrema[0]) {
w += y0_ < y0 ? unit : -unit;
}
else if (t < extrema[1]) {
w += y1_ < y0_ ? unit : -unit;
}
else {
w += y3 < y1_ ? unit : -unit;
}
}
else {
// 分成两段单调函数
if (t < extrema[0]) {
w += y0_ < y0 ? unit : -unit;
}
else {
w += y3 < y0_ ? unit : -unit;
}
}
}
return w;
}
}
function windingQuadratic(x0, y0, x1, y1, x2, y2, x, y) {
// Quick reject
if (
(y > y0 && y > y1 && y > y2)
|| (y < y0 && y < y1 && y < y2)
) {
return 0;
}
var nRoots = quadraticRootAt(y0, y1, y2, y, roots);
if (nRoots === 0) {
return 0;
}
else {
var t = quadraticExtremum(y0, y1, y2);
if (t >= 0 && t <= 1) {
var w = 0;
var y_ = quadraticAt(y0, y1, y2, t);
for (var i = 0; i < nRoots; i++) {
// Remove one endpoint.
var unit = (roots[i] === 0 || roots[i] === 1) ? 0.5 : 1;
var x_ = quadraticAt(x0, x1, x2, roots[i]);
if (x_ < x) { // Quick reject
continue;
}
if (roots[i] < t) {
w += y_ < y0 ? unit : -unit;
}
else {
w += y2 < y_ ? unit : -unit;
}
}
return w;
}
else {
// Remove one endpoint.
var unit = (roots[0] === 0 || roots[0] === 1) ? 0.5 : 1;
var x_ = quadraticAt(x0, x1, x2, roots[0]);
if (x_ < x) { // Quick reject
return 0;
}
return y2 < y0 ? unit : -unit;
}
}
}
// TODO
// Arc 旋转
function windingArc(
cx, cy, r, startAngle, endAngle, anticlockwise, x, y
) {
y -= cy;
if (y > r || y < -r) {
return 0;
}
var tmp = Math.sqrt(r * r - y * y);
roots[0] = -tmp;
roots[1] = tmp;
var diff = Math.abs(startAngle - endAngle);
if (diff < 1e-4) {
return 0;
}
if (diff % PI2$1 < 1e-4) {
// Is a circle
startAngle = 0;
endAngle = PI2$1;
var dir = anticlockwise ? 1 : -1;
if (x >= roots[0] + cx && x <= roots[1] + cx) {
return dir;
}
else {
return 0;
}
}
if (anticlockwise) {
var tmp = startAngle;
startAngle = normalizeRadian(endAngle);
endAngle = normalizeRadian(tmp);
}
else {
startAngle = normalizeRadian(startAngle);
endAngle = normalizeRadian(endAngle);
}
if (startAngle > endAngle) {
endAngle += PI2$1;
}
var w = 0;
for (var i = 0; i < 2; i++) {
var x_ = roots[i];
if (x_ + cx > x) {
var angle = Math.atan2(y, x_);
var dir = anticlockwise ? 1 : -1;
if (angle < 0) {
angle = PI2$1 + angle;
}
if (
(angle >= startAngle && angle <= endAngle)
|| (angle + PI2$1 >= startAngle && angle + PI2$1 <= endAngle)
) {
if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
dir = -dir;
}
w += dir;
}
}
}
return w;
}
function containPath(data, lineWidth, isStroke, x, y) {
var w = 0;
var xi = 0;
var yi = 0;
var x0 = 0;
var y0 = 0;
for (var i = 0; i < data.length;) {
var cmd = data[i++];
// Begin a new subpath
if (cmd === CMD$1.M && i > 1) {
// Close previous subpath
if (!isStroke) {
w += windingLine(xi, yi, x0, y0, x, y);
}
// 如果被任何一个 subpath 包含
// if (w !== 0) {
// return true;
// }
}
if (i === 1) {
// 如果第一个命令是 L, C, Q
// 则 previous point 同绘制命令的第一个 point
//
// 第一个命令为 Arc 的情况下会在后面特殊处理
xi = data[i];
yi = data[i + 1];
x0 = xi;
y0 = yi;
}
switch (cmd) {
case CMD$1.M:
// moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
// 在 closePath 的时候使用
x0 = data[i++];
y0 = data[i++];
xi = x0;
yi = y0;
break;
case CMD$1.L:
if (isStroke) {
if (containStroke$1(xi, yi, data[i], data[i + 1], lineWidth, x, y)) {
return true;
}
}
else {
// NOTE 在第一个命令为 L, C, Q 的时候会计算出 NaN
w += windingLine(xi, yi, data[i], data[i + 1], x, y) || 0;
}
xi = data[i++];
yi = data[i++];
break;
case CMD$1.C:
if (isStroke) {
if (containStroke$2(xi, yi,
data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
lineWidth, x, y
)) {
return true;
}
}
else {
w += windingCubic(
xi, yi,
data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
x, y
) || 0;
}
xi = data[i++];
yi = data[i++];
break;
case CMD$1.Q:
if (isStroke) {
if (containStroke$3(xi, yi,
data[i++], data[i++], data[i], data[i + 1],
lineWidth, x, y
)) {
return true;
}
}
else {
w += windingQuadratic(
xi, yi,
data[i++], data[i++], data[i], data[i + 1],
x, y
) || 0;
}
xi = data[i++];
yi = data[i++];
break;
case CMD$1.A:
// TODO Arc 判断的开销比较大
var cx = data[i++];
var cy = data[i++];
var rx = data[i++];
var ry = data[i++];
var theta = data[i++];
var dTheta = data[i++];
// TODO Arc 旋转
i += 1;
var anticlockwise = 1 - data[i++];
var x1 = Math.cos(theta) * rx + cx;
var y1 = Math.sin(theta) * ry + cy;
// 不是直接使用 arc 命令
if (i > 1) {
w += windingLine(xi, yi, x1, y1, x, y);
}
else {
// 第一个命令起点还未定义
x0 = x1;
y0 = y1;
}
// zr 使用scale来模拟椭圆, 这里也对x做一定的缩放
var _x = (x - cx) * ry / rx + cx;
if (isStroke) {
if (containStroke$4(
cx, cy, ry, theta, theta + dTheta, anticlockwise,
lineWidth, _x, y
)) {
return true;
}
}
else {
w += windingArc(
cx, cy, ry, theta, theta + dTheta, anticlockwise,
_x, y
);
}
xi = Math.cos(theta + dTheta) * rx + cx;
yi = Math.sin(theta + dTheta) * ry + cy;
break;
case CMD$1.R:
x0 = xi = data[i++];
y0 = yi = data[i++];
var width = data[i++];
var height = data[i++];
var x1 = x0 + width;
var y1 = y0 + height;
if (isStroke) {
if (containStroke$1(x0, y0, x1, y0, lineWidth, x, y)
|| containStroke$1(x1, y0, x1, y1, lineWidth, x, y)
|| containStroke$1(x1, y1, x0, y1, lineWidth, x, y)
|| containStroke$1(x0, y1, x0, y0, lineWidth, x, y)
) {
return true;
}
}
else {
// FIXME Clockwise ?
w += windingLine(x1, y0, x1, y1, x, y);
w += windingLine(x0, y1, x0, y0, x, y);
}
break;
case CMD$1.Z:
if (isStroke) {
if (containStroke$1(
xi, yi, x0, y0, lineWidth, x, y
)) {
return true;
}
}
else {
// Close a subpath
w += windingLine(xi, yi, x0, y0, x, y);
// 如果被任何一个 subpath 包含
// FIXME subpaths may overlap
// if (w !== 0) {
// return true;
// }
}
xi = x0;
yi = y0;
break;
}
}
if (!isStroke && !isAroundEqual(yi, y0)) {
w += windingLine(xi, yi, x0, y0, x, y) || 0;
}
return w !== 0;
}
function contain(pathData, x, y) {
return containPath(pathData, 0, false, x, y);
}
function containStroke(pathData, lineWidth, x, y) {
return containPath(pathData, lineWidth, true, x, y);
}
var getCanvasPattern = Pattern.prototype.getCanvasPattern;
var abs = Math.abs;
var pathProxyForDraw = new PathProxy(true);
/**
* @alias module:zrender/graphic/Path
* @extends module:zrender/graphic/Displayable
* @constructor
* @param {Object} opts
*/
function Path(opts) {
Displayable.call(this, opts);
/**
* @type {module:zrender/core/PathProxy}
* @readOnly
*/
this.path = null;
}
Path.prototype = {
constructor: Path,
type: 'path',
__dirtyPath: true,
strokeContainThreshold: 5,
// This item default to be false. But in map series in echarts,
// in order to improve performance, it should be set to true,
// so the shorty segment won't draw.
segmentIgnoreThreshold: 0,
/**
* See `module:zrender/src/graphic/helper/subPixelOptimize`.
* @type {boolean}
*/
subPixelOptimize: false,
brush: function (ctx, prevEl) {
var style = this.style;
var path = this.path || pathProxyForDraw;
var hasStroke = style.hasStroke();
var hasFill = style.hasFill();
var fill = style.fill;
var stroke = style.stroke;
var hasFillGradient = hasFill && !!(fill.colorStops);
var hasStrokeGradient = hasStroke && !!(stroke.colorStops);
var hasFillPattern = hasFill && !!(fill.image);
var hasStrokePattern = hasStroke && !!(stroke.image);
style.bind(ctx, this, prevEl);
this.setTransform(ctx);
if (this.__dirty) {
var rect;
// Update gradient because bounding rect may changed
if (hasFillGradient) {
rect = rect || this.getBoundingRect();
this._fillGradient = style.getGradient(ctx, fill, rect);
}
if (hasStrokeGradient) {
rect = rect || this.getBoundingRect();
this._strokeGradient = style.getGradient(ctx, stroke, rect);
}
}
// Use the gradient or pattern
if (hasFillGradient) {
// PENDING If may have affect the state
ctx.fillStyle = this._fillGradient;
}
else if (hasFillPattern) {
ctx.fillStyle = getCanvasPattern.call(fill, ctx);
}
if (hasStrokeGradient) {
ctx.strokeStyle = this._strokeGradient;
}
else if (hasStrokePattern) {
ctx.strokeStyle = getCanvasPattern.call(stroke, ctx);
}
var lineDash = style.lineDash;
var lineDashOffset = style.lineDashOffset;
var ctxLineDash = !!ctx.setLineDash;
// Update path sx, sy
var scale = this.getGlobalScale();
path.setScale(scale[0], scale[1], this.segmentIgnoreThreshold);
// Proxy context
// Rebuild path in following 2 cases
// 1. Path is dirty
// 2. Path needs javascript implemented lineDash stroking.
// In this case, lineDash information will not be saved in PathProxy
if (this.__dirtyPath
|| (lineDash && !ctxLineDash && hasStroke)
) {
path.beginPath(ctx);
// Setting line dash before build path
if (lineDash && !ctxLineDash) {
path.setLineDash(lineDash);
path.setLineDashOffset(lineDashOffset);
}
this.buildPath(path, this.shape, false);
// Clear path dirty flag
if (this.path) {
this.__dirtyPath = false;
}
}
else {
// Replay path building
ctx.beginPath();
this.path.rebuildPath(ctx);
}
if (hasFill) {
if (style.fillOpacity != null) {
var originalGlobalAlpha = ctx.globalAlpha;
ctx.globalAlpha = style.fillOpacity * style.opacity;
path.fill(ctx);
ctx.globalAlpha = originalGlobalAlpha;
}
else {
path.fill(ctx);
}
}
if (lineDash && ctxLineDash) {
ctx.setLineDash(lineDash);
ctx.lineDashOffset = lineDashOffset;
}
if (hasStroke) {
if (style.strokeOpacity != null) {
var originalGlobalAlpha = ctx.globalAlpha;
ctx.globalAlpha = style.strokeOpacity * style.opacity;
path.stroke(ctx);
ctx.globalAlpha = originalGlobalAlpha;
}
else {
path.stroke(ctx);
}
}
if (lineDash && ctxLineDash) {
// PENDING
// Remove lineDash
ctx.setLineDash([]);
}
// Draw rect text
if (style.text != null) {
// Only restore transform when needs draw text.
this.restoreTransform(ctx);
this.drawRectText(ctx, this.getBoundingRect());
}
},
// When bundling path, some shape may decide if use moveTo to begin a new subpath or closePath
// Like in circle
buildPath: function (ctx, shapeCfg, inBundle) {},
createPathProxy: function () {
this.path = new PathProxy();
},
getBoundingRect: function () {
var rect = this._rect;
var style = this.style;
var needsUpdateRect = !rect;
if (needsUpdateRect) {
var path = this.path;
if (!path) {
// Create path on demand.
path = this.path = new PathProxy();
}
if (this.__dirtyPath) {
path.beginPath();
this.buildPath(path, this.shape, false);
}
rect = path.getBoundingRect();
}
this._rect = rect;
if (style.hasStroke()) {
// Needs update rect with stroke lineWidth when
// 1. Element changes scale or lineWidth
// 2. Shape is changed
var rectWithStroke = this._rectWithStroke || (this._rectWithStroke = rect.clone());
if (this.__dirty || needsUpdateRect) {
rectWithStroke.copy(rect);
// FIXME Must after updateTransform
var w = style.lineWidth;
// PENDING, Min line width is needed when line is horizontal or vertical
var lineScale = style.strokeNoScale ? this.getLineScale() : 1;
// Only add extra hover lineWidth when there are no fill
if (!style.hasFill()) {
w = Math.max(w, this.strokeContainThreshold || 4);
}
// Consider line width
// Line scale can't be 0;
if (lineScale > 1e-10) {
rectWithStroke.width += w / lineScale;
rectWithStroke.height += w / lineScale;
rectWithStroke.x -= w / lineScale / 2;
rectWithStroke.y -= w / lineScale / 2;
}
}
// Return rect with stroke
return rectWithStroke;
}
return rect;
},
contain: function (x, y) {
var localPos = this.transformCoordToLocal(x, y);
var rect = this.getBoundingRect();
var style = this.style;
x = localPos[0];
y = localPos[1];
if (rect.contain(x, y)) {
var pathData = this.path.data;
if (style.hasStroke()) {
var lineWidth = style.lineWidth;
var lineScale = style.strokeNoScale ? this.getLineScale() : 1;
// Line scale can't be 0;
if (lineScale > 1e-10) {
// Only add extra hover lineWidth when there are no fill
if (!style.hasFill()) {
lineWidth = Math.max(lineWidth, this.strokeContainThreshold);
}
if (containStroke(
pathData, lineWidth / lineScale, x, y
)) {
return true;
}
}
}
if (style.hasFill()) {
return contain(pathData, x, y);
}
}
return false;
},
/**
* @param {boolean} dirtyPath
*/
dirty: function (dirtyPath) {
if (dirtyPath == null) {
dirtyPath = true;
}
// Only mark dirty, not mark clean
if (dirtyPath) {
this.__dirtyPath = dirtyPath;
this._rect = null;
}
this.__dirty = this.__dirtyText = true;
this.__zr && this.__zr.refresh();
// Used as a clipping path
if (this.__clipTarget) {
this.__clipTarget.dirty();
}
},
/**
* Alias for animate('shape')
* @param {boolean} loop
*/
animateShape: function (loop) {
return this.animate('shape', loop);
},
// Overwrite attrKV
attrKV: function (key, value) {
// FIXME
if (key === 'shape') {
this.setShape(value);
this.__dirtyPath = true;
this._rect = null;
}
else {
Displayable.prototype.attrKV.call(this, key, value);
}
},
/**
* @param {Object|string} key
* @param {*} value
*/
setShape: function (key, value) {
var shape = this.shape;
// Path from string may not have shape
if (shape) {
if (isObject$1(key)) {
for (var name in key) {
if (key.hasOwnProperty(name)) {
shape[name] = key[name];
}
}
}
else {
shape[key] = value;
}
this.dirty(true);
}
return this;
},
getLineScale: function () {
var m = this.transform;
// Get the line scale.
// Determinant of `m` means how much the area is enlarged by the
// transformation. So its square root can be used as a scale factor
// for width.
return m && abs(m[0] - 1) > 1e-10 && abs(m[3] - 1) > 1e-10
? Math.sqrt(abs(m[0] * m[3] - m[2] * m[1]))
: 1;
}
};
/**
* 扩展一个 Path element, 比如星形，圆等。
* Extend a path element
* @param {Object} props
* @param {string} props.type Path type
* @param {Function} props.init Initialize
* @param {Function} props.buildPath Overwrite buildPath method
* @param {Object} [props.style] Extended default style config
* @param {Object} [props.shape] Extended default shape config
*/
Path.extend = function (defaults$$1) {
var Sub = function (opts) {
Path.call(this, opts);
if (defaults$$1.style) {
// Extend default style
this.style.extendFrom(defaults$$1.style, false);
}
// Extend default shape
var defaultShape = defaults$$1.shape;
if (defaultShape) {
this.shape = this.shape || {};
var thisShape = this.shape;
for (var name in defaultShape) {
if (
!thisShape.hasOwnProperty(name)
&& defaultShape.hasOwnProperty(name)
) {
thisShape[name] = defaultShape[name];
}
}
}
defaults$$1.init && defaults$$1.init.call(this, opts);
};
inherits(Sub, Path);
// FIXME 不能 extend position, rotation 等引用对象
for (var name in defaults$$1) {
// Extending prototype values and methods
if (name !== 'style' && name !== 'shape') {
Sub.prototype[name] = defaults$$1[name];
}
}
return Sub;
};
inherits(Path, Displayable);
var CMD$2 = PathProxy.CMD;
var points = [[], [], []];
var mathSqrt$3 = Math.sqrt;
var mathAtan2 = Math.atan2;
var transformPath = function (path, m) {
var data = path.data;
var cmd;
var nPoint;
var i;
var j;
var k;
var p;
var M = CMD$2.M;
var C = CMD$2.C;
var L = CMD$2.L;
var R = CMD$2.R;
var A = CMD$2.A;
var Q = CMD$2.Q;
for (i = 0, j = 0; i < data.length;) {
cmd = data[i++];
j = i;
nPoint = 0;
switch (cmd) {
case M:
nPoint = 1;
break;
case L:
nPoint = 1;
break;
case C:
nPoint = 3;
break;
case Q:
nPoint = 2;
break;
case A:
var x = m[4];
var y = m[5];
var sx = mathSqrt$3(m[0] * m[0] + m[1] * m[1]);
var sy = mathSqrt$3(m[2] * m[2] + m[3] * m[3]);
var angle = mathAtan2(-m[1] / sy, m[0] / sx);
// cx
data[i] *= sx;
data[i++] += x;
// cy
data[i] *= sy;
data[i++] += y;
// Scale rx and ry
// FIXME Assume psi is 0 here
data[i++] *= sx;
data[i++] *= sy;
// Start angle
data[i++] += angle;
// end angle
data[i++] += angle;
// FIXME psi
i += 2;
j = i;
break;
case R:
// x0, y0
p[0] = data[i++];
p[1] = data[i++];
applyTransform(p, p, m);
data[j++] = p[0];
data[j++] = p[1];
// x1, y1
p[0] += data[i++];
p[1] += data[i++];
applyTransform(p, p, m);
data[j++] = p[0];
data[j++] = p[1];
}
for (k = 0; k < nPoint; k++) {
var p = points[k];
p[0] = data[i++];
p[1] = data[i++];
applyTransform(p, p, m);
// Write back
data[j++] = p[0];
data[j++] = p[1];
}
}
};
// command chars
// var cc = [
// 'm', 'M', 'l', 'L', 'v', 'V', 'h', 'H', 'z', 'Z',
// 'c', 'C', 'q', 'Q', 't', 'T', 's', 'S', 'a', 'A'
// ];
var mathSqrt = Math.sqrt;
var mathSin = Math.sin;
var mathCos = Math.cos;
var PI = Math.PI;
var vMag = function (v) {
return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
};
var vRatio = function (u, v) {
return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
};
var vAngle = function (u, v) {
return (u[0] * v[1] < u[1] * v[0] ? -1 : 1)
* Math.acos(vRatio(u, v));
};
function processArc(x1, y1, x2, y2, fa, fs, rx, ry, psiDeg, cmd, path) {
var psi = psiDeg * (PI / 180.0);
var xp = mathCos(psi) * (x1 - x2) / 2.0
+ mathSin(psi) * (y1 - y2) / 2.0;
var yp = -1 * mathSin(psi) * (x1 - x2) / 2.0
+ mathCos(psi) * (y1 - y2) / 2.0;
var lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry);
if (lambda > 1) {
rx *= mathSqrt(lambda);
ry *= mathSqrt(lambda);
}
var f = (fa === fs ? -1 : 1)
* mathSqrt((((rx * rx) * (ry * ry))
- ((rx * rx) * (yp * yp))
- ((ry * ry) * (xp * xp))) / ((rx * rx) * (yp * yp)
+ (ry * ry) * (xp * xp))
) || 0;
var cxp = f * rx * yp / ry;
var cyp = f * -ry * xp / rx;
var cx = (x1 + x2) / 2.0
+ mathCos(psi) * cxp
- mathSin(psi) * cyp;
var cy = (y1 + y2) / 2.0
+ mathSin(psi) * cxp
+ mathCos(psi) * cyp;
var theta = vAngle([ 1, 0 ], [ (xp - cxp) / rx, (yp - cyp) / ry ]);
var u = [ (xp - cxp) / rx, (yp - cyp) / ry ];
var v = [ (-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry ];
var dTheta = vAngle(u, v);
if (vRatio(u, v) <= -1) {
dTheta = PI;
}
if (vRatio(u, v) >= 1) {
dTheta = 0;
}
if (fs === 0 && dTheta > 0) {
dTheta = dTheta - 2 * PI;
}
if (fs === 1 && dTheta < 0) {
dTheta = dTheta + 2 * PI;
}
path.addData(cmd, cx, cy, rx, ry, theta, dTheta, psi, fs);
}
var commandReg = /([mlvhzcqtsa])([^mlvhzcqtsa]*)/ig;
// Consider case:
// (1) delimiter can be comma or space, where continuous commas
// or spaces should be seen as one comma.
// (2) value can be like:
// '2e-4', 'l.5.9' (ignore 0), 'M-10-10', 'l-2.43e-1,34.9983',
// 'l-.5E1,54', '121-23-44-11' (no delimiter)
var numberReg = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;
// var valueSplitReg = /[\s,]+/;
function createPathProxyFromString(data) {
if (!data) {
return new PathProxy();
}
// var data = data.replace(/-/g, ' -')
// .replace(/ /g, ' ')
// .replace(/ /g, ',')
// .replace(/,,/g, ',');
// var n;
// create pipes so that we can split the data
// for (n = 0; n < cc.length; n++) {
// cs = cs.replace(new RegExp(cc[n], 'g'), '|' + cc[n]);
// }
// data = data.replace(/-/g, ',-');
// create array
// var arr = cs.split('|');
// init context point
var cpx = 0;
var cpy = 0;
var subpathX = cpx;
var subpathY = cpy;
var prevCmd;
var path = new PathProxy();
var CMD = PathProxy.CMD;
// commandReg.lastIndex = 0;
// var cmdResult;
// while ((cmdResult = commandReg.exec(data)) != null) {
// var cmdStr = cmdResult[1];
// var cmdContent = cmdResult[2];
var cmdList = data.match(commandReg);
for (var l = 0; l < cmdList.length; l++) {
var cmdText = cmdList[l];
var cmdStr = cmdText.charAt(0);
var cmd;
// String#split is faster a little bit than String#replace or RegExp#exec.
// var p = cmdContent.split(valueSplitReg);
// var pLen = 0;
// for (var i = 0; i < p.length; i++) {
// // '' and other invalid str => NaN
// var val = parseFloat(p[i]);
// !isNaN(val) && (p[pLen++] = val);
// }
var p = cmdText.match(numberReg) || [];
var pLen = p.length;
for (var i = 0; i < pLen; i++) {
p[i] = parseFloat(p[i]);
}
var off = 0;
while (off < pLen) {
var ctlPtx;
var ctlPty;
var rx;
var ry;
var psi;
var fa;
var fs;
var x1 = cpx;
var y1 = cpy;
// convert l, H, h, V, and v to L
switch (cmdStr) {
case 'l':
cpx += p[off++];
cpy += p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'L':
cpx = p[off++];
cpy = p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'm':
cpx += p[off++];
cpy += p[off++];
cmd = CMD.M;
path.addData(cmd, cpx, cpy);
subpathX = cpx;
subpathY = cpy;
cmdStr = 'l';
break;
case 'M':
cpx = p[off++];
cpy = p[off++];
cmd = CMD.M;
path.addData(cmd, cpx, cpy);
subpathX = cpx;
subpathY = cpy;
cmdStr = 'L';
break;
case 'h':
cpx += p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'H':
cpx = p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'v':
cpy += p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'V':
cpy = p[off++];
cmd = CMD.L;
path.addData(cmd, cpx, cpy);
break;
case 'C':
cmd = CMD.C;
path.addData(
cmd, p[off++], p[off++], p[off++], p[off++], p[off++], p[off++]
);
cpx = p[off - 2];
cpy = p[off - 1];
break;
case 'c':
cmd = CMD.C;
path.addData(
cmd,
p[off++] + cpx, p[off++] + cpy,
p[off++] + cpx, p[off++] + cpy,
p[off++] + cpx, p[off++] + cpy
);
cpx += p[off - 2];
cpy += p[off - 1];
break;
case 'S':
ctlPtx = cpx;
ctlPty = cpy;
var len = path.len();
var pathData = path.data;
if (prevCmd === CMD.C) {
ctlPtx += cpx - pathData[len - 4];
ctlPty += cpy - pathData[len - 3];
}
cmd = CMD.C;
x1 = p[off++];
y1 = p[off++];
cpx = p[off++];
cpy = p[off++];
path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy);
break;
case 's':
ctlPtx = cpx;
ctlPty = cpy;
var len = path.len();
var pathData = path.data;
if (prevCmd === CMD.C) {
ctlPtx += cpx - pathData[len - 4];
ctlPty += cpy - pathData[len - 3];
}
cmd = CMD.C;
x1 = cpx + p[off++];
y1 = cpy + p[off++];
cpx += p[off++];
cpy += p[off++];
path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy);
break;
case 'Q':
x1 = p[off++];
y1 = p[off++];
cpx = p[off++];
cpy = p[off++];
cmd = CMD.Q;
path.addData(cmd, x1, y1, cpx, cpy);
break;
case 'q':
x1 = p[off++] + cpx;
y1 = p[off++] + cpy;
cpx += p[off++];
cpy += p[off++];
cmd = CMD.Q;
path.addData(cmd, x1, y1, cpx, cpy);
break;
case 'T':
ctlPtx = cpx;
ctlPty = cpy;
var len = path.len();
var pathData = path.data;
if (prevCmd === CMD.Q) {
ctlPtx += cpx - pathData[len - 4];
ctlPty += cpy - pathData[len - 3];
}
cpx = p[off++];
cpy = p[off++];
cmd = CMD.Q;
path.addData(cmd, ctlPtx, ctlPty, cpx, cpy);
break;
case 't':
ctlPtx = cpx;
ctlPty = cpy;
var len = path.len();
var pathData = path.data;
if (prevCmd === CMD.Q) {
ctlPtx += cpx - pathData[len - 4];
ctlPty += cpy - pathData[len - 3];
}
cpx += p[off++];
cpy += p[off++];
cmd = CMD.Q;
path.addData(cmd, ctlPtx, ctlPty, cpx, cpy);
break;
case 'A':
rx = p[off++];
ry = p[off++];
psi = p[off++];
fa = p[off++];
fs = p[off++];
x1 = cpx, y1 = cpy;
cpx = p[off++];
cpy = p[off++];
cmd = CMD.A;
processArc(
x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path
);
break;
case 'a':
rx = p[off++];
ry = p[off++];
psi = p[off++];
fa = p[off++];
fs = p[off++];
x1 = cpx, y1 = cpy;
cpx += p[off++];
cpy += p[off++];
cmd = CMD.A;
processArc(
x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path
);
break;
}
}
if (cmdStr === 'z' || cmdStr === 'Z') {
cmd = CMD.Z;
path.addData(cmd);
// z may be in the middle of the path.
cpx = subpathX;
cpy = subpathY;
}
prevCmd = cmd;
}
path.toStatic();
return path;
}
// TODO Optimize double memory cost problem
function createPathOptions(str, opts) {
var pathProxy = createPathProxyFromString(str);
opts = opts || {};
opts.buildPath = function (path) {
if (path.setData) {
path.setData(pathProxy.data);
// Svg and vml renderer don't have context
var ctx = path.getContext();
if (ctx) {
path.rebuildPath(ctx);
}
}
else {
var ctx = path;
pathProxy.rebuildPath(ctx);
}
};
opts.applyTransform = function (m) {
transformPath(pathProxy, m);
this.dirty(true);
};
return opts;
}
/**
* Create a Path object from path string data
* http://www.w3.org/TR/SVG/paths.html#PathData
* @param {Object} opts Other options
*/
function createFromString(str, opts) {
return new Path(createPathOptions(str, opts));
}
/**
* Create a Path class from path string data
* @param {string} str
* @param {Object} opts Other options
*/
function extendFromString(str, opts) {
return Path.extend(createPathOptions(str, opts));
}
/**
* Merge multiple paths
*/
// TODO Apply transform
// TODO stroke dash
// TODO Optimize double memory cost problem
function mergePath$1(pathEls, opts) {
var pathList = [];
var len = pathEls.length;
for (var i = 0; i < len; i++) {
var pathEl = pathEls[i];
if (!pathEl.path) {
pathEl.createPathProxy();
}
if (pathEl.__dirtyPath) {
pathEl.buildPath(pathEl.path, pathEl.shape, true);
}
pathList.push(pathEl.path);
}
var pathBundle = new Path(opts);
// Need path proxy.
pathBundle.createPathProxy();
pathBundle.buildPath = function (path) {
path.appendPath(pathList);
// Svg and vml renderer don't have context
var ctx = path.getContext();
if (ctx) {
path.rebuildPath(ctx);
}
};
return pathBundle;
}
/**
* @alias zrender/graphic/Text
* @extends module:zrender/graphic/Displayable
* @constructor
* @param {Object} opts
*/
var Text = function (opts) { // jshint ignore:line
Displayable.call(this, opts);
};
Text.prototype = {
constructor: Text,
type: 'text',
brush: function (ctx, prevEl) {
var style = this.style;
// Optimize, avoid normalize every time.
this.__dirty && normalizeTextStyle(style, true);
// Use props with prefix 'text'.
style.fill = style.stroke = style.shadowBlur = style.shadowColor =
style.shadowOffsetX = style.shadowOffsetY = null;
var text = style.text;
// Convert to string
text != null && (text += '');
// Do not apply style.bind in Text node. Because the real bind job
// is in textHelper.renderText, and performance of text render should
// be considered.
// style.bind(ctx, this, prevEl);
if (!needDrawText(text, style)) {
// The current el.style is not applied
// and should not be used as cache.
ctx.__attrCachedBy = ContextCachedBy.NONE;
return;
}
this.setTransform(ctx);
renderText(this, ctx, text, style, null, prevEl);
this.restoreTransform(ctx);
},
getBoundingRect: function () {
var style = this.style;
// Optimize, avoid normalize every time.
this.__dirty && normalizeTextStyle(style, true);
if (!this._rect) {
var text = style.text;
text != null ? (text += '') : (text = '');
var rect = getBoundingRect(
style.text + '',
style.font,
style.textAlign,
style.textVerticalAlign,
style.textPadding,
style.textLineHeight,
style.rich
);
rect.x += style.x || 0;
rect.y += style.y || 0;
if (getStroke(style.textStroke, style.textStrokeWidth)) {
var w = style.textStrokeWidth;
rect.x -= w / 2;
rect.y -= w / 2;
rect.width += w;
rect.height += w;
}
this._rect = rect;
}
return this._rect;
}
};
inherits(Text, Displayable);
/**
* 圆形
* @module zrender/shape/Circle
*/
var Circle = Path.extend({
type: 'circle',
shape: {
cx: 0,
cy: 0,
r: 0
},
buildPath: function (ctx, shape, inBundle) {
// Better stroking in ShapeBundle
// Always do it may have performence issue ( fill may be 2x more cost)
if (inBundle) {
ctx.moveTo(shape.cx + shape.r, shape.cy);
}
// else {
// if (ctx.allocate && !ctx.data.length) {
// ctx.allocate(ctx.CMD_MEM_SIZE.A);
// }
// }
// Better stroking in ShapeBundle
// ctx.moveTo(shape.cx + shape.r, shape.cy);
ctx.arc(shape.cx, shape.cy, shape.r, 0, Math.PI * 2, true);
}
});
// Fix weird bug in some version of IE11 (like 11.0.9600.178**),
// where exception "unexpected call to method or property access"
// might be thrown when calling ctx.fill or ctx.stroke after a path
// whose area size is zero is drawn and ctx.clip() is called and
// shadowBlur is set. See #4572, #3112, #5777.
// (e.g.,
// ctx.moveTo(10, 10);
// ctx.lineTo(20, 10);
// ctx.closePath();
// ctx.clip();
// ctx.shadowBlur = 10;
// ...
// ctx.fill();
// )
var shadowTemp = [
['shadowBlur', 0],
['shadowColor', '#000'],
['shadowOffsetX', 0],
['shadowOffsetY', 0]
];
var fixClipWithShadow = function (orignalBrush) {
// version string can be: '11.0'
return (env$1.browser.ie && env$1.browser.version >= 11)
? function () {
var clipPaths = this.__clipPaths;
var style = this.style;
var modified;
if (clipPaths) {
for (var i = 0; i < clipPaths.length; i++) {
var clipPath = clipPaths[i];
var shape = clipPath && clipPath.shape;
var type = clipPath && clipPath.type;
if (shape && (
(type === 'sector' && shape.startAngle === shape.endAngle)
|| (type === 'rect' && (!shape.width || !shape.height))
)) {
for (var j = 0; j < shadowTemp.length; j++) {
// It is save to put shadowTemp static, because shadowTemp
// will be all modified each item brush called.
shadowTemp[j][2] = style[shadowTemp[j][0]];
style[shadowTemp[j][0]] = shadowTemp[j][1];
}
modified = true;
break;
}
}
}
orignalBrush.apply(this, arguments);
if (modified) {
for (var j = 0; j < shadowTemp.length; j++) {
style[shadowTemp[j][0]] = shadowTemp[j][2];
}
}
}
: orignalBrush;
};
/**
* 扇形
* @module zrender/graphic/shape/Sector
*/
var Sector = Path.extend({
type: 'sector',
shape: {
cx: 0,
cy: 0,
r0: 0,
r: 0,
startAngle: 0,
endAngle: Math.PI * 2,
clockwise: true
},
brush: fixClipWithShadow(Path.prototype.brush),
buildPath: function (ctx, shape) {
var x = shape.cx;
var y = shape.cy;
var r0 = Math.max(shape.r0 || 0, 0);
var r = Math.max(shape.r, 0);
var startAngle = shape.startAngle;
var endAngle = shape.endAngle;
var clockwise = shape.clockwise;
var unitX = Math.cos(startAngle);
var unitY = Math.sin(startAngle);
ctx.moveTo(unitX * r0 + x, unitY * r0 + y);
ctx.lineTo(unitX * r + x, unitY * r + y);
ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
ctx.lineTo(
Math.cos(endAngle) * r0 + x,
Math.sin(endAngle) * r0 + y
);
if (r0 !== 0) {
ctx.arc(x, y, r0, endAngle, startAngle, clockwise);
}
ctx.closePath();
}
});
/**
* 圆环
* @module zrender/graphic/shape/Ring
*/
var Ring = Path.extend({
type: 'ring',
shape: {
cx: 0,
cy: 0,
r: 0,
r0: 0
},
buildPath: function (ctx, shape) {
var x = shape.cx;
var y = shape.cy;
var PI2 = Math.PI * 2;
ctx.moveTo(x + shape.r, y);
ctx.arc(x, y, shape.r, 0, PI2, false);
ctx.moveTo(x + shape.r0, y);
ctx.arc(x, y, shape.r0, 0, PI2, true);
}
});
/**
* Catmull-Rom spline 插值折线
* @module zrender/shape/util/smoothSpline
* @author pissang (https://www.github.com/pissang)
* Kener (@Kener-林峰, kener.linfeng@gmail.com)
* errorrik (errorrik@gmail.com)
*/
/**
* @inner
*/
function interpolate(p0, p1, p2, p3, t, t2, t3) {
var v0 = (p2 - p0) * 0.5;
var v1 = (p3 - p1) * 0.5;
return (2 * (p1 - p2) + v0 + v1) * t3
+ (-3 * (p1 - p2) - 2 * v0 - v1) * t2
+ v0 * t + p1;
}
/**
* @alias module:zrender/shape/util/smoothSpline
* @param {Array} points 线段顶点数组
* @param {boolean} isLoop
* @return {Array}
*/
var smoothSpline = function (points, isLoop) {
var len$$1 = points.length;
var ret = [];
var distance$$1 = 0;
for (var i = 1; i < len$$1; i++) {
distance$$1 += distance(points[i - 1], points[i]);
}
var segs = distance$$1 / 2;
segs = segs < len$$1 ? len$$1 : segs;
for (var i = 0; i < segs; i++) {
var pos = i / (segs - 1) * (isLoop ? len$$1 : len$$1 - 1);
var idx = Math.floor(pos);
var w = pos - idx;
var p0;
var p1 = points[idx % len$$1];
var p2;
var p3;
if (!isLoop) {
p0 = points[idx === 0 ? idx : idx - 1];
p2 = points[idx > len$$1 - 2 ? len$$1 - 1 : idx + 1];
p3 = points[idx > len$$1 - 3 ? len$$1 - 1 : idx + 2];
}
else {
p0 = points[(idx - 1 + len$$1) % len$$1];
p2 = points[(idx + 1) % len$$1];
p3 = points[(idx + 2) % len$$1];
}
var w2 = w * w;
var w3 = w * w2;
ret.push([
interpolate(p0[0], p1[0], p2[0], p3[0], w, w2, w3),
interpolate(p0[1], p1[1], p2[1], p3[1], w, w2, w3)
]);
}
return ret;
};
/**
* 贝塞尔平滑曲线
* @module zrender/shape/util/smoothBezier
* @author pissang (https://www.github.com/pissang)
* Kener (@Kener-林峰, kener.linfeng@gmail.com)
* errorrik (errorrik@gmail.com)
*/
/**
* 贝塞尔平滑曲线
* @alias module:zrender/shape/util/smoothBezier
* @param {Array} points 线段顶点数组
* @param {number} smooth 平滑等级, 0-1
* @param {boolean} isLoop
* @param {Array} constraint 将计算出来的控制点约束在一个包围盒内
* 比如 [[0, 0], [100, 100]], 这个包围盒会与
* 整个折线的包围盒做一个并集用来约束控制点。
* @param {Array} 计算出来的控制点数组
*/
var smoothBezier = function (points, smooth, isLoop, constraint) {
var cps = [];
var v = [];
var v1 = [];
var v2 = [];
var prevPoint;
var nextPoint;
var min$$1;
var max$$1;
if (constraint) {
min$$1 = [Infinity, Infinity];
max$$1 = [-Infinity, -Infinity];
for (var i = 0, len$$1 = points.length; i < len$$1; i++) {
min(min$$1, min$$1, points[i]);
max(max$$1, max$$1, points[i]);
}
// 与指定的包围盒做并集
min(min$$1, min$$1, constraint[0]);
max(max$$1, max$$1, constraint[1]);
}
for (var i = 0, len$$1 = points.length; i < len$$1; i++) {
var point = points[i];
if (isLoop) {
prevPoint = points[i ? i - 1 : len$$1 - 1];
nextPoint = points[(i + 1) % len$$1];
}
else {
if (i === 0 || i === len$$1 - 1) {
cps.push(clone$1(points[i]));
continue;
}
else {
prevPoint = points[i - 1];
nextPoint = points[i + 1];
}
}
sub(v, nextPoint, prevPoint);
// use degree to scale the handle length
scale(v, v, smooth);
var d0 = distance(point, prevPoint);
var d1 = distance(point, nextPoint);
var sum = d0 + d1;
if (sum !== 0) {
d0 /= sum;
d1 /= sum;
}
scale(v1, v, -d0);
scale(v2, v, d1);
var cp0 = add([], point, v1);
var cp1 = add([], point, v2);
if (constraint) {
max(cp0, cp0, min$$1);
min(cp0, cp0, max$$1);
max(cp1, cp1, min$$1);
min(cp1, cp1, max$$1);
}
cps.push(cp0);
cps.push(cp1);
}
if (isLoop) {
cps.push(cps.shift());
}
return cps;
};
function buildPath$1(ctx, shape, closePath) {
var points = shape.points;
var smooth = shape.smooth;
if (points && points.length >= 2) {
if (smooth && smooth !== 'spline') {
var controlPoints = smoothBezier(
points, smooth, closePath, shape.smoothConstraint
);
ctx.moveTo(points[0][0], points[0][1]);
var len = points.length;
for (var i = 0; i < (closePath ? len : len - 1); i++) {
var cp1 = controlPoints[i * 2];
var cp2 = controlPoints[i * 2 + 1];
var p = points[(i + 1) % len];
ctx.bezierCurveTo(
cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]
);
}
}
else {
if (smooth === 'spline') {
points = smoothSpline(points, closePath);
}
ctx.moveTo(points[0][0], points[0][1]);
for (var i = 1, l = points.length; i < l; i++) {
ctx.lineTo(points[i][0], points[i][1]);
}
}
closePath && ctx.closePath();
}
}
/**
* 多边形
* @module zrender/shape/Polygon
*/
var Polygon = Path.extend({
type: 'polygon',
shape: {
points: null,
smooth: false,
smoothConstraint: null
},
buildPath: function (ctx, shape) {
buildPath$1(ctx, shape, true);
}
});
/**
* @module zrender/graphic/shape/Polyline
*/
var Polyline = Path.extend({
type: 'polyline',
shape: {
points: null,
smooth: false,
smoothConstraint: null
},
style: {
stroke: '#000',
fill: null
},
buildPath: function (ctx, shape) {
buildPath$1(ctx, shape, false);
}
});
/**
* Sub-pixel optimize for canvas rendering, prevent from blur
* when rendering a thin vertical/horizontal line.
*/
var round = Math.round;
/**
* Sub pixel optimize line for canvas
*
* @param {Object} outputShape The modification will be performed on `outputShape`.
* `outputShape` and `inputShape` can be the same object.
* `outputShape` object can be used repeatly, because all of
* the `x1`, `x2`, `y1`, `y2` will be assigned in this method.
* @param {Object} [inputShape]
* @param {number} [inputShape.x1]
* @param {number} [inputShape.y1]
* @param {number} [inputShape.x2]
* @param {number} [inputShape.y2]
* @param {Object} [style]
* @param {number} [style.lineWidth]
*/
function subPixelOptimizeLine$1(outputShape, inputShape, style) {
var lineWidth = style && style.lineWidth;
if (!inputShape || !lineWidth) {
return;
}
var x1 = inputShape.x1;
var x2 = inputShape.x2;
var y1 = inputShape.y1;
var y2 = inputShape.y2;
if (round(x1 * 2) === round(x2 * 2)) {
outputShape.x1 = outputShape.x2 = subPixelOptimize$1(x1, lineWidth, true);
}
else {
outputShape.x1 = x1;
outputShape.x2 = x2;
}
if (round(y1 * 2) === round(y2 * 2)) {
outputShape.y1 = outputShape.y2 = subPixelOptimize$1(y1, lineWidth, true);
}
else {
outputShape.y1 = y1;
outputShape.y2 = y2;
}
}
/**
* Sub pixel optimize rect for canvas
*
* @param {Object} outputShape The modification will be performed on `outputShape`.
* `outputShape` and `inputShape` can be the same object.
* `outputShape` object can be used repeatly, because all of
* the `x`, `y`, `width`, `height` will be assigned in this method.
* @param {Object} [inputShape]
* @param {number} [inputShape.x]
* @param {number} [inputShape.y]
* @param {number} [inputShape.width]
* @param {number} [inputShape.height]
* @param {Object} [style]
* @param {number} [style.lineWidth]
*/
function subPixelOptimizeRect$1(outputShape, inputShape, style) {
var lineWidth = style && style.lineWidth;
if (!inputShape || !lineWidth) {
return;
}
var originX = inputShape.x;
var originY = inputShape.y;
var originWidth = inputShape.width;
var originHeight = inputShape.height;
outputShape.x = subPixelOptimize$1(originX, lineWidth, true);
outputShape.y = subPixelOptimize$1(originY, lineWidth, true);
outputShape.width = Math.max(
subPixelOptimize$1(originX + originWidth, lineWidth, false) - outputShape.x,
originWidth === 0 ? 0 : 1
);
outputShape.height = Math.max(
subPixelOptimize$1(originY + originHeight, lineWidth, false) - outputShape.y,
originHeight === 0 ? 0 : 1
);
}
/**
* Sub pixel optimize for canvas
*
* @param {number} position Coordinate, such as x, y
* @param {number} lineWidth Should be nonnegative integer.
* @param {boolean=} positiveOrNegative Default false (negative).
* @return {number} Optimized position.
*/
function subPixelOptimize$1(position, lineWidth, positiveOrNegative) {
// Assure that (position + lineWidth / 2) is near integer edge,
// otherwise line will be fuzzy in canvas.
var doubledPosition = round(position * 2);
return (doubledPosition + round(lineWidth)) % 2 === 0
? doubledPosition / 2
: (doubledPosition + (positiveOrNegative ? 1 : -1)) / 2;
}
/**
* 矩形
* @module zrender/graphic/shape/Rect
*/
// Avoid create repeatly.
var subPixelOptimizeOutputShape = {};
var Rect = Path.extend({
type: 'rect',
shape: {
// 左上、右上、右下、左下角的半径依次为r1、r2、r3、r4
// r缩写为1 相当于 [1, 1, 1, 1]
// r缩写为[1] 相当于 [1, 1, 1, 1]
// r缩写为[1, 2] 相当于 [1, 2, 1, 2]
// r缩写为[1, 2, 3] 相当于 [1, 2, 3, 2]
r: 0,
x: 0,
y: 0,
width: 0,
height: 0
},
buildPath: function (ctx, shape) {
var x;
var y;
var width;
var height;
if (this.subPixelOptimize) {
subPixelOptimizeRect$1(subPixelOptimizeOutputShape, shape, this.style);
x = subPixelOptimizeOutputShape.x;
y = subPixelOptimizeOutputShape.y;
width = subPixelOptimizeOutputShape.width;
height = subPixelOptimizeOutputShape.height;
subPixelOptimizeOutputShape.r = shape.r;
shape = subPixelOptimizeOutputShape;
}
else {
x = shape.x;
y = shape.y;
width = shape.width;
height = shape.height;
}
if (!shape.r) {
ctx.rect(x, y, width, height);
}
else {
buildPath(ctx, shape);
}
ctx.closePath();
return;
}
});
/**
* 直线
* @module zrender/graphic/shape/Line
*/
// Avoid create repeatly.
var subPixelOptimizeOutputShape$1 = {};
var Line = Path.extend({
type: 'line',
shape: {
// Start point
x1: 0,
y1: 0,
// End point
x2: 0,
y2: 0,
percent: 1
},
style: {
stroke: '#000',
fill: null
},
buildPath: function (ctx, shape) {
var x1;
var y1;
var x2;
var y2;
if (this.subPixelOptimize) {
subPixelOptimizeLine$1(subPixelOptimizeOutputShape$1, shape, this.style);
x1 = subPixelOptimizeOutputShape$1.x1;
y1 = subPixelOptimizeOutputShape$1.y1;
x2 = subPixelOptimizeOutputShape$1.x2;
y2 = subPixelOptimizeOutputShape$1.y2;
}
else {
x1 = shape.x1;
y1 = shape.y1;
x2 = shape.x2;
y2 = shape.y2;
}
var percent = shape.percent;
if (percent === 0) {
return;
}
ctx.moveTo(x1, y1);
if (percent < 1) {
x2 = x1 * (1 - percent) + x2 * percent;
y2 = y1 * (1 - percent) + y2 * percent;
}
ctx.lineTo(x2, y2);
},
/**
* Get point at percent
* @param {number} percent
* @return {Array.}
*/
pointAt: function (p) {
var shape = this.shape;
return [
shape.x1 * (1 - p) + shape.x2 * p,
shape.y1 * (1 - p) + shape.y2 * p
];
}
});
/**
* 贝塞尔曲线
* @module zrender/shape/BezierCurve
*/
var out = [];
function someVectorAt(shape, t, isTangent) {
var cpx2 = shape.cpx2;
var cpy2 = shape.cpy2;
if (cpx2 === null || cpy2 === null) {
return [
(isTangent ? cubicDerivativeAt : cubicAt)(shape.x1, shape.cpx1, shape.cpx2, shape.x2, t),
(isTangent ? cubicDerivativeAt : cubicAt)(shape.y1, shape.cpy1, shape.cpy2, shape.y2, t)
];
}
else {
return [
(isTangent ? quadraticDerivativeAt : quadraticAt)(shape.x1, shape.cpx1, shape.x2, t),
(isTangent ? quadraticDerivativeAt : quadraticAt)(shape.y1, shape.cpy1, shape.y2, t)
];
}
}
var BezierCurve = Path.extend({
type: 'bezier-curve',
shape: {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
cpx1: 0,
cpy1: 0,
// cpx2: 0,
// cpy2: 0
// Curve show percent, for animating
percent: 1
},
style: {
stroke: '#000',
fill: null
},
buildPath: function (ctx, shape) {
var x1 = shape.x1;
var y1 = shape.y1;
var x2 = shape.x2;
var y2 = shape.y2;
var cpx1 = shape.cpx1;
var cpy1 = shape.cpy1;
var cpx2 = shape.cpx2;
var cpy2 = shape.cpy2;
var percent = shape.percent;
if (percent === 0) {
return;
}
ctx.moveTo(x1, y1);
if (cpx2 == null || cpy2 == null) {
if (percent < 1) {
quadraticSubdivide(
x1, cpx1, x2, percent, out
);
cpx1 = out[1];
x2 = out[2];
quadraticSubdivide(
y1, cpy1, y2, percent, out
);
cpy1 = out[1];
y2 = out[2];
}
ctx.quadraticCurveTo(
cpx1, cpy1,
x2, y2
);
}
else {
if (percent < 1) {
cubicSubdivide(
x1, cpx1, cpx2, x2, percent, out
);
cpx1 = out[1];
cpx2 = out[2];
x2 = out[3];
cubicSubdivide(
y1, cpy1, cpy2, y2, percent, out
);
cpy1 = out[1];
cpy2 = out[2];
y2 = out[3];
}
ctx.bezierCurveTo(
cpx1, cpy1,
cpx2, cpy2,
x2, y2
);
}
},
/**
* Get point at percent
* @param {number} t
* @return {Array.}
*/
pointAt: function (t) {
return someVectorAt(this.shape, t, false);
},
/**
* Get tangent at percent
* @param {number} t
* @return {Array.}
*/
tangentAt: function (t) {
var p = someVectorAt(this.shape, t, true);
return normalize(p, p);
}
});
/**
* 圆弧
* @module zrender/graphic/shape/Arc
*/
var Arc = Path.extend({
type: 'arc',
shape: {
cx: 0,
cy: 0,
r: 0,
startAngle: 0,
endAngle: Math.PI * 2,
clockwise: true
},
style: {
stroke: '#000',
fill: null
},
buildPath: function (ctx, shape) {
var x = shape.cx;
var y = shape.cy;
var r = Math.max(shape.r, 0);
var startAngle = shape.startAngle;
var endAngle = shape.endAngle;
var clockwise = shape.clockwise;
var unitX = Math.cos(startAngle);
var unitY = Math.sin(startAngle);
ctx.moveTo(unitX * r + x, unitY * r + y);
ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
}
});
// CompoundPath to improve performance
var CompoundPath = Path.extend({
type: 'compound',
shape: {
paths: null
},
_updatePathDirty: function () {
var dirtyPath = this.__dirtyPath;
var paths = this.shape.paths;
for (var i = 0; i < paths.length; i++) {
// Mark as dirty if any subpath is dirty
dirtyPath = dirtyPath || paths[i].__dirtyPath;
}
this.__dirtyPath = dirtyPath;
this.__dirty = this.__dirty || dirtyPath;
},
beforeBrush: function () {
this._updatePathDirty();
var paths = this.shape.paths || [];
var scale = this.getGlobalScale();
// Update path scale
for (var i = 0; i < paths.length; i++) {
if (!paths[i].path) {
paths[i].createPathProxy();
}
paths[i].path.setScale(scale[0], scale[1], paths[i].segmentIgnoreThreshold);
}
},
buildPath: function (ctx, shape) {
var paths = shape.paths || [];
for (var i = 0; i < paths.length; i++) {
paths[i].buildPath(ctx, paths[i].shape, true);
}
},
afterBrush: function () {
var paths = this.shape.paths || [];
for (var i = 0; i < paths.length; i++) {
paths[i].__dirtyPath = false;
}
},
getBoundingRect: function () {
this._updatePathDirty();
return Path.prototype.getBoundingRect.call(this);
}
});
/**
* @param {Array.} colorStops
*/
var Gradient = function (colorStops) {
this.colorStops = colorStops || [];
};
Gradient.prototype = {
constructor: Gradient,
addColorStop: function (offset, color) {
this.colorStops.push({
offset: offset,
color: color
});
}
};
/**
* x, y, x2, y2 are all percent from 0 to 1
* @param {number} [x=0]
* @param {number} [y=0]
* @param {number} [x2=1]
* @param {number} [y2=0]
* @param {Array.} colorStops
* @param {boolean} [globalCoord=false]
*/
var LinearGradient = function (x, y, x2, y2, colorStops, globalCoord) {
// Should do nothing more in this constructor. Because gradient can be
// declard by `color: {type: 'linear', colorStops: ...}`, where
// this constructor will not be called.
this.x = x == null ? 0 : x;
this.y = y == null ? 0 : y;
this.x2 = x2 == null ? 1 : x2;
this.y2 = y2 == null ? 0 : y2;
// Can be cloned
this.type = 'linear';
// If use global coord
this.global = globalCoord || false;
Gradient.call(this, colorStops);
};
LinearGradient.prototype = {
constructor: LinearGradient
};
inherits(LinearGradient, Gradient);
/**
* x, y, r are all percent from 0 to 1
* @param {number} [x=0.5]
* @param {number} [y=0.5]
* @param {number} [r=0.5]
* @param {Array.} [colorStops]
* @param {boolean} [globalCoord=false]
*/
var RadialGradient = function (x, y, r, colorStops, globalCoord) {
// Should do nothing more in this constructor. Because gradient can be
// declard by `color: {type: 'radial', colorStops: ...}`, where
// this constructor will not be called.
this.x = x == null ? 0.5 : x;
this.y = y == null ? 0.5 : y;
this.r = r == null ? 0.5 : r;
// Can be cloned
this.type = 'radial';
// If use global coord
this.global = globalCoord || false;
Gradient.call(this, colorStops);
};
RadialGradient.prototype = {
constructor: RadialGradient
};
inherits(RadialGradient, Gradient);
/**
* Displayable for incremental rendering. It will be rendered in a separate layer
* IncrementalDisplay have two main methods. `clearDisplayables` and `addDisplayables`
* addDisplayables will render the added displayables incremetally.
*
* It use a not clearFlag to tell the painter don't clear the layer if it's the first element.
*/
// TODO Style override ?
function IncrementalDisplayble(opts) {
Displayable.call(this, opts);
this._displayables = [];
this._temporaryDisplayables = [];
this._cursor = 0;
this.notClear = true;
}
IncrementalDisplayble.prototype.incremental = true;
IncrementalDisplayble.prototype.clearDisplaybles = function () {
this._displayables = [];
this._temporaryDisplayables = [];
this._cursor = 0;
this.dirty();
this.notClear = false;
};
IncrementalDisplayble.prototype.addDisplayable = function (displayable, notPersistent) {
if (notPersistent) {
this._temporaryDisplayables.push(displayable);
}
else {
this._displayables.push(displayable);
}
this.dirty();
};
IncrementalDisplayble.prototype.addDisplayables = function (displayables, notPersistent) {
notPersistent = notPersistent || false;
for (var i = 0; i < displayables.length; i++) {
this.addDisplayable(displayables[i], notPersistent);
}
};
IncrementalDisplayble.prototype.eachPendingDisplayable = function (cb) {
for (var i = this._cursor; i < this._displayables.length; i++) {
cb && cb(this._displayables[i]);
}
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
cb && cb(this._temporaryDisplayables[i]);
}
};
IncrementalDisplayble.prototype.update = function () {
this.updateTransform();
for (var i = this._cursor; i < this._displayables.length; i++) {
var displayable = this._displayables[i];
// PENDING
displayable.parent = this;
displayable.update();
displayable.parent = null;
}
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
var displayable = this._temporaryDisplayables[i];
// PENDING
displayable.parent = this;
displayable.update();
displayable.parent = null;
}
};
IncrementalDisplayble.prototype.brush = function (ctx, prevEl) {
// Render persistant displayables.
for (var i = this._cursor; i < this._displayables.length; i++) {
var displayable = this._displayables[i];
displayable.beforeBrush && displayable.beforeBrush(ctx);
displayable.brush(ctx, i === this._cursor ? null : this._displayables[i - 1]);
displayable.afterBrush && displayable.afterBrush(ctx);
}
this._cursor = i;
// Render temporary displayables.
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
var displayable = this._temporaryDisplayables[i];
displayable.beforeBrush && displayable.beforeBrush(ctx);
displayable.brush(ctx, i === 0 ? null : this._temporaryDisplayables[i - 1]);
displayable.afterBrush && displayable.afterBrush(ctx);
}
this._temporaryDisplayables = [];
this.notClear = true;
};
var m = [];
IncrementalDisplayble.prototype.getBoundingRect = function () {
if (!this._rect) {
var rect = new BoundingRect(Infinity, Infinity, -Infinity, -Infinity);
for (var i = 0; i < this._displayables.length; i++) {
var displayable = this._displayables[i];
var childRect = displayable.getBoundingRect().clone();
if (displayable.needLocalTransform()) {
childRect.applyTransform(displayable.getLocalTransform(m));
}
rect.union(childRect);
}
this._rect = rect;
}
return this._rect;
};
IncrementalDisplayble.prototype.contain = function (x, y) {
var localPos = this.transformCoordToLocal(x, y);
var rect = this.getBoundingRect();
if (rect.contain(localPos[0], localPos[1])) {
for (var i = 0; i < this._displayables.length; i++) {
var displayable = this._displayables[i];
if (displayable.contain(x, y)) {
return true;
}
}
}
return false;
};
inherits(IncrementalDisplayble, Displayable);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var mathMax$1 = Math.max;
var mathMin$1 = Math.min;
var EMPTY_OBJ = {};
var Z2_EMPHASIS_LIFT = 1;
// key: label model property nane, value: style property name.
var CACHED_LABEL_STYLE_PROPERTIES = {
color: 'textFill',
textBorderColor: 'textStroke',
textBorderWidth: 'textStrokeWidth'
};
var EMPHASIS = 'emphasis';
var NORMAL = 'normal';
// Reserve 0 as default.
var _highlightNextDigit = 1;
var _highlightKeyMap = {};
/**
* Extend shape with parameters
*/
function extendShape(opts) {
return Path.extend(opts);
}
/**
* Extend path
*/
function extendPath(pathData, opts) {
return extendFromString(pathData, opts);
}
/**
* Create a path element from path data string
* @param {string} pathData
* @param {Object} opts
* @param {module:zrender/core/BoundingRect} rect
* @param {string} [layout=cover] 'center' or 'cover'
*/
function makePath(pathData, opts, rect, layout) {
var path = createFromString(pathData, opts);
if (rect) {
if (layout === 'center') {
rect = centerGraphic(rect, path.getBoundingRect());
}
resizePath(path, rect);
}
return path;
}
/**
* Create a image element from image url
* @param {string} imageUrl image url
* @param {Object} opts options
* @param {module:zrender/core/BoundingRect} rect constrain rect
* @param {string} [layout=cover] 'center' or 'cover'
*/
function makeImage(imageUrl, rect, layout) {
var path = new ZImage({
style: {
image: imageUrl,
x: rect.x,
y: rect.y,
width: rect.width,
height: rect.height
},
onload: function (img) {
if (layout === 'center') {
var boundingRect = {
width: img.width,
height: img.height
};
path.setStyle(centerGraphic(rect, boundingRect));
}
}
});
return path;
}
/**
* Get position of centered element in bounding box.
*
* @param {Object} rect element local bounding box
* @param {Object} boundingRect constraint bounding box
* @return {Object} element position containing x, y, width, and height
*/
function centerGraphic(rect, boundingRect) {
// Set rect to center, keep width / height ratio.
var aspect = boundingRect.width / boundingRect.height;
var width = rect.height * aspect;
var height;
if (width <= rect.width) {
height = rect.height;
}
else {
width = rect.width;
height = width / aspect;
}
var cx = rect.x + rect.width / 2;
var cy = rect.y + rect.height / 2;
return {
x: cx - width / 2,
y: cy - height / 2,
width: width,
height: height
};
}
var mergePath = mergePath$1;
/**
* Resize a path to fit the rect
* @param {module:zrender/graphic/Path} path
* @param {Object} rect
*/
function resizePath(path, rect) {
if (!path.applyTransform) {
return;
}
var pathRect = path.getBoundingRect();
var m = pathRect.calculateTransform(rect);
path.applyTransform(m);
}
/**
* Sub pixel optimize line for canvas
*
* @param {Object} param
* @param {Object} [param.shape]
* @param {number} [param.shape.x1]
* @param {number} [param.shape.y1]
* @param {number} [param.shape.x2]
* @param {number} [param.shape.y2]
* @param {Object} [param.style]
* @param {number} [param.style.lineWidth]
* @return {Object} Modified param
*/
function subPixelOptimizeLine(param) {
subPixelOptimizeLine$1(param.shape, param.shape, param.style);
return param;
}
/**
* Sub pixel optimize rect for canvas
*
* @param {Object} param
* @param {Object} [param.shape]
* @param {number} [param.shape.x]
* @param {number} [param.shape.y]
* @param {number} [param.shape.width]
* @param {number} [param.shape.height]
* @param {Object} [param.style]
* @param {number} [param.style.lineWidth]
* @return {Object} Modified param
*/
function subPixelOptimizeRect(param) {
subPixelOptimizeRect$1(param.shape, param.shape, param.style);
return param;
}
/**
* Sub pixel optimize for canvas
*
* @param {number} position Coordinate, such as x, y
* @param {number} lineWidth Should be nonnegative integer.
* @param {boolean=} positiveOrNegative Default false (negative).
* @return {number} Optimized position.
*/
var subPixelOptimize = subPixelOptimize$1;
function hasFillOrStroke(fillOrStroke) {
return fillOrStroke != null && fillOrStroke !== 'none';
}
// Most lifted color are duplicated.
var liftedColorMap = createHashMap();
var liftedColorCount = 0;
function liftColor(color) {
if (typeof color !== 'string') {
return color;
}
var liftedColor = liftedColorMap.get(color);
if (!liftedColor) {
liftedColor = lift(color, -0.1);
if (liftedColorCount < 10000) {
liftedColorMap.set(color, liftedColor);
liftedColorCount++;
}
}
return liftedColor;
}
function cacheElementStl(el) {
if (!el.__hoverStlDirty) {
return;
}
el.__hoverStlDirty = false;
var hoverStyle = el.__hoverStl;
if (!hoverStyle) {
el.__cachedNormalStl = el.__cachedNormalZ2 = null;
return;
}
var normalStyle = el.__cachedNormalStl = {};
el.__cachedNormalZ2 = el.z2;
var elStyle = el.style;
for (var name in hoverStyle) {
// See comment in `singleEnterEmphasis`.
if (hoverStyle[name] != null) {
normalStyle[name] = elStyle[name];
}
}
// Always cache fill and stroke to normalStyle for lifting color.
normalStyle.fill = elStyle.fill;
normalStyle.stroke = elStyle.stroke;
}
function singleEnterEmphasis(el) {
var hoverStl = el.__hoverStl;
if (!hoverStl || el.__highlighted) {
return;
}
var useHoverLayer = el.useHoverLayer;
el.__highlighted = useHoverLayer ? 'layer' : 'plain';
var zr = el.__zr;
if (el.isGroup || (!zr && useHoverLayer)) {
return;
}
var elTarget = el;
var targetStyle = el.style;
if (useHoverLayer) {
elTarget = zr.addHover(el);
targetStyle = elTarget.style;
}
rollbackDefaultTextStyle(targetStyle);
if (!useHoverLayer) {
cacheElementStl(elTarget);
}
// styles can be:
// {
// label: {
// show: false,
// position: 'outside',
// fontSize: 18
// },
// emphasis: {
// label: {
// show: true
// }
// }
// },
// where properties of `emphasis` may not appear in `normal`. We previously use
// module:echarts/util/model#defaultEmphasis to merge `normal` to `emphasis`.
// But consider rich text and setOption in merge mode, it is impossible to cover
// all properties in merge. So we use merge mode when setting style here.
// But we choose the merge strategy that only properties that is not `null/undefined`.
// Because when making a textStyle (espacially rich text), it is not easy to distinguish
// `hasOwnProperty` and `null/undefined` in code, so we trade them as the same for simplicity.
// But this strategy brings a trouble that `null/undefined` can not be used to remove
// style any more in `emphasis`. Users can both set properties directly on normal and
// emphasis to avoid this issue, or we might support `'none'` for this case if required.
targetStyle.extendFrom(hoverStl);
setDefaultHoverFillStroke(targetStyle, hoverStl, 'fill');
setDefaultHoverFillStroke(targetStyle, hoverStl, 'stroke');
applyDefaultTextStyle(targetStyle);
if (!useHoverLayer) {
el.dirty(false);
el.z2 += Z2_EMPHASIS_LIFT;
}
}
function setDefaultHoverFillStroke(targetStyle, hoverStyle, prop) {
if (!hasFillOrStroke(hoverStyle[prop]) && hasFillOrStroke(targetStyle[prop])) {
targetStyle[prop] = liftColor(targetStyle[prop]);
}
}
function singleEnterNormal(el) {
var highlighted = el.__highlighted;
if (!highlighted) {
return;
}
el.__highlighted = false;
if (el.isGroup) {
return;
}
if (highlighted === 'layer') {
el.__zr && el.__zr.removeHover(el);
}
else {
var style = el.style;
var normalStl = el.__cachedNormalStl;
if (normalStl) {
rollbackDefaultTextStyle(style);
el.setStyle(normalStl);
applyDefaultTextStyle(style);
}
// `__cachedNormalZ2` will not be reset if calling `setElementHoverStyle`
// when `el` is on emphasis state. So here by comparing with 1, we try
// hard to make the bug case rare.
var normalZ2 = el.__cachedNormalZ2;
if (normalZ2 != null && el.z2 - normalZ2 === Z2_EMPHASIS_LIFT) {
el.z2 = normalZ2;
}
}
}
function traverseUpdate(el, updater, commonParam) {
// If root is group, also enter updater for `highDownOnUpdate`.
var fromState = NORMAL;
var toState = NORMAL;
var trigger;
// See the rule of `highDownOnUpdate` on `graphic.setAsHighDownDispatcher`.
el.__highlighted && (fromState = EMPHASIS, trigger = true);
updater(el, commonParam);
el.__highlighted && (toState = EMPHASIS, trigger = true);
el.isGroup && el.traverse(function (child) {
!child.isGroup && updater(child, commonParam);
});
trigger && el.__highDownOnUpdate && el.__highDownOnUpdate(fromState, toState);
}
/**
* Set hover style (namely "emphasis style") of element, based on the current
* style of the given `el`.
* This method should be called after all of the normal styles have been adopted
* to the `el`. See the reason on `setHoverStyle`.
*
* @param {module:zrender/Element} el Should not be `zrender/container/Group`.
* @param {Object} [el.hoverStyle] Can be set on el or its descendants,
* e.g., `el.hoverStyle = ...; graphic.setHoverStyle(el); `.
* Often used when item group has a label element and it's hoverStyle is different.
* @param {Object|boolean} [hoverStl] The specified hover style.
* If set as `false`, disable the hover style.
* Similarly, The `el.hoverStyle` can alse be set
* as `false` to disable the hover style.
* Otherwise, use the default hover style if not provided.
*/
function setElementHoverStyle(el, hoverStl) {
// For performance consideration, it might be better to make the "hover style" only the
// difference properties from the "normal style", but not a entire copy of all styles.
hoverStl = el.__hoverStl = hoverStl !== false && (el.hoverStyle || hoverStl || {});
el.__hoverStlDirty = true;
// FIXME
// It is not completely right to save "normal"/"emphasis" flag on elements.
// It probably should be saved on `data` of series. Consider the cases:
// (1) A highlighted elements are moved out of the view port and re-enter
// again by dataZoom.
// (2) call `setOption` and replace elements totally when they are highlighted.
if (el.__highlighted) {
// Consider the case:
// The styles of a highlighted `el` is being updated. The new "emphasis style"
// should be adapted to the `el`. Notice here new "normal styles" should have
// been set outside and the cached "normal style" is out of date.
el.__cachedNormalStl = null;
// Do not clear `__cachedNormalZ2` here, because setting `z2` is not a constraint
// of this method. In most cases, `z2` is not set and hover style should be able
// to rollback. Of course, that would bring bug, but only in a rare case, see
// `doSingleLeaveHover` for details.
singleEnterNormal(el);
singleEnterEmphasis(el);
}
}
function onElementMouseOver(e) {
!shouldSilent(this, e)
// "emphasis" event highlight has higher priority than mouse highlight.
&& !this.__highByOuter
&& traverseUpdate(this, singleEnterEmphasis);
}
function onElementMouseOut(e) {
!shouldSilent(this, e)
// "emphasis" event highlight has higher priority than mouse highlight.
&& !this.__highByOuter
&& traverseUpdate(this, singleEnterNormal);
}
function onElementEmphasisEvent(highlightDigit) {
this.__highByOuter |= 1 << (highlightDigit || 0);
traverseUpdate(this, singleEnterEmphasis);
}
function onElementNormalEvent(highlightDigit) {
!(this.__highByOuter &= ~(1 << (highlightDigit || 0)))
&& traverseUpdate(this, singleEnterNormal);
}
function shouldSilent(el, e) {
return el.__highDownSilentOnTouch && e.zrByTouch;
}
/**
* Set hover style (namely "emphasis style") of element,
* based on the current style of the given `el`.
*
* (1)
* **CONSTRAINTS** for this method:
* This method MUST be called after all of the normal styles having been adopted
* to the `el`.
* The input `hoverStyle` (that is, "emphasis style") MUST be the subset of the
* "normal style" having been set to the el.
* `color` MUST be one of the "normal styles" (because color might be lifted as
* a default hover style).
*
* The reason: this method treat the current style of the `el` as the "normal style"
* and cache them when enter/update the "emphasis style". Consider the case: the `el`
* is in "emphasis" state and `setOption`/`dispatchAction` trigger the style updating
* logic, where the el should shift from the original emphasis style to the new
* "emphasis style" and should be able to "downplay" back to the new "normal style".
*
* Indeed, it is error-prone to make a interface has so many constraints, but I have
* not found a better solution yet to fit the backward compatibility, performance and
* the current programming style.
*
* (2)
* Call the method for a "root" element once. Do not call it for each descendants.
* If the descendants elemenets of a group has itself hover style different from the
* root group, we can simply mount the style on `el.hoverStyle` for them, but should
* not call this method for them.
*
* (3) These input parameters can be set directly on `el`:
*
* @param {module:zrender/Element} el
* @param {Object} [el.hoverStyle] See `graphic.setElementHoverStyle`.
* @param {boolean} [el.highDownSilentOnTouch=false] See `graphic.setAsHighDownDispatcher`.
* @param {Function} [el.highDownOnUpdate] See `graphic.setAsHighDownDispatcher`.
* @param {Object|boolean} [hoverStyle] See `graphic.setElementHoverStyle`.
*/
function setHoverStyle(el, hoverStyle) {
setAsHighDownDispatcher(el, true);
traverseUpdate(el, setElementHoverStyle, hoverStyle);
}
/**
* @param {module:zrender/Element} el
* @param {Function} [el.highDownOnUpdate] Called when state updated.
* Since `setHoverStyle` has the constraint that it must be called after
* all of the normal style updated, `highDownOnUpdate` is not needed to
* trigger if both `fromState` and `toState` is 'normal', and needed to
* trigger if both `fromState` and `toState` is 'emphasis', which enables
* to sync outside style settings to "emphasis" state.
* @this {string} This dispatcher `el`.
* @param {string} fromState Can be "normal" or "emphasis".
* `fromState` might equal to `toState`,
* for example, when this method is called when `el` is
* on "emphasis" state.
* @param {string} toState Can be "normal" or "emphasis".
*
* FIXME
* CAUTION: Do not expose `highDownOnUpdate` outside echarts.
* Because it is not a complete solution. The update
* listener should not have been mount in element,
* and the normal/emphasis state should not have
* mantained on elements.
*
* @param {boolean} [el.highDownSilentOnTouch=false]
* In touch device, mouseover event will be trigger on touchstart event
* (see module:zrender/dom/HandlerProxy). By this mechanism, we can
* conveniently use hoverStyle when tap on touch screen without additional
* code for compatibility.
* But if the chart/component has select feature, which usually also use
* hoverStyle, there might be conflict between 'select-highlight' and
* 'hover-highlight' especially when roam is enabled (see geo for example).
* In this case, `highDownSilentOnTouch` should be used to disable
* hover-highlight on touch device.
* @param {boolean} [asDispatcher=true] If `false`, do not set as "highDownDispatcher".
*/
function setAsHighDownDispatcher(el, asDispatcher) {
var disable = asDispatcher === false;
// Make `highDownSilentOnTouch` and `highDownOnUpdate` only work after
// `setAsHighDownDispatcher` called. Avoid it is modified by user unexpectedly.
el.__highDownSilentOnTouch = el.highDownSilentOnTouch;
el.__highDownOnUpdate = el.highDownOnUpdate;
// Simple optimize, since this method might be
// called for each elements of a group in some cases.
if (!disable || el.__highDownDispatcher) {
var method = disable ? 'off' : 'on';
// Duplicated function will be auto-ignored, see Eventful.js.
el[method]('mouseover', onElementMouseOver)[method]('mouseout', onElementMouseOut);
// Emphasis, normal can be triggered manually by API or other components like hover link.
el[method]('emphasis', onElementEmphasisEvent)[method]('normal', onElementNormalEvent);
// Also keep previous record.
el.__highByOuter = el.__highByOuter || 0;
el.__highDownDispatcher = !disable;
}
}
/**
* @param {module:zrender/src/Element} el
* @return {boolean}
*/
function isHighDownDispatcher(el) {
return !!(el && el.__highDownDispatcher);
}
/**
* Support hightlight/downplay record on each elements.
* For the case: hover highlight/downplay (legend, visualMap, ...) and
* user triggerred hightlight/downplay should not conflict.
* Only all of the highlightDigit cleared, return to normal.
* @param {string} highlightKey
* @return {number} highlightDigit
*/
function getHighlightDigit(highlightKey) {
var highlightDigit = _highlightKeyMap[highlightKey];
if (highlightDigit == null && _highlightNextDigit <= 32) {
highlightDigit = _highlightKeyMap[highlightKey] = _highlightNextDigit++;
}
return highlightDigit;
}
/**
* See more info in `setTextStyleCommon`.
* @param {Object|module:zrender/graphic/Style} normalStyle
* @param {Object} emphasisStyle
* @param {module:echarts/model/Model} normalModel
* @param {module:echarts/model/Model} emphasisModel
* @param {Object} opt Check `opt` of `setTextStyleCommon` to find other props.
* @param {string|Function} [opt.defaultText]
* @param {module:echarts/model/Model} [opt.labelFetcher] Fetch text by
* `opt.labelFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex)`
* @param {module:echarts/model/Model} [opt.labelDataIndex] Fetch text by
* `opt.textFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex)`
* @param {module:echarts/model/Model} [opt.labelDimIndex] Fetch text by
* `opt.textFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex)`
* @param {Object} [normalSpecified]
* @param {Object} [emphasisSpecified]
*/
function setLabelStyle(
normalStyle, emphasisStyle,
normalModel, emphasisModel,
opt,
normalSpecified, emphasisSpecified
) {
opt = opt || EMPTY_OBJ;
var labelFetcher = opt.labelFetcher;
var labelDataIndex = opt.labelDataIndex;
var labelDimIndex = opt.labelDimIndex;
// This scenario, `label.normal.show = true; label.emphasis.show = false`,
// is not supported util someone requests.
var showNormal = normalModel.getShallow('show');
var showEmphasis = emphasisModel.getShallow('show');
// Consider performance, only fetch label when necessary.
// If `normal.show` is `false` and `emphasis.show` is `true` and `emphasis.formatter` is not set,
// label should be displayed, where text is fetched by `normal.formatter` or `opt.defaultText`.
var baseText;
if (showNormal || showEmphasis) {
if (labelFetcher) {
baseText = labelFetcher.getFormattedLabel(labelDataIndex, 'normal', null, labelDimIndex);
}
if (baseText == null) {
baseText = isFunction$1(opt.defaultText) ? opt.defaultText(labelDataIndex, opt) : opt.defaultText;
}
}
var normalStyleText = showNormal ? baseText : null;
var emphasisStyleText = showEmphasis
? retrieve2(
labelFetcher
? labelFetcher.getFormattedLabel(labelDataIndex, 'emphasis', null, labelDimIndex)
: null,
baseText
)
: null;
// Optimize: If style.text is null, text will not be drawn.
if (normalStyleText != null || emphasisStyleText != null) {
// Always set `textStyle` even if `normalStyle.text` is null, because default
// values have to be set on `normalStyle`.
// If we set default values on `emphasisStyle`, consider case:
// Firstly, `setOption(... label: {normal: {text: null}, emphasis: {show: true}} ...);`
// Secondly, `setOption(... label: {noraml: {show: true, text: 'abc', color: 'red'} ...);`
// Then the 'red' will not work on emphasis.
setTextStyle(normalStyle, normalModel, normalSpecified, opt);
setTextStyle(emphasisStyle, emphasisModel, emphasisSpecified, opt, true);
}
normalStyle.text = normalStyleText;
emphasisStyle.text = emphasisStyleText;
}
/**
* Modify label style manually.
* Only works after `setLabelStyle` and `setElementHoverStyle` called.
*
* @param {module:zrender/src/Element} el
* @param {Object} [normalStyleProps] optional
* @param {Object} [emphasisStyleProps] optional
*/
function modifyLabelStyle(el, normalStyleProps, emphasisStyleProps) {
var elStyle = el.style;
if (normalStyleProps) {
rollbackDefaultTextStyle(elStyle);
el.setStyle(normalStyleProps);
applyDefaultTextStyle(elStyle);
}
elStyle = el.__hoverStl;
if (emphasisStyleProps && elStyle) {
rollbackDefaultTextStyle(elStyle);
extend(elStyle, emphasisStyleProps);
applyDefaultTextStyle(elStyle);
}
}
/**
* Set basic textStyle properties.
* See more info in `setTextStyleCommon`.
* @param {Object|module:zrender/graphic/Style} textStyle
* @param {module:echarts/model/Model} model
* @param {Object} [specifiedTextStyle] Can be overrided by settings in model.
* @param {Object} [opt] See `opt` of `setTextStyleCommon`.
* @param {boolean} [isEmphasis]
*/
function setTextStyle(
textStyle, textStyleModel, specifiedTextStyle, opt, isEmphasis
) {
setTextStyleCommon(textStyle, textStyleModel, opt, isEmphasis);
specifiedTextStyle && extend(textStyle, specifiedTextStyle);
// textStyle.host && textStyle.host.dirty && textStyle.host.dirty(false);
return textStyle;
}
/**
* Set text option in the style.
* See more info in `setTextStyleCommon`.
* @deprecated
* @param {Object} textStyle
* @param {module:echarts/model/Model} labelModel
* @param {string|boolean} defaultColor Default text color.
* If set as false, it will be processed as a emphasis style.
*/
function setText(textStyle, labelModel, defaultColor) {
var opt = {isRectText: true};
var isEmphasis;
if (defaultColor === false) {
isEmphasis = true;
}
else {
// Support setting color as 'auto' to get visual color.
opt.autoColor = defaultColor;
}
setTextStyleCommon(textStyle, labelModel, opt, isEmphasis);
// textStyle.host && textStyle.host.dirty && textStyle.host.dirty(false);
}
/**
* The uniform entry of set text style, that is, retrieve style definitions
* from `model` and set to `textStyle` object.
*
* Never in merge mode, but in overwrite mode, that is, all of the text style
* properties will be set. (Consider the states of normal and emphasis and
* default value can be adopted, merge would make the logic too complicated
* to manage.)
*
* The `textStyle` object can either be a plain object or an instance of
* `zrender/src/graphic/Style`, and either be the style of normal or emphasis.
* After this mothod called, the `textStyle` object can then be used in
* `el.setStyle(textStyle)` or `el.hoverStyle = textStyle`.
*
* Default value will be adopted and `insideRollbackOpt` will be created.
* See `applyDefaultTextStyle` `rollbackDefaultTextStyle` for more details.
*
* opt: {
* disableBox: boolean, Whether diable drawing box of block (outer most).
* isRectText: boolean,
* autoColor: string, specify a color when color is 'auto',
* for textFill, textStroke, textBackgroundColor, and textBorderColor.
* If autoColor specified, it is used as default textFill.
* useInsideStyle:
* `true`: Use inside style (textFill, textStroke, textStrokeWidth)
* if `textFill` is not specified.
* `false`: Do not use inside style.
* `null/undefined`: use inside style if `isRectText` is true and
* `textFill` is not specified and textPosition contains `'inside'`.
* forceRich: boolean
* }
*/
function setTextStyleCommon(textStyle, textStyleModel, opt, isEmphasis) {
// Consider there will be abnormal when merge hover style to normal style if given default value.
opt = opt || EMPTY_OBJ;
if (opt.isRectText) {
var textPosition = textStyleModel.getShallow('position')
|| (isEmphasis ? null : 'inside');
// 'outside' is not a valid zr textPostion value, but used
// in bar series, and magric type should be considered.
textPosition === 'outside' && (textPosition = 'top');
textStyle.textPosition = textPosition;
textStyle.textOffset = textStyleModel.getShallow('offset');
var labelRotate = textStyleModel.getShallow('rotate');
labelRotate != null && (labelRotate *= Math.PI / 180);
textStyle.textRotation = labelRotate;
textStyle.textDistance = retrieve2(
textStyleModel.getShallow('distance'), isEmphasis ? null : 5
);
}
var ecModel = textStyleModel.ecModel;
var globalTextStyle = ecModel && ecModel.option.textStyle;
// Consider case:
// {
// data: [{
// value: 12,
// label: {
// rich: {
// // no 'a' here but using parent 'a'.
// }
// }
// }],
// rich: {
// a: { ... }
// }
// }
var richItemNames = getRichItemNames(textStyleModel);
var richResult;
if (richItemNames) {
richResult = {};
for (var name in richItemNames) {
if (richItemNames.hasOwnProperty(name)) {
// Cascade is supported in rich.
var richTextStyle = textStyleModel.getModel(['rich', name]);
// In rich, never `disableBox`.
// FIXME: consider `label: {formatter: '{a|xx}', color: 'blue', rich: {a: {}}}`,
// the default color `'blue'` will not be adopted if no color declared in `rich`.
// That might confuses users. So probably we should put `textStyleModel` as the
// root ancestor of the `richTextStyle`. But that would be a break change.
setTokenTextStyle(richResult[name] = {}, richTextStyle, globalTextStyle, opt, isEmphasis);
}
}
}
textStyle.rich = richResult;
setTokenTextStyle(textStyle, textStyleModel, globalTextStyle, opt, isEmphasis, true);
if (opt.forceRich && !opt.textStyle) {
opt.textStyle = {};
}
return textStyle;
}
// Consider case:
// {
// data: [{
// value: 12,
// label: {
// rich: {
// // no 'a' here but using parent 'a'.
// }
// }
// }],
// rich: {
// a: { ... }
// }
// }
function getRichItemNames(textStyleModel) {
// Use object to remove duplicated names.
var richItemNameMap;
while (textStyleModel && textStyleModel !== textStyleModel.ecModel) {
var rich = (textStyleModel.option || EMPTY_OBJ).rich;
if (rich) {
richItemNameMap = richItemNameMap || {};
for (var name in rich) {
if (rich.hasOwnProperty(name)) {
richItemNameMap[name] = 1;
}
}
}
textStyleModel = textStyleModel.parentModel;
}
return richItemNameMap;
}
function setTokenTextStyle(textStyle, textStyleModel, globalTextStyle, opt, isEmphasis, isBlock) {
// In merge mode, default value should not be given.
globalTextStyle = !isEmphasis && globalTextStyle || EMPTY_OBJ;
textStyle.textFill = getAutoColor(textStyleModel.getShallow('color'), opt)
|| globalTextStyle.color;
textStyle.textStroke = getAutoColor(textStyleModel.getShallow('textBorderColor'), opt)
|| globalTextStyle.textBorderColor;
textStyle.textStrokeWidth = retrieve2(
textStyleModel.getShallow('textBorderWidth'),
globalTextStyle.textBorderWidth
);
if (!isEmphasis) {
if (isBlock) {
textStyle.insideRollbackOpt = opt;
applyDefaultTextStyle(textStyle);
}
// Set default finally.
if (textStyle.textFill == null) {
textStyle.textFill = opt.autoColor;
}
}
// Do not use `getFont` here, because merge should be supported, where
// part of these properties may be changed in emphasis style, and the
// others should remain their original value got from normal style.
textStyle.fontStyle = textStyleModel.getShallow('fontStyle') || globalTextStyle.fontStyle;
textStyle.fontWeight = textStyleModel.getShallow('fontWeight') || globalTextStyle.fontWeight;
textStyle.fontSize = textStyleModel.getShallow('fontSize') || globalTextStyle.fontSize;
textStyle.fontFamily = textStyleModel.getShallow('fontFamily') || globalTextStyle.fontFamily;
textStyle.textAlign = textStyleModel.getShallow('align');
textStyle.textVerticalAlign = textStyleModel.getShallow('verticalAlign')
|| textStyleModel.getShallow('baseline');
textStyle.textLineHeight = textStyleModel.getShallow('lineHeight');
textStyle.textWidth = textStyleModel.getShallow('width');
textStyle.textHeight = textStyleModel.getShallow('height');
textStyle.textTag = textStyleModel.getShallow('tag');
if (!isBlock || !opt.disableBox) {
textStyle.textBackgroundColor = getAutoColor(textStyleModel.getShallow('backgroundColor'), opt);
textStyle.textPadding = textStyleModel.getShallow('padding');
textStyle.textBorderColor = getAutoColor(textStyleModel.getShallow('borderColor'), opt);
textStyle.textBorderWidth = textStyleModel.getShallow('borderWidth');
textStyle.textBorderRadius = textStyleModel.getShallow('borderRadius');
textStyle.textBoxShadowColor = textStyleModel.getShallow('shadowColor');
textStyle.textBoxShadowBlur = textStyleModel.getShallow('shadowBlur');
textStyle.textBoxShadowOffsetX = textStyleModel.getShallow('shadowOffsetX');
textStyle.textBoxShadowOffsetY = textStyleModel.getShallow('shadowOffsetY');
}
textStyle.textShadowColor = textStyleModel.getShallow('textShadowColor')
|| globalTextStyle.textShadowColor;
textStyle.textShadowBlur = textStyleModel.getShallow('textShadowBlur')
|| globalTextStyle.textShadowBlur;
textStyle.textShadowOffsetX = textStyleModel.getShallow('textShadowOffsetX')
|| globalTextStyle.textShadowOffsetX;
textStyle.textShadowOffsetY = textStyleModel.getShallow('textShadowOffsetY')
|| globalTextStyle.textShadowOffsetY;
}
function getAutoColor(color, opt) {
return color !== 'auto' ? color : (opt && opt.autoColor) ? opt.autoColor : null;
}
/**
* Give some default value to the input `textStyle` object, based on the current settings
* in this `textStyle` object.
*
* The Scenario:
* when text position is `inside` and `textFill` is not specified, we show
* text border by default for better view. But it should be considered that text position
* might be changed when hovering or being emphasis, where the `insideRollback` is used to
* restore the style.
*
* Usage (& NOTICE):
* When a style object (eithor plain object or instance of `zrender/src/graphic/Style`) is
* about to be modified on its text related properties, `rollbackDefaultTextStyle` should
* be called before the modification and `applyDefaultTextStyle` should be called after that.
* (For the case that all of the text related properties is reset, like `setTextStyleCommon`
* does, `rollbackDefaultTextStyle` is not needed to be called).
*/
function applyDefaultTextStyle(textStyle) {
var textPosition = textStyle.textPosition;
var opt = textStyle.insideRollbackOpt;
var insideRollback;
if (opt && textStyle.textFill == null) {
var autoColor = opt.autoColor;
var isRectText = opt.isRectText;
var useInsideStyle = opt.useInsideStyle;
var useInsideStyleCache = useInsideStyle !== false
&& (useInsideStyle === true
|| (isRectText
&& textPosition
// textPosition can be [10, 30]
&& typeof textPosition === 'string'
&& textPosition.indexOf('inside') >= 0
)
);
var useAutoColorCache = !useInsideStyleCache && autoColor != null;
// All of the props declared in `CACHED_LABEL_STYLE_PROPERTIES` are to be cached.
if (useInsideStyleCache || useAutoColorCache) {
insideRollback = {
textFill: textStyle.textFill,
textStroke: textStyle.textStroke,
textStrokeWidth: textStyle.textStrokeWidth
};
}
if (useInsideStyleCache) {
textStyle.textFill = '#fff';
// Consider text with #fff overflow its container.
if (textStyle.textStroke == null) {
textStyle.textStroke = autoColor;
textStyle.textStrokeWidth == null && (textStyle.textStrokeWidth = 2);
}
}
if (useAutoColorCache) {
textStyle.textFill = autoColor;
}
}
// Always set `insideRollback`, so that the previous one can be cleared.
textStyle.insideRollback = insideRollback;
}
/**
* Consider the case: in a scatter,
* label: {
* normal: {position: 'inside'},
* emphasis: {position: 'top'}
* }
* In the normal state, the `textFill` will be set as '#fff' for pretty view (see
* `applyDefaultTextStyle`), but when switching to emphasis state, the `textFill`
* should be retured to 'autoColor', but not keep '#fff'.
*/
function rollbackDefaultTextStyle(style) {
var insideRollback = style.insideRollback;
if (insideRollback) {
// Reset all of the props in `CACHED_LABEL_STYLE_PROPERTIES`.
style.textFill = insideRollback.textFill;
style.textStroke = insideRollback.textStroke;
style.textStrokeWidth = insideRollback.textStrokeWidth;
style.insideRollback = null;
}
}
function getFont(opt, ecModel) {
// ecModel or default text style model.
var gTextStyleModel = ecModel || ecModel.getModel('textStyle');
return trim([
// FIXME in node-canvas fontWeight is before fontStyle
opt.fontStyle || gTextStyleModel && gTextStyleModel.getShallow('fontStyle') || '',
opt.fontWeight || gTextStyleModel && gTextStyleModel.getShallow('fontWeight') || '',
(opt.fontSize || gTextStyleModel && gTextStyleModel.getShallow('fontSize') || 12) + 'px',
opt.fontFamily || gTextStyleModel && gTextStyleModel.getShallow('fontFamily') || 'sans-serif'
].join(' '));
}
function animateOrSetProps(isUpdate, el, props, animatableModel, dataIndex, cb) {
if (typeof dataIndex === 'function') {
cb = dataIndex;
dataIndex = null;
}
// Do not check 'animation' property directly here. Consider this case:
// animation model is an `itemModel`, whose does not have `isAnimationEnabled`
// but its parent model (`seriesModel`) does.
var animationEnabled = animatableModel && animatableModel.isAnimationEnabled();
if (animationEnabled) {
var postfix = isUpdate ? 'Update' : '';
var duration = animatableModel.getShallow('animationDuration' + postfix);
var animationEasing = animatableModel.getShallow('animationEasing' + postfix);
var animationDelay = animatableModel.getShallow('animationDelay' + postfix);
if (typeof animationDelay === 'function') {
animationDelay = animationDelay(
dataIndex,
animatableModel.getAnimationDelayParams
? animatableModel.getAnimationDelayParams(el, dataIndex)
: null
);
}
if (typeof duration === 'function') {
duration = duration(dataIndex);
}
duration > 0
? el.animateTo(props, duration, animationDelay || 0, animationEasing, cb, !!cb)
: (el.stopAnimation(), el.attr(props), cb && cb());
}
else {
el.stopAnimation();
el.attr(props);
cb && cb();
}
}
/**
* Update graphic element properties with or without animation according to the
* configuration in series.
*
* Caution: this method will stop previous animation.
* So if do not use this method to one element twice before
* animation starts, unless you know what you are doing.
*
* @param {module:zrender/Element} el
* @param {Object} props
* @param {module:echarts/model/Model} [animatableModel]
* @param {number} [dataIndex]
* @param {Function} [cb]
* @example
* graphic.updateProps(el, {
* position: [100, 100]
* }, seriesModel, dataIndex, function () { console.log('Animation done!'); });
* // Or
* graphic.updateProps(el, {
* position: [100, 100]
* }, seriesModel, function () { console.log('Animation done!'); });
*/
function updateProps(el, props, animatableModel, dataIndex, cb) {
animateOrSetProps(true, el, props, animatableModel, dataIndex, cb);
}
/**
* Init graphic element properties with or without animation according to the
* configuration in series.
*
* Caution: this method will stop previous animation.
* So if do not use this method to one element twice before
* animation starts, unless you know what you are doing.
*
* @param {module:zrender/Element} el
* @param {Object} props
* @param {module:echarts/model/Model} [animatableModel]
* @param {number} [dataIndex]
* @param {Function} cb
*/
function initProps(el, props, animatableModel, dataIndex, cb) {
animateOrSetProps(false, el, props, animatableModel, dataIndex, cb);
}
/**
* Get transform matrix of target (param target),
* in coordinate of its ancestor (param ancestor)
*
* @param {module:zrender/mixin/Transformable} target
* @param {module:zrender/mixin/Transformable} [ancestor]
*/
function getTransform(target, ancestor) {
var mat = identity([]);
while (target && target !== ancestor) {
mul$1(mat, target.getLocalTransform(), mat);
target = target.parent;
}
return mat;
}
/**
* Apply transform to an vertex.
* @param {Array.} target [x, y]
* @param {Array.|TypedArray.|Object} transform Can be:
* + Transform matrix: like [1, 0, 0, 1, 0, 0]
* + {position, rotation, scale}, the same as `zrender/Transformable`.
* @param {boolean=} invert Whether use invert matrix.
* @return {Array.} [x, y]
*/
function applyTransform$1(target, transform, invert$$1) {
if (transform && !isArrayLike(transform)) {
transform = Transformable.getLocalTransform(transform);
}
if (invert$$1) {
transform = invert([], transform);
}
return applyTransform([], target, transform);
}
/**
* @param {string} direction 'left' 'right' 'top' 'bottom'
* @param {Array.} transform Transform matrix: like [1, 0, 0, 1, 0, 0]
* @param {boolean=} invert Whether use invert matrix.
* @return {string} Transformed direction. 'left' 'right' 'top' 'bottom'
*/
function transformDirection(direction, transform, invert$$1) {
// Pick a base, ensure that transform result will not be (0, 0).
var hBase = (transform[4] === 0 || transform[5] === 0 || transform[0] === 0)
? 1 : Math.abs(2 * transform[4] / transform[0]);
var vBase = (transform[4] === 0 || transform[5] === 0 || transform[2] === 0)
? 1 : Math.abs(2 * transform[4] / transform[2]);
var vertex = [
direction === 'left' ? -hBase : direction === 'right' ? hBase : 0,
direction === 'top' ? -vBase : direction === 'bottom' ? vBase : 0
];
vertex = applyTransform$1(vertex, transform, invert$$1);
return Math.abs(vertex[0]) > Math.abs(vertex[1])
? (vertex[0] > 0 ? 'right' : 'left')
: (vertex[1] > 0 ? 'bottom' : 'top');
}
/**
* Apply group transition animation from g1 to g2.
* If no animatableModel, no animation.
*/
function groupTransition(g1, g2, animatableModel, cb) {
if (!g1 || !g2) {
return;
}
function getElMap(g) {
var elMap = {};
g.traverse(function (el) {
if (!el.isGroup && el.anid) {
elMap[el.anid] = el;
}
});
return elMap;
}
function getAnimatableProps(el) {
var obj = {
position: clone$1(el.position),
rotation: el.rotation
};
if (el.shape) {
obj.shape = extend({}, el.shape);
}
return obj;
}
var elMap1 = getElMap(g1);
g2.traverse(function (el) {
if (!el.isGroup && el.anid) {
var oldEl = elMap1[el.anid];
if (oldEl) {
var newProp = getAnimatableProps(el);
el.attr(getAnimatableProps(oldEl));
updateProps(el, newProp, animatableModel, el.dataIndex);
}
// else {
// if (el.previousProps) {
// graphic.updateProps
// }
// }
}
});
}
/**
* @param {Array.>} points Like: [[23, 44], [53, 66], ...]
* @param {Object} rect {x, y, width, height}
* @return {Array.>} A new clipped points.
*/
function clipPointsByRect(points, rect) {
// FIXME: this way migth be incorrect when grpahic clipped by a corner.
// and when element have border.
return map(points, function (point) {
var x = point[0];
x = mathMax$1(x, rect.x);
x = mathMin$1(x, rect.x + rect.width);
var y = point[1];
y = mathMax$1(y, rect.y);
y = mathMin$1(y, rect.y + rect.height);
return [x, y];
});
}
/**
* @param {Object} targetRect {x, y, width, height}
* @param {Object} rect {x, y, width, height}
* @return {Object} A new clipped rect. If rect size are negative, return undefined.
*/
function clipRectByRect(targetRect, rect) {
var x = mathMax$1(targetRect.x, rect.x);
var x2 = mathMin$1(targetRect.x + targetRect.width, rect.x + rect.width);
var y = mathMax$1(targetRect.y, rect.y);
var y2 = mathMin$1(targetRect.y + targetRect.height, rect.y + rect.height);
// If the total rect is cliped, nothing, including the border,
// should be painted. So return undefined.
if (x2 >= x && y2 >= y) {
return {
x: x,
y: y,
width: x2 - x,
height: y2 - y
};
}
}
/**
* @param {string} iconStr Support 'image://' or 'path://' or direct svg path.
* @param {Object} [opt] Properties of `module:zrender/Element`, except `style`.
* @param {Object} [rect] {x, y, width, height}
* @return {module:zrender/Element} Icon path or image element.
*/
function createIcon(iconStr, opt, rect) {
opt = extend({rectHover: true}, opt);
var style = opt.style = {strokeNoScale: true};
rect = rect || {x: -1, y: -1, width: 2, height: 2};
if (iconStr) {
return iconStr.indexOf('image://') === 0
? (
style.image = iconStr.slice(8),
defaults(style, rect),
new ZImage(opt)
)
: (
makePath(
iconStr.replace('path://', ''),
opt,
rect,
'center'
)
);
}
}
/**
* Return `true` if the given line (line `a`) and the given polygon
* are intersect.
* Note that we do not count colinear as intersect here because no
* requirement for that. We could do that if required in future.
*
* @param {number} a1x
* @param {number} a1y
* @param {number} a2x
* @param {number} a2y
* @param {Array.>} points Points of the polygon.
* @return {boolean}
*/
function linePolygonIntersect(a1x, a1y, a2x, a2y, points) {
for (var i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
var p = points[i];
if (lineLineIntersect(a1x, a1y, a2x, a2y, p[0], p[1], p2[0], p2[1])) {
return true;
}
p2 = p;
}
}
/**
* Return `true` if the given two lines (line `a` and line `b`)
* are intersect.
* Note that we do not count colinear as intersect here because no
* requirement for that. We could do that if required in future.
*
* @param {number} a1x
* @param {number} a1y
* @param {number} a2x
* @param {number} a2y
* @param {number} b1x
* @param {number} b1y
* @param {number} b2x
* @param {number} b2y
* @return {boolean}
*/
function lineLineIntersect(a1x, a1y, a2x, a2y, b1x, b1y, b2x, b2y) {
// let `vec_m` to be `vec_a2 - vec_a1` and `vec_n` to be `vec_b2 - vec_b1`.
var mx = a2x - a1x;
var my = a2y - a1y;
var nx = b2x - b1x;
var ny = b2y - b1y;
// `vec_m` and `vec_n` are parallel iff
// exising `k` such that `vec_m = k · vec_n`, equivalent to `vec_m X vec_n = 0`.
var nmCrossProduct = crossProduct2d(nx, ny, mx, my);
if (nearZero(nmCrossProduct)) {
return false;
}
// `vec_m` and `vec_n` are intersect iff
// existing `p` and `q` in [0, 1] such that `vec_a1 + p * vec_m = vec_b1 + q * vec_n`,
// such that `q = ((vec_a1 - vec_b1) X vec_m) / (vec_n X vec_m)`
// and `p = ((vec_a1 - vec_b1) X vec_n) / (vec_n X vec_m)`.
var b1a1x = a1x - b1x;
var b1a1y = a1y - b1y;
var q = crossProduct2d(b1a1x, b1a1y, mx, my) / nmCrossProduct;
if (q < 0 || q > 1) {
return false;
}
var p = crossProduct2d(b1a1x, b1a1y, nx, ny) / nmCrossProduct;
if (p < 0 || p > 1) {
return false;
}
return true;
}
/**
* Cross product of 2-dimension vector.
*/
function crossProduct2d(x1, y1, x2, y2) {
return x1 * y2 - x2 * y1;
}
function nearZero(val) {
return val <= (1e-6) && val >= -(1e-6);
}
var graphic = (Object.freeze || Object)({
Z2_EMPHASIS_LIFT: Z2_EMPHASIS_LIFT,
CACHED_LABEL_STYLE_PROPERTIES: CACHED_LABEL_STYLE_PROPERTIES,
extendShape: extendShape,
extendPath: extendPath,
makePath: makePath,
makeImage: makeImage,
mergePath: mergePath,
resizePath: resizePath,
subPixelOptimizeLine: subPixelOptimizeLine,
subPixelOptimizeRect: subPixelOptimizeRect,
subPixelOptimize: subPixelOptimize,
setElementHoverStyle: setElementHoverStyle,
setHoverStyle: setHoverStyle,
setAsHighDownDispatcher: setAsHighDownDispatcher,
isHighDownDispatcher: isHighDownDispatcher,
getHighlightDigit: getHighlightDigit,
setLabelStyle: setLabelStyle,
modifyLabelStyle: modifyLabelStyle,
setTextStyle: setTextStyle,
setText: setText,
getFont: getFont,
updateProps: updateProps,
initProps: initProps,
getTransform: getTransform,
applyTransform: applyTransform$1,
transformDirection: transformDirection,
groupTransition: groupTransition,
clipPointsByRect: clipPointsByRect,
clipRectByRect: clipRectByRect,
createIcon: createIcon,
linePolygonIntersect: linePolygonIntersect,
lineLineIntersect: lineLineIntersect,
Group: Group,
Image: ZImage,
Text: Text,
Circle: Circle,
Sector: Sector,
Ring: Ring,
Polygon: Polygon,
Polyline: Polyline,
Rect: Rect,
Line: Line,
BezierCurve: BezierCurve,
Arc: Arc,
IncrementalDisplayable: IncrementalDisplayble,
CompoundPath: CompoundPath,
LinearGradient: LinearGradient,
RadialGradient: RadialGradient,
BoundingRect: BoundingRect
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var PATH_COLOR = ['textStyle', 'color'];
var textStyleMixin = {
/**
* Get color property or get color from option.textStyle.color
* @param {boolean} [isEmphasis]
* @return {string}
*/
getTextColor: function (isEmphasis) {
var ecModel = this.ecModel;
return this.getShallow('color')
|| (
(!isEmphasis && ecModel) ? ecModel.get(PATH_COLOR) : null
);
},
/**
* Create font string from fontStyle, fontWeight, fontSize, fontFamily
* @return {string}
*/
getFont: function () {
return getFont({
fontStyle: this.getShallow('fontStyle'),
fontWeight: this.getShallow('fontWeight'),
fontSize: this.getShallow('fontSize'),
fontFamily: this.getShallow('fontFamily')
}, this.ecModel);
},
getTextRect: function (text) {
return getBoundingRect(
text,
this.getFont(),
this.getShallow('align'),
this.getShallow('verticalAlign') || this.getShallow('baseline'),
this.getShallow('padding'),
this.getShallow('lineHeight'),
this.getShallow('rich'),
this.getShallow('truncateText')
);
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var getItemStyle = makeStyleMapper(
[
['fill', 'color'],
['stroke', 'borderColor'],
['lineWidth', 'borderWidth'],
['opacity'],
['shadowBlur'],
['shadowOffsetX'],
['shadowOffsetY'],
['shadowColor'],
['textPosition'],
['textAlign']
]
);
var itemStyleMixin = {
getItemStyle: function (excludes, includes) {
var style = getItemStyle(this, excludes, includes);
var lineDash = this.getBorderLineDash();
lineDash && (style.lineDash = lineDash);
return style;
},
getBorderLineDash: function () {
var lineType = this.get('borderType');
return (lineType === 'solid' || lineType == null) ? null
: (lineType === 'dashed' ? [5, 5] : [1, 1]);
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @module echarts/model/Model
*/
var mixin$1 = mixin;
var inner = makeInner();
/**
* @alias module:echarts/model/Model
* @constructor
* @param {Object} [option]
* @param {module:echarts/model/Model} [parentModel]
* @param {module:echarts/model/Global} [ecModel]
*/
function Model(option, parentModel, ecModel) {
/**
* @type {module:echarts/model/Model}
* @readOnly
*/
this.parentModel = parentModel;
/**
* @type {module:echarts/model/Global}
* @readOnly
*/
this.ecModel = ecModel;
/**
* @type {Object}
* @protected
*/
this.option = option;
// Simple optimization
// if (this.init) {
// if (arguments.length <= 4) {
// this.init(option, parentModel, ecModel, extraOpt);
// }
// else {
// this.init.apply(this, arguments);
// }
// }
}
Model.prototype = {
constructor: Model,
/**
* Model 的初始化函数
* @param {Object} option
*/
init: null,
/**
* 从新的 Option merge
*/
mergeOption: function (option) {
merge(this.option, option, true);
},
/**
* @param {string|Array.} path
* @param {boolean} [ignoreParent=false]
* @return {*}
*/
get: function (path, ignoreParent) {
if (path == null) {
return this.option;
}
return doGet(
this.option,
this.parsePath(path),
!ignoreParent && getParent(this, path)
);
},
/**
* @param {string} key
* @param {boolean} [ignoreParent=false]
* @return {*}
*/
getShallow: function (key, ignoreParent) {
var option = this.option;
var val = option == null ? option : option[key];
var parentModel = !ignoreParent && getParent(this, key);
if (val == null && parentModel) {
val = parentModel.getShallow(key);
}
return val;
},
/**
* @param {string|Array.} [path]
* @param {module:echarts/model/Model} [parentModel]
* @return {module:echarts/model/Model}
*/
getModel: function (path, parentModel) {
var obj = path == null
? this.option
: doGet(this.option, path = this.parsePath(path));
var thisParentModel;
parentModel = parentModel || (
(thisParentModel = getParent(this, path))
&& thisParentModel.getModel(path)
);
return new Model(obj, parentModel, this.ecModel);
},
/**
* If model has option
*/
isEmpty: function () {
return this.option == null;
},
restoreData: function () {},
// Pending
clone: function () {
var Ctor = this.constructor;
return new Ctor(clone(this.option));
},
setReadOnly: function (properties) {
// clazzUtil.setReadOnly(this, properties);
},
// If path is null/undefined, return null/undefined.
parsePath: function (path) {
if (typeof path === 'string') {
path = path.split('.');
}
return path;
},
/**
* @param {Function} getParentMethod
* param {Array.|string} path
* return {module:echarts/model/Model}
*/
customizeGetParent: function (getParentMethod) {
inner(this).getParent = getParentMethod;
},
isAnimationEnabled: function () {
if (!env$1.node) {
if (this.option.animation != null) {
return !!this.option.animation;
}
else if (this.parentModel) {
return this.parentModel.isAnimationEnabled();
}
}
}
};
function doGet(obj, pathArr, parentModel) {
for (var i = 0; i < pathArr.length; i++) {
// Ignore empty
if (!pathArr[i]) {
continue;
}
// obj could be number/string/... (like 0)
obj = (obj && typeof obj === 'object') ? obj[pathArr[i]] : null;
if (obj == null) {
break;
}
}
if (obj == null && parentModel) {
obj = parentModel.get(pathArr);
}
return obj;
}
// `path` can be null/undefined
function getParent(model, path) {
var getParentMethod = inner(model).getParent;
return getParentMethod ? getParentMethod.call(model, path) : model.parentModel;
}
// Enable Model.extend.
enableClassExtend(Model);
enableClassCheck(Model);
mixin$1(Model, lineStyleMixin);
mixin$1(Model, areaStyleMixin);
mixin$1(Model, textStyleMixin);
mixin$1(Model, itemStyleMixin);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var base = 0;
/**
* @public
* @param {string} type
* @return {string}
*/
function getUID(type) {
// Considering the case of crossing js context,
// use Math.random to make id as unique as possible.
return [(type || ''), base++, Math.random().toFixed(5)].join('_');
}
/**
* @inner
*/
function enableSubTypeDefaulter(entity) {
var subTypeDefaulters = {};
entity.registerSubTypeDefaulter = function (componentType, defaulter) {
componentType = parseClassType$1(componentType);
subTypeDefaulters[componentType.main] = defaulter;
};
entity.determineSubType = function (componentType, option) {
var type = option.type;
if (!type) {
var componentTypeMain = parseClassType$1(componentType).main;
if (entity.hasSubTypes(componentType) && subTypeDefaulters[componentTypeMain]) {
type = subTypeDefaulters[componentTypeMain](option);
}
}
return type;
};
return entity;
}
/**
* Topological travel on Activity Network (Activity On Vertices).
* Dependencies is defined in Model.prototype.dependencies, like ['xAxis', 'yAxis'].
*
* If 'xAxis' or 'yAxis' is absent in componentTypeList, just ignore it in topology.
*
* If there is circle dependencey, Error will be thrown.
*
*/
function enableTopologicalTravel(entity, dependencyGetter) {
/**
* @public
* @param {Array.} targetNameList Target Component type list.
* Can be ['aa', 'bb', 'aa.xx']
* @param {Array.} fullNameList By which we can build dependency graph.
* @param {Function} callback Params: componentType, dependencies.
* @param {Object} context Scope of callback.
*/
entity.topologicalTravel = function (targetNameList, fullNameList, callback, context) {
if (!targetNameList.length) {
return;
}
var result = makeDepndencyGraph(fullNameList);
var graph = result.graph;
var stack = result.noEntryList;
var targetNameSet = {};
each$1(targetNameList, function (name) {
targetNameSet[name] = true;
});
while (stack.length) {
var currComponentType = stack.pop();
var currVertex = graph[currComponentType];
var isInTargetNameSet = !!targetNameSet[currComponentType];
if (isInTargetNameSet) {
callback.call(context, currComponentType, currVertex.originalDeps.slice());
delete targetNameSet[currComponentType];
}
each$1(
currVertex.successor,
isInTargetNameSet ? removeEdgeAndAdd : removeEdge
);
}
each$1(targetNameSet, function () {
throw new Error('Circle dependency may exists');
});
function removeEdge(succComponentType) {
graph[succComponentType].entryCount--;
if (graph[succComponentType].entryCount === 0) {
stack.push(succComponentType);
}
}
// Consider this case: legend depends on series, and we call
// chart.setOption({series: [...]}), where only series is in option.
// If we do not have 'removeEdgeAndAdd', legendModel.mergeOption will
// not be called, but only sereis.mergeOption is called. Thus legend
// have no chance to update its local record about series (like which
// name of series is available in legend).
function removeEdgeAndAdd(succComponentType) {
targetNameSet[succComponentType] = true;
removeEdge(succComponentType);
}
};
/**
* DepndencyGraph: {Object}
* key: conponentType,
* value: {
* successor: [conponentTypes...],
* originalDeps: [conponentTypes...],
* entryCount: {number}
* }
*/
function makeDepndencyGraph(fullNameList) {
var graph = {};
var noEntryList = [];
each$1(fullNameList, function (name) {
var thisItem = createDependencyGraphItem(graph, name);
var originalDeps = thisItem.originalDeps = dependencyGetter(name);
var availableDeps = getAvailableDependencies(originalDeps, fullNameList);
thisItem.entryCount = availableDeps.length;
if (thisItem.entryCount === 0) {
noEntryList.push(name);
}
each$1(availableDeps, function (dependentName) {
if (indexOf(thisItem.predecessor, dependentName) < 0) {
thisItem.predecessor.push(dependentName);
}
var thatItem = createDependencyGraphItem(graph, dependentName);
if (indexOf(thatItem.successor, dependentName) < 0) {
thatItem.successor.push(name);
}
});
});
return {graph: graph, noEntryList: noEntryList};
}
function createDependencyGraphItem(graph, name) {
if (!graph[name]) {
graph[name] = {predecessor: [], successor: []};
}
return graph[name];
}
function getAvailableDependencies(originalDeps, fullNameList) {
var availableDeps = [];
each$1(originalDeps, function (dep) {
indexOf(fullNameList, dep) >= 0 && availableDeps.push(dep);
});
return availableDeps;
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/*
* A third-party license is embeded for some of the code in this file:
* The method "quantile" was copied from "d3.js".
* (See more details in the comment of the method below.)
* The use of the source code of this file is also subject to the terms
* and consitions of the license of "d3.js" (BSD-3Clause, see
* ).
*/
var RADIAN_EPSILON = 1e-4;
function _trim(str) {
return str.replace(/^\s+/, '').replace(/\s+$/, '');
}
/**
* Linear mapping a value from domain to range
* @memberOf module:echarts/util/number
* @param {(number|Array.)} val
* @param {Array.} domain Domain extent domain[0] can be bigger than domain[1]
* @param {Array.} range Range extent range[0] can be bigger than range[1]
* @param {boolean} clamp
* @return {(number|Array.}
*/
function linearMap(val, domain, range, clamp) {
var subDomain = domain[1] - domain[0];
var subRange = range[1] - range[0];
if (subDomain === 0) {
return subRange === 0
? range[0]
: (range[0] + range[1]) / 2;
}
// Avoid accuracy problem in edge, such as
// 146.39 - 62.83 === 83.55999999999999.
// See echarts/test/ut/spec/util/number.js#linearMap#accuracyError
// It is a little verbose for efficiency considering this method
// is a hotspot.
if (clamp) {
if (subDomain > 0) {
if (val <= domain[0]) {
return range[0];
}
else if (val >= domain[1]) {
return range[1];
}
}
else {
if (val >= domain[0]) {
return range[0];
}
else if (val <= domain[1]) {
return range[1];
}
}
}
else {
if (val === domain[0]) {
return range[0];
}
if (val === domain[1]) {
return range[1];
}
}
return (val - domain[0]) / subDomain * subRange + range[0];
}
/**
* Convert a percent string to absolute number.
* Returns NaN if percent is not a valid string or number
* @memberOf module:echarts/util/number
* @param {string|number} percent
* @param {number} all
* @return {number}
*/
function parsePercent$1(percent, all) {
switch (percent) {
case 'center':
case 'middle':
percent = '50%';
break;
case 'left':
case 'top':
percent = '0%';
break;
case 'right':
case 'bottom':
percent = '100%';
break;
}
if (typeof percent === 'string') {
if (_trim(percent).match(/%$/)) {
return parseFloat(percent) / 100 * all;
}
return parseFloat(percent);
}
return percent == null ? NaN : +percent;
}
/**
* (1) Fix rounding error of float numbers.
* (2) Support return string to avoid scientific notation like '3.5e-7'.
*
* @param {number} x
* @param {number} [precision]
* @param {boolean} [returnStr]
* @return {number|string}
*/
function round$1(x, precision, returnStr) {
if (precision == null) {
precision = 10;
}
// Avoid range error
precision = Math.min(Math.max(0, precision), 20);
x = (+x).toFixed(precision);
return returnStr ? x : +x;
}
/**
* asc sort arr.
* The input arr will be modified.
*
* @param {Array} arr
* @return {Array} The input arr.
*/
function asc(arr) {
arr.sort(function (a, b) {
return a - b;
});
return arr;
}
/**
* Get precision
* @param {number} val
*/
function getPrecision(val) {
val = +val;
if (isNaN(val)) {
return 0;
}
// It is much faster than methods converting number to string as follows
// var tmp = val.toString();
// return tmp.length - 1 - tmp.indexOf('.');
// especially when precision is low
var e = 1;
var count = 0;
while (Math.round(val * e) / e !== val) {
e *= 10;
count++;
}
return count;
}
/**
* @param {string|number} val
* @return {number}
*/
function getPrecisionSafe(val) {
var str = val.toString();
// Consider scientific notation: '3.4e-12' '3.4e+12'
var eIndex = str.indexOf('e');
if (eIndex > 0) {
var precision = +str.slice(eIndex + 1);
return precision < 0 ? -precision : 0;
}
else {
var dotIndex = str.indexOf('.');
return dotIndex < 0 ? 0 : str.length - 1 - dotIndex;
}
}
/**
* Minimal dicernible data precisioin according to a single pixel.
*
* @param {Array.} dataExtent
* @param {Array.} pixelExtent
* @return {number} precision
*/
function getPixelPrecision(dataExtent, pixelExtent) {
var log = Math.log;
var LN10 = Math.LN10;
var dataQuantity = Math.floor(log(dataExtent[1] - dataExtent[0]) / LN10);
var sizeQuantity = Math.round(log(Math.abs(pixelExtent[1] - pixelExtent[0])) / LN10);
// toFixed() digits argument must be between 0 and 20.
var precision = Math.min(Math.max(-dataQuantity + sizeQuantity, 0), 20);
return !isFinite(precision) ? 20 : precision;
}
/**
* Get a data of given precision, assuring the sum of percentages
* in valueList is 1.
* The largest remainer method is used.
* https://en.wikipedia.org/wiki/Largest_remainder_method
*
* @param {Array.} valueList a list of all data
* @param {number} idx index of the data to be processed in valueList
* @param {number} precision integer number showing digits of precision
* @return {number} percent ranging from 0 to 100
*/
function getPercentWithPrecision(valueList, idx, precision) {
if (!valueList[idx]) {
return 0;
}
var sum = reduce(valueList, function (acc, val) {
return acc + (isNaN(val) ? 0 : val);
}, 0);
if (sum === 0) {
return 0;
}
var digits = Math.pow(10, precision);
var votesPerQuota = map(valueList, function (val) {
return (isNaN(val) ? 0 : val) / sum * digits * 100;
});
var targetSeats = digits * 100;
var seats = map(votesPerQuota, function (votes) {
// Assign automatic seats.
return Math.floor(votes);
});
var currentSum = reduce(seats, function (acc, val) {
return acc + val;
}, 0);
var remainder = map(votesPerQuota, function (votes, idx) {
return votes - seats[idx];
});
// Has remainding votes.
while (currentSum < targetSeats) {
// Find next largest remainder.
var max = Number.NEGATIVE_INFINITY;
var maxId = null;
for (var i = 0, len = remainder.length; i < len; ++i) {
if (remainder[i] > max) {
max = remainder[i];
maxId = i;
}
}
// Add a vote to max remainder.
++seats[maxId];
remainder[maxId] = 0;
++currentSum;
}
return seats[idx] / digits;
}
// Number.MAX_SAFE_INTEGER, ie do not support.
var MAX_SAFE_INTEGER = 9007199254740991;
/**
* To 0 - 2 * PI, considering negative radian.
* @param {number} radian
* @return {number}
*/
function remRadian(radian) {
var pi2 = Math.PI * 2;
return (radian % pi2 + pi2) % pi2;
}
/**
* @param {type} radian
* @return {boolean}
*/
function isRadianAroundZero(val) {
return val > -RADIAN_EPSILON && val < RADIAN_EPSILON;
}
/* eslint-disable */
var TIME_REG = /^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d\d)(?::(\d\d)(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/; // jshint ignore:line
/* eslint-enable */
/**
* @param {string|Date|number} value These values can be accepted:
* + An instance of Date, represent a time in its own time zone.
* + Or string in a subset of ISO 8601, only including:
* + only year, month, date: '2012-03', '2012-03-01', '2012-03-01 05', '2012-03-01 05:06',
* + separated with T or space: '2012-03-01T12:22:33.123', '2012-03-01 12:22:33.123',
* + time zone: '2012-03-01T12:22:33Z', '2012-03-01T12:22:33+8000', '2012-03-01T12:22:33-05:00',
* all of which will be treated as local time if time zone is not specified
* (see .
* See the license statement at the head of this file.
* @param {Array.} ascArr
*/
function quantile(ascArr, p) {
var H = (ascArr.length - 1) * p + 1;
var h = Math.floor(H);
var v = +ascArr[h - 1];
var e = H - h;
return e ? v + e * (ascArr[h] - v) : v;
}
/**
* Order intervals asc, and split them when overlap.
* expect(numberUtil.reformIntervals([
* {interval: [18, 62], close: [1, 1]},
* {interval: [-Infinity, -70], close: [0, 0]},
* {interval: [-70, -26], close: [1, 1]},
* {interval: [-26, 18], close: [1, 1]},
* {interval: [62, 150], close: [1, 1]},
* {interval: [106, 150], close: [1, 1]},
* {interval: [150, Infinity], close: [0, 0]}
* ])).toEqual([
* {interval: [-Infinity, -70], close: [0, 0]},
* {interval: [-70, -26], close: [1, 1]},
* {interval: [-26, 18], close: [0, 1]},
* {interval: [18, 62], close: [0, 1]},
* {interval: [62, 150], close: [0, 1]},
* {interval: [150, Infinity], close: [0, 0]}
* ]);
* @param {Array.} list, where `close` mean open or close
* of the interval, and Infinity can be used.
* @return {Array.} The origin list, which has been reformed.
*/
function reformIntervals(list) {
list.sort(function (a, b) {
return littleThan(a, b, 0) ? -1 : 1;
});
var curr = -Infinity;
var currClose = 1;
for (var i = 0; i < list.length;) {
var interval = list[i].interval;
var close = list[i].close;
for (var lg = 0; lg < 2; lg++) {
if (interval[lg] <= curr) {
interval[lg] = curr;
close[lg] = !lg ? 1 - currClose : 1;
}
curr = interval[lg];
currClose = close[lg];
}
if (interval[0] === interval[1] && close[0] * close[1] !== 1) {
list.splice(i, 1);
}
else {
i++;
}
}
return list;
function littleThan(a, b, lg) {
return a.interval[lg] < b.interval[lg]
|| (
a.interval[lg] === b.interval[lg]
&& (
(a.close[lg] - b.close[lg] === (!lg ? 1 : -1))
|| (!lg && littleThan(a, b, 1))
)
);
}
}
/**
* parseFloat NaNs numeric-cast false positives (null|true|false|"")
* ...but misinterprets leading-number strings, particularly hex literals ("0x...")
* subtraction forces infinities to NaN
*
* @param {*} v
* @return {boolean}
*/
function isNumeric(v) {
return v - parseFloat(v) >= 0;
}
var number = (Object.freeze || Object)({
linearMap: linearMap,
parsePercent: parsePercent$1,
round: round$1,
asc: asc,
getPrecision: getPrecision,
getPrecisionSafe: getPrecisionSafe,
getPixelPrecision: getPixelPrecision,
getPercentWithPrecision: getPercentWithPrecision,
MAX_SAFE_INTEGER: MAX_SAFE_INTEGER,
remRadian: remRadian,
isRadianAroundZero: isRadianAroundZero,
parseDate: parseDate,
quantity: quantity,
nice: nice,
quantile: quantile,
reformIntervals: reformIntervals,
isNumeric: isNumeric
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// import Text from 'zrender/src/graphic/Text';
/**
* 每三位默认加,格式化
* @param {string|number} x
* @return {string}
*/
function addCommas(x) {
if (isNaN(x)) {
return '-';
}
x = (x + '').split('.');
return x[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
+ (x.length > 1 ? ('.' + x[1]) : '');
}
/**
* @param {string} str
* @param {boolean} [upperCaseFirst=false]
* @return {string} str
*/
function toCamelCase(str, upperCaseFirst) {
str = (str || '').toLowerCase().replace(/-(.)/g, function (match, group1) {
return group1.toUpperCase();
});
if (upperCaseFirst && str) {
str = str.charAt(0).toUpperCase() + str.slice(1);
}
return str;
}
var normalizeCssArray$1 = normalizeCssArray;
var replaceReg = /([&<>"'])/g;
var replaceMap = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
'\'': '''
};
function encodeHTML(source) {
return source == null
? ''
: (source + '').replace(replaceReg, function (str, c) {
return replaceMap[c];
});
}
var TPL_VAR_ALIAS = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
var wrapVar = function (varName, seriesIdx) {
return '{' + varName + (seriesIdx == null ? '' : seriesIdx) + '}';
};
/**
* Template formatter
* @param {string} tpl
* @param {Array.|Object} paramsList
* @param {boolean} [encode=false]
* @return {string}
*/
function formatTpl(tpl, paramsList, encode) {
if (!isArray(paramsList)) {
paramsList = [paramsList];
}
var seriesLen = paramsList.length;
if (!seriesLen) {
return '';
}
var $vars = paramsList[0].$vars || [];
for (var i = 0; i < $vars.length; i++) {
var alias = TPL_VAR_ALIAS[i];
tpl = tpl.replace(wrapVar(alias), wrapVar(alias, 0));
}
for (var seriesIdx = 0; seriesIdx < seriesLen; seriesIdx++) {
for (var k = 0; k < $vars.length; k++) {
var val = paramsList[seriesIdx][$vars[k]];
tpl = tpl.replace(
wrapVar(TPL_VAR_ALIAS[k], seriesIdx),
encode ? encodeHTML(val) : val
);
}
}
return tpl;
}
/**
* simple Template formatter
*
* @param {string} tpl
* @param {Object} param
* @param {boolean} [encode=false]
* @return {string}
*/
function formatTplSimple(tpl, param, encode) {
each$1(param, function (value, key) {
tpl = tpl.replace(
'{' + key + '}',
encode ? encodeHTML(value) : value
);
});
return tpl;
}
/**
* @param {Object|string} [opt] If string, means color.
* @param {string} [opt.color]
* @param {string} [opt.extraCssText]
* @param {string} [opt.type='item'] 'item' or 'subItem'
* @param {string} [opt.renderMode='html'] render mode of tooltip, 'html' or 'richText'
* @param {string} [opt.markerId='X'] id name for marker. If only one marker is in a rich text, this can be omitted.
* @return {string}
*/
function getTooltipMarker(opt, extraCssText) {
opt = isString(opt) ? {color: opt, extraCssText: extraCssText} : (opt || {});
var color = opt.color;
var type = opt.type;
var extraCssText = opt.extraCssText;
var renderMode = opt.renderMode || 'html';
var markerId = opt.markerId || 'X';
if (!color) {
return '';
}
if (renderMode === 'html') {
return type === 'subItem'
? '} [opt.textPadding]
* @param {number} [opt.textLineHeight]
* @param {Object} [opt.rich]
* @param {Object} [opt.truncate]
* @return {Object} {x, y, width, height, lineHeight}
*/
function getTextBoundingRect(opt) {
return getBoundingRect(
opt.text,
opt.font,
opt.textAlign,
opt.textVerticalAlign,
opt.textPadding,
opt.textLineHeight,
opt.rich,
opt.truncate
);
}
/**
* @deprecated
* the `textLineHeight` was added later.
* For backward compatiblility, put it as the last parameter.
* But deprecated this interface. Please use `getTextBoundingRect` instead.
*/
function getTextRect(
text, font, textAlign, textVerticalAlign, textPadding, rich, truncate, textLineHeight
) {
return getBoundingRect(
text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate
);
}
var format = (Object.freeze || Object)({
addCommas: addCommas,
toCamelCase: toCamelCase,
normalizeCssArray: normalizeCssArray$1,
encodeHTML: encodeHTML,
formatTpl: formatTpl,
formatTplSimple: formatTplSimple,
getTooltipMarker: getTooltipMarker,
formatTime: formatTime,
capitalFirst: capitalFirst,
truncateText: truncateText$1,
getTextBoundingRect: getTextBoundingRect,
getTextRect: getTextRect
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// Layout helpers for each component positioning
var each$3 = each$1;
/**
* @public
*/
var LOCATION_PARAMS = [
'left', 'right', 'top', 'bottom', 'width', 'height'
];
/**
* @public
*/
var HV_NAMES = [
['width', 'left', 'right'],
['height', 'top', 'bottom']
];
function boxLayout(orient, group, gap, maxWidth, maxHeight) {
var x = 0;
var y = 0;
if (maxWidth == null) {
maxWidth = Infinity;
}
if (maxHeight == null) {
maxHeight = Infinity;
}
var currentLineMaxSize = 0;
group.eachChild(function (child, idx) {
var position = child.position;
var rect = child.getBoundingRect();
var nextChild = group.childAt(idx + 1);
var nextChildRect = nextChild && nextChild.getBoundingRect();
var nextX;
var nextY;
if (orient === 'horizontal') {
var moveX = rect.width + (nextChildRect ? (-nextChildRect.x + rect.x) : 0);
nextX = x + moveX;
// Wrap when width exceeds maxWidth or meet a `newline` group
// FIXME compare before adding gap?
if (nextX > maxWidth || child.newline) {
x = 0;
nextX = moveX;
y += currentLineMaxSize + gap;
currentLineMaxSize = rect.height;
}
else {
// FIXME: consider rect.y is not `0`?
currentLineMaxSize = Math.max(currentLineMaxSize, rect.height);
}
}
else {
var moveY = rect.height + (nextChildRect ? (-nextChildRect.y + rect.y) : 0);
nextY = y + moveY;
// Wrap when width exceeds maxHeight or meet a `newline` group
if (nextY > maxHeight || child.newline) {
x += currentLineMaxSize + gap;
y = 0;
nextY = moveY;
currentLineMaxSize = rect.width;
}
else {
currentLineMaxSize = Math.max(currentLineMaxSize, rect.width);
}
}
if (child.newline) {
return;
}
position[0] = x;
position[1] = y;
orient === 'horizontal'
? (x = nextX + gap)
: (y = nextY + gap);
});
}
/**
* VBox or HBox layouting
* @param {string} orient
* @param {module:zrender/container/Group} group
* @param {number} gap
* @param {number} [width=Infinity]
* @param {number} [height=Infinity]
*/
var box = boxLayout;
/**
* VBox layouting
* @param {module:zrender/container/Group} group
* @param {number} gap
* @param {number} [width=Infinity]
* @param {number} [height=Infinity]
*/
var vbox = curry(boxLayout, 'vertical');
/**
* HBox layouting
* @param {module:zrender/container/Group} group
* @param {number} gap
* @param {number} [width=Infinity]
* @param {number} [height=Infinity]
*/
var hbox = curry(boxLayout, 'horizontal');
/**
* If x or x2 is not specified or 'center' 'left' 'right',
* the width would be as long as possible.
* If y or y2 is not specified or 'middle' 'top' 'bottom',
* the height would be as long as possible.
*
* @param {Object} positionInfo
* @param {number|string} [positionInfo.x]
* @param {number|string} [positionInfo.y]
* @param {number|string} [positionInfo.x2]
* @param {number|string} [positionInfo.y2]
* @param {Object} containerRect {width, height}
* @param {string|number} margin
* @return {Object} {width, height}
*/
function getAvailableSize(positionInfo, containerRect, margin) {
var containerWidth = containerRect.width;
var containerHeight = containerRect.height;
var x = parsePercent$1(positionInfo.x, containerWidth);
var y = parsePercent$1(positionInfo.y, containerHeight);
var x2 = parsePercent$1(positionInfo.x2, containerWidth);
var y2 = parsePercent$1(positionInfo.y2, containerHeight);
(isNaN(x) || isNaN(parseFloat(positionInfo.x))) && (x = 0);
(isNaN(x2) || isNaN(parseFloat(positionInfo.x2))) && (x2 = containerWidth);
(isNaN(y) || isNaN(parseFloat(positionInfo.y))) && (y = 0);
(isNaN(y2) || isNaN(parseFloat(positionInfo.y2))) && (y2 = containerHeight);
margin = normalizeCssArray$1(margin || 0);
return {
width: Math.max(x2 - x - margin[1] - margin[3], 0),
height: Math.max(y2 - y - margin[0] - margin[2], 0)
};
}
/**
* Parse position info.
*
* @param {Object} positionInfo
* @param {number|string} [positionInfo.left]
* @param {number|string} [positionInfo.top]
* @param {number|string} [positionInfo.right]
* @param {number|string} [positionInfo.bottom]
* @param {number|string} [positionInfo.width]
* @param {number|string} [positionInfo.height]
* @param {number|string} [positionInfo.aspect] Aspect is width / height
* @param {Object} containerRect
* @param {string|number} [margin]
*
* @return {module:zrender/core/BoundingRect}
*/
function getLayoutRect(
positionInfo, containerRect, margin
) {
margin = normalizeCssArray$1(margin || 0);
var containerWidth = containerRect.width;
var containerHeight = containerRect.height;
var left = parsePercent$1(positionInfo.left, containerWidth);
var top = parsePercent$1(positionInfo.top, containerHeight);
var right = parsePercent$1(positionInfo.right, containerWidth);
var bottom = parsePercent$1(positionInfo.bottom, containerHeight);
var width = parsePercent$1(positionInfo.width, containerWidth);
var height = parsePercent$1(positionInfo.height, containerHeight);
var verticalMargin = margin[2] + margin[0];
var horizontalMargin = margin[1] + margin[3];
var aspect = positionInfo.aspect;
// If width is not specified, calculate width from left and right
if (isNaN(width)) {
width = containerWidth - right - horizontalMargin - left;
}
if (isNaN(height)) {
height = containerHeight - bottom - verticalMargin - top;
}
if (aspect != null) {
// If width and height are not given
// 1. Graph should not exceeds the container
// 2. Aspect must be keeped
// 3. Graph should take the space as more as possible
// FIXME
// Margin is not considered, because there is no case that both
// using margin and aspect so far.
if (isNaN(width) && isNaN(height)) {
if (aspect > containerWidth / containerHeight) {
width = containerWidth * 0.8;
}
else {
height = containerHeight * 0.8;
}
}
// Calculate width or height with given aspect
if (isNaN(width)) {
width = aspect * height;
}
if (isNaN(height)) {
height = width / aspect;
}
}
// If left is not specified, calculate left from right and width
if (isNaN(left)) {
left = containerWidth - right - width - horizontalMargin;
}
if (isNaN(top)) {
top = containerHeight - bottom - height - verticalMargin;
}
// Align left and top
switch (positionInfo.left || positionInfo.right) {
case 'center':
left = containerWidth / 2 - width / 2 - margin[3];
break;
case 'right':
left = containerWidth - width - horizontalMargin;
break;
}
switch (positionInfo.top || positionInfo.bottom) {
case 'middle':
case 'center':
top = containerHeight / 2 - height / 2 - margin[0];
break;
case 'bottom':
top = containerHeight - height - verticalMargin;
break;
}
// If something is wrong and left, top, width, height are calculated as NaN
left = left || 0;
top = top || 0;
if (isNaN(width)) {
// Width may be NaN if only one value is given except width
width = containerWidth - horizontalMargin - left - (right || 0);
}
if (isNaN(height)) {
// Height may be NaN if only one value is given except height
height = containerHeight - verticalMargin - top - (bottom || 0);
}
var rect = new BoundingRect(left + margin[3], top + margin[0], width, height);
rect.margin = margin;
return rect;
}
/**
* Position a zr element in viewport
* Group position is specified by either
* {left, top}, {right, bottom}
* If all properties exists, right and bottom will be igonred.
*
* Logic:
* 1. Scale (against origin point in parent coord)
* 2. Rotate (against origin point in parent coord)
* 3. Traslate (with el.position by this method)
* So this method only fixes the last step 'Traslate', which does not affect
* scaling and rotating.
*
* If be called repeatly with the same input el, the same result will be gotten.
*
* @param {module:zrender/Element} el Should have `getBoundingRect` method.
* @param {Object} positionInfo
* @param {number|string} [positionInfo.left]
* @param {number|string} [positionInfo.top]
* @param {number|string} [positionInfo.right]
* @param {number|string} [positionInfo.bottom]
* @param {number|string} [positionInfo.width] Only for opt.boundingModel: 'raw'
* @param {number|string} [positionInfo.height] Only for opt.boundingModel: 'raw'
* @param {Object} containerRect
* @param {string|number} margin
* @param {Object} [opt]
* @param {Array.} [opt.hv=[1,1]] Only horizontal or only vertical.
* @param {Array.} [opt.boundingMode='all']
* Specify how to calculate boundingRect when locating.
* 'all': Position the boundingRect that is transformed and uioned
* both itself and its descendants.
* This mode simplies confine the elements in the bounding
* of their container (e.g., using 'right: 0').
* 'raw': Position the boundingRect that is not transformed and only itself.
* This mode is useful when you want a element can overflow its
* container. (Consider a rotated circle needs to be located in a corner.)
* In this mode positionInfo.width/height can only be number.
*/
function positionElement(el, positionInfo, containerRect, margin, opt) {
var h = !opt || !opt.hv || opt.hv[0];
var v = !opt || !opt.hv || opt.hv[1];
var boundingMode = opt && opt.boundingMode || 'all';
if (!h && !v) {
return;
}
var rect;
if (boundingMode === 'raw') {
rect = el.type === 'group'
? new BoundingRect(0, 0, +positionInfo.width || 0, +positionInfo.height || 0)
: el.getBoundingRect();
}
else {
rect = el.getBoundingRect();
if (el.needLocalTransform()) {
var transform = el.getLocalTransform();
// Notice: raw rect may be inner object of el,
// which should not be modified.
rect = rect.clone();
rect.applyTransform(transform);
}
}
// The real width and height can not be specified but calculated by the given el.
positionInfo = getLayoutRect(
defaults(
{width: rect.width, height: rect.height},
positionInfo
),
containerRect,
margin
);
// Because 'tranlate' is the last step in transform
// (see zrender/core/Transformable#getLocalTransform),
// we can just only modify el.position to get final result.
var elPos = el.position;
var dx = h ? positionInfo.x - rect.x : 0;
var dy = v ? positionInfo.y - rect.y : 0;
el.attr('position', boundingMode === 'raw' ? [dx, dy] : [elPos[0] + dx, elPos[1] + dy]);
}
/**
* @param {Object} option Contains some of the properties in HV_NAMES.
* @param {number} hvIdx 0: horizontal; 1: vertical.
*/
function sizeCalculable(option, hvIdx) {
return option[HV_NAMES[hvIdx][0]] != null
|| (option[HV_NAMES[hvIdx][1]] != null && option[HV_NAMES[hvIdx][2]] != null);
}
/**
* Consider Case:
* When defulat option has {left: 0, width: 100}, and we set {right: 0}
* through setOption or media query, using normal zrUtil.merge will cause
* {right: 0} does not take effect.
*
* @example
* ComponentModel.extend({
* init: function () {
* ...
* var inputPositionParams = layout.getLayoutParams(option);
* this.mergeOption(inputPositionParams);
* },
* mergeOption: function (newOption) {
* newOption && zrUtil.merge(thisOption, newOption, true);
* layout.mergeLayoutParam(thisOption, newOption);
* }
* });
*
* @param {Object} targetOption
* @param {Object} newOption
* @param {Object|string} [opt]
* @param {boolean|Array.} [opt.ignoreSize=false] Used for the components
* that width (or height) should not be calculated by left and right (or top and bottom).
*/
function mergeLayoutParam(targetOption, newOption, opt) {
!isObject$1(opt) && (opt = {});
var ignoreSize = opt.ignoreSize;
!isArray(ignoreSize) && (ignoreSize = [ignoreSize, ignoreSize]);
var hResult = merge$$1(HV_NAMES[0], 0);
var vResult = merge$$1(HV_NAMES[1], 1);
copy(HV_NAMES[0], targetOption, hResult);
copy(HV_NAMES[1], targetOption, vResult);
function merge$$1(names, hvIdx) {
var newParams = {};
var newValueCount = 0;
var merged = {};
var mergedValueCount = 0;
var enoughParamNumber = 2;
each$3(names, function (name) {
merged[name] = targetOption[name];
});
each$3(names, function (name) {
// Consider case: newOption.width is null, which is
// set by user for removing width setting.
hasProp(newOption, name) && (newParams[name] = merged[name] = newOption[name]);
hasValue(newParams, name) && newValueCount++;
hasValue(merged, name) && mergedValueCount++;
});
if (ignoreSize[hvIdx]) {
// Only one of left/right is premitted to exist.
if (hasValue(newOption, names[1])) {
merged[names[2]] = null;
}
else if (hasValue(newOption, names[2])) {
merged[names[1]] = null;
}
return merged;
}
// Case: newOption: {width: ..., right: ...},
// or targetOption: {right: ...} and newOption: {width: ...},
// There is no conflict when merged only has params count
// little than enoughParamNumber.
if (mergedValueCount === enoughParamNumber || !newValueCount) {
return merged;
}
// Case: newOption: {width: ..., right: ...},
// Than we can make sure user only want those two, and ignore
// all origin params in targetOption.
else if (newValueCount >= enoughParamNumber) {
return newParams;
}
else {
// Chose another param from targetOption by priority.
for (var i = 0; i < names.length; i++) {
var name = names[i];
if (!hasProp(newParams, name) && hasProp(targetOption, name)) {
newParams[name] = targetOption[name];
break;
}
}
return newParams;
}
}
function hasProp(obj, name) {
return obj.hasOwnProperty(name);
}
function hasValue(obj, name) {
return obj[name] != null && obj[name] !== 'auto';
}
function copy(names, target, source) {
each$3(names, function (name) {
target[name] = source[name];
});
}
}
/**
* Retrieve 'left', 'right', 'top', 'bottom', 'width', 'height' from object.
* @param {Object} source
* @return {Object} Result contains those props.
*/
function getLayoutParams(source) {
return copyLayoutParams({}, source);
}
/**
* Retrieve 'left', 'right', 'top', 'bottom', 'width', 'height' from object.
* @param {Object} source
* @return {Object} Result contains those props.
*/
function copyLayoutParams(target, source) {
source && target && each$3(LOCATION_PARAMS, function (name) {
source.hasOwnProperty(name) && (target[name] = source[name]);
});
return target;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var boxLayoutMixin = {
getBoxLayoutParams: function () {
return {
left: this.get('left'),
top: this.get('top'),
right: this.get('right'),
bottom: this.get('bottom'),
width: this.get('width'),
height: this.get('height')
};
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Component model
*
* @module echarts/model/Component
*/
var inner$1 = makeInner();
/**
* @alias module:echarts/model/Component
* @constructor
* @param {Object} option
* @param {module:echarts/model/Model} parentModel
* @param {module:echarts/model/Model} ecModel
*/
var ComponentModel = Model.extend({
type: 'component',
/**
* @readOnly
* @type {string}
*/
id: '',
/**
* Because simplified concept is probably better, series.name (or component.name)
* has been having too many resposibilities:
* (1) Generating id (which requires name in option should not be modified).
* (2) As an index to mapping series when merging option or calling API (a name
* can refer to more then one components, which is convinient is some case).
* (3) Display.
* @readOnly
*/
name: '',
/**
* @readOnly
* @type {string}
*/
mainType: '',
/**
* @readOnly
* @type {string}
*/
subType: '',
/**
* @readOnly
* @type {number}
*/
componentIndex: 0,
/**
* @type {Object}
* @protected
*/
defaultOption: null,
/**
* @type {module:echarts/model/Global}
* @readOnly
*/
ecModel: null,
/**
* key: componentType
* value: Component model list, can not be null.
* @type {Object.>}
* @readOnly
*/
dependentModels: [],
/**
* @type {string}
* @readOnly
*/
uid: null,
/**
* Support merge layout params.
* Only support 'box' now (left/right/top/bottom/width/height).
* @type {string|Object} Object can be {ignoreSize: true}
* @readOnly
*/
layoutMode: null,
$constructor: function (option, parentModel, ecModel, extraOpt) {
Model.call(this, option, parentModel, ecModel, extraOpt);
this.uid = getUID('ec_cpt_model');
},
init: function (option, parentModel, ecModel, extraOpt) {
this.mergeDefaultAndTheme(option, ecModel);
},
mergeDefaultAndTheme: function (option, ecModel) {
var layoutMode = this.layoutMode;
var inputPositionParams = layoutMode
? getLayoutParams(option) : {};
var themeModel = ecModel.getTheme();
merge(option, themeModel.get(this.mainType));
merge(option, this.getDefaultOption());
if (layoutMode) {
mergeLayoutParam(option, inputPositionParams, layoutMode);
}
},
mergeOption: function (option, extraOpt) {
merge(this.option, option, true);
var layoutMode = this.layoutMode;
if (layoutMode) {
mergeLayoutParam(this.option, option, layoutMode);
}
},
// Hooker after init or mergeOption
optionUpdated: function (newCptOption, isInit) {},
getDefaultOption: function () {
var fields = inner$1(this);
if (!fields.defaultOption) {
var optList = [];
var Class = this.constructor;
while (Class) {
var opt = Class.prototype.defaultOption;
opt && optList.push(opt);
Class = Class.superClass;
}
var defaultOption = {};
for (var i = optList.length - 1; i >= 0; i--) {
defaultOption = merge(defaultOption, optList[i], true);
}
fields.defaultOption = defaultOption;
}
return fields.defaultOption;
},
getReferringComponents: function (mainType) {
return this.ecModel.queryComponents({
mainType: mainType,
index: this.get(mainType + 'Index', true),
id: this.get(mainType + 'Id', true)
});
}
});
// Reset ComponentModel.extend, add preConstruct.
// clazzUtil.enableClassExtend(
// ComponentModel,
// function (option, parentModel, ecModel, extraOpt) {
// // Set dependentModels, componentIndex, name, id, mainType, subType.
// zrUtil.extend(this, extraOpt);
// this.uid = componentUtil.getUID('componentModel');
// // this.setReadOnly([
// // 'type', 'id', 'uid', 'name', 'mainType', 'subType',
// // 'dependentModels', 'componentIndex'
// // ]);
// }
// );
// Add capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
enableClassManagement(
ComponentModel, {registerWhenExtend: true}
);
enableSubTypeDefaulter(ComponentModel);
// Add capability of ComponentModel.topologicalTravel.
enableTopologicalTravel(ComponentModel, getDependencies);
function getDependencies(componentType) {
var deps = [];
each$1(ComponentModel.getClassesByMainType(componentType), function (Clazz) {
deps = deps.concat(Clazz.prototype.dependencies || []);
});
// Ensure main type.
deps = map(deps, function (type) {
return parseClassType$1(type).main;
});
// Hack dataset for convenience.
if (componentType !== 'dataset' && indexOf(deps, 'dataset') <= 0) {
deps.unshift('dataset');
}
return deps;
}
mixin(ComponentModel, boxLayoutMixin);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var platform = '';
// Navigator not exists in node
if (typeof navigator !== 'undefined') {
platform = navigator.platform || '';
}
var globalDefault = {
// backgroundColor: 'rgba(0,0,0,0)',
// https://dribbble.com/shots/1065960-Infographic-Pie-chart-visualization
// color: ['#5793f3', '#d14a61', '#fd9c35', '#675bba', '#fec42c', '#dd4444', '#d4df5a', '#cd4870'],
// Light colors:
// color: ['#bcd3bb', '#e88f70', '#edc1a5', '#9dc5c8', '#e1e8c8', '#7b7c68', '#e5b5b5', '#f0b489', '#928ea8', '#bda29a'],
// color: ['#cc5664', '#9bd6ec', '#ea946e', '#8acaaa', '#f1ec64', '#ee8686', '#a48dc1', '#5da6bc', '#b9dcae'],
// Dark colors:
color: [
'#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83',
'#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'
],
gradientColor: ['#f6efa6', '#d88273', '#bf444c'],
// If xAxis and yAxis declared, grid is created by default.
// grid: {},
textStyle: {
// color: '#000',
// decoration: 'none',
// PENDING
fontFamily: platform.match(/^Win/) ? 'Microsoft YaHei' : 'sans-serif',
// fontFamily: 'Arial, Verdana, sans-serif',
fontSize: 12,
fontStyle: 'normal',
fontWeight: 'normal'
},
// http://blogs.adobe.com/webplatform/2014/02/24/using-blend-modes-in-html-canvas/
// https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
// Default is source-over
blendMode: null,
animation: 'auto',
animationDuration: 1000,
animationDurationUpdate: 300,
animationEasing: 'exponentialOut',
animationEasingUpdate: 'cubicOut',
animationThreshold: 2000,
// Configuration for progressive/incremental rendering
progressiveThreshold: 3000,
progressive: 400,
// Threshold of if use single hover layer to optimize.
// It is recommended that `hoverLayerThreshold` is equivalent to or less than
// `progressiveThreshold`, otherwise hover will cause restart of progressive,
// which is unexpected.
// see example .
hoverLayerThreshold: 3000,
// See: module:echarts/scale/Time
useUTC: false
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var inner$2 = makeInner();
function getNearestColorPalette(colors, requestColorNum) {
var paletteNum = colors.length;
// TODO colors must be in order
for (var i = 0; i < paletteNum; i++) {
if (colors[i].length > requestColorNum) {
return colors[i];
}
}
return colors[paletteNum - 1];
}
var colorPaletteMixin = {
clearColorPalette: function () {
inner$2(this).colorIdx = 0;
inner$2(this).colorNameMap = {};
},
/**
* @param {string} name MUST NOT be null/undefined. Otherwise call this function
* twise with the same parameters will get different result.
* @param {Object} [scope=this]
* @param {Object} [requestColorNum]
* @return {string} color string.
*/
getColorFromPalette: function (name, scope, requestColorNum) {
scope = scope || this;
var scopeFields = inner$2(scope);
var colorIdx = scopeFields.colorIdx || 0;
var colorNameMap = scopeFields.colorNameMap = scopeFields.colorNameMap || {};
// Use `hasOwnProperty` to avoid conflict with Object.prototype.
if (colorNameMap.hasOwnProperty(name)) {
return colorNameMap[name];
}
var defaultColorPalette = normalizeToArray(this.get('color', true));
var layeredColorPalette = this.get('colorLayer', true);
var colorPalette = ((requestColorNum == null || !layeredColorPalette)
? defaultColorPalette : getNearestColorPalette(layeredColorPalette, requestColorNum));
// In case can't find in layered color palette.
colorPalette = colorPalette || defaultColorPalette;
if (!colorPalette || !colorPalette.length) {
return;
}
var color = colorPalette[colorIdx];
if (name) {
colorNameMap[name] = color;
}
scopeFields.colorIdx = (colorIdx + 1) % colorPalette.length;
return color;
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Helper for model references.
* There are many manners to refer axis/coordSys.
*/
// TODO
// merge relevant logic to this file?
// check: "modelHelper" of tooltip and "BrushTargetManager".
/**
* @return {Object} For example:
* {
* coordSysName: 'cartesian2d',
* coordSysDims: ['x', 'y', ...],
* axisMap: HashMap({
* x: xAxisModel,
* y: yAxisModel
* }),
* categoryAxisMap: HashMap({
* x: xAxisModel,
* y: undefined
* }),
* // It also indicate that whether there is category axis.
* firstCategoryDimIndex: 1,
* // To replace user specified encode.
* }
*/
function getCoordSysDefineBySeries(seriesModel) {
var coordSysName = seriesModel.get('coordinateSystem');
var result = {
coordSysName: coordSysName,
coordSysDims: [],
axisMap: createHashMap(),
categoryAxisMap: createHashMap()
};
var fetch = fetchers[coordSysName];
if (fetch) {
fetch(seriesModel, result, result.axisMap, result.categoryAxisMap);
return result;
}
}
var fetchers = {
cartesian2d: function (seriesModel, result, axisMap, categoryAxisMap) {
var xAxisModel = seriesModel.getReferringComponents('xAxis')[0];
var yAxisModel = seriesModel.getReferringComponents('yAxis')[0];
if (__DEV__) {
if (!xAxisModel) {
throw new Error('xAxis "' + retrieve(
seriesModel.get('xAxisIndex'),
seriesModel.get('xAxisId'),
0
) + '" not found');
}
if (!yAxisModel) {
throw new Error('yAxis "' + retrieve(
seriesModel.get('xAxisIndex'),
seriesModel.get('yAxisId'),
0
) + '" not found');
}
}
result.coordSysDims = ['x', 'y'];
axisMap.set('x', xAxisModel);
axisMap.set('y', yAxisModel);
if (isCategory(xAxisModel)) {
categoryAxisMap.set('x', xAxisModel);
result.firstCategoryDimIndex = 0;
}
if (isCategory(yAxisModel)) {
categoryAxisMap.set('y', yAxisModel);
result.firstCategoryDimIndex = 1;
}
},
singleAxis: function (seriesModel, result, axisMap, categoryAxisMap) {
var singleAxisModel = seriesModel.getReferringComponents('singleAxis')[0];
if (__DEV__) {
if (!singleAxisModel) {
throw new Error('singleAxis should be specified.');
}
}
result.coordSysDims = ['single'];
axisMap.set('single', singleAxisModel);
if (isCategory(singleAxisModel)) {
categoryAxisMap.set('single', singleAxisModel);
result.firstCategoryDimIndex = 0;
}
},
polar: function (seriesModel, result, axisMap, categoryAxisMap) {
var polarModel = seriesModel.getReferringComponents('polar')[0];
var radiusAxisModel = polarModel.findAxisModel('radiusAxis');
var angleAxisModel = polarModel.findAxisModel('angleAxis');
if (__DEV__) {
if (!angleAxisModel) {
throw new Error('angleAxis option not found');
}
if (!radiusAxisModel) {
throw new Error('radiusAxis option not found');
}
}
result.coordSysDims = ['radius', 'angle'];
axisMap.set('radius', radiusAxisModel);
axisMap.set('angle', angleAxisModel);
if (isCategory(radiusAxisModel)) {
categoryAxisMap.set('radius', radiusAxisModel);
result.firstCategoryDimIndex = 0;
}
if (isCategory(angleAxisModel)) {
categoryAxisMap.set('angle', angleAxisModel);
result.firstCategoryDimIndex = 1;
}
},
geo: function (seriesModel, result, axisMap, categoryAxisMap) {
result.coordSysDims = ['lng', 'lat'];
},
parallel: function (seriesModel, result, axisMap, categoryAxisMap) {
var ecModel = seriesModel.ecModel;
var parallelModel = ecModel.getComponent(
'parallel', seriesModel.get('parallelIndex')
);
var coordSysDims = result.coordSysDims = parallelModel.dimensions.slice();
each$1(parallelModel.parallelAxisIndex, function (axisIndex, index) {
var axisModel = ecModel.getComponent('parallelAxis', axisIndex);
var axisDim = coordSysDims[index];
axisMap.set(axisDim, axisModel);
if (isCategory(axisModel) && result.firstCategoryDimIndex == null) {
categoryAxisMap.set(axisDim, axisModel);
result.firstCategoryDimIndex = index;
}
});
}
};
function isCategory(axisModel) {
return axisModel.get('type') === 'category';
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// Avoid typo.
var SOURCE_FORMAT_ORIGINAL = 'original';
var SOURCE_FORMAT_ARRAY_ROWS = 'arrayRows';
var SOURCE_FORMAT_OBJECT_ROWS = 'objectRows';
var SOURCE_FORMAT_KEYED_COLUMNS = 'keyedColumns';
var SOURCE_FORMAT_UNKNOWN = 'unknown';
// ??? CHANGE A NAME
var SOURCE_FORMAT_TYPED_ARRAY = 'typedArray';
var SERIES_LAYOUT_BY_COLUMN = 'column';
var SERIES_LAYOUT_BY_ROW = 'row';
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* [sourceFormat]
*
* + "original":
* This format is only used in series.data, where
* itemStyle can be specified in data item.
*
* + "arrayRows":
* [
* ['product', 'score', 'amount'],
* ['Matcha Latte', 89.3, 95.8],
* ['Milk Tea', 92.1, 89.4],
* ['Cheese Cocoa', 94.4, 91.2],
* ['Walnut Brownie', 85.4, 76.9]
* ]
*
* + "objectRows":
* [
* {product: 'Matcha Latte', score: 89.3, amount: 95.8},
* {product: 'Milk Tea', score: 92.1, amount: 89.4},
* {product: 'Cheese Cocoa', score: 94.4, amount: 91.2},
* {product: 'Walnut Brownie', score: 85.4, amount: 76.9}
* ]
*
* + "keyedColumns":
* {
* 'product': ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie'],
* 'count': [823, 235, 1042, 988],
* 'score': [95.8, 81.4, 91.2, 76.9]
* }
*
* + "typedArray"
*
* + "unknown"
*/
/**
* @constructor
* @param {Object} fields
* @param {string} fields.sourceFormat
* @param {Array|Object} fields.fromDataset
* @param {Array|Object} [fields.data]
* @param {string} [seriesLayoutBy='column']
* @param {Array.} [dimensionsDefine]
* @param {Objet|HashMap} [encodeDefine]
* @param {number} [startIndex=0]
* @param {number} [dimensionsDetectCount]
*/
function Source(fields) {
/**
* @type {boolean}
*/
this.fromDataset = fields.fromDataset;
/**
* Not null/undefined.
* @type {Array|Object}
*/
this.data = fields.data || (
fields.sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS ? {} : []
);
/**
* See also "detectSourceFormat".
* Not null/undefined.
* @type {string}
*/
this.sourceFormat = fields.sourceFormat || SOURCE_FORMAT_UNKNOWN;
/**
* 'row' or 'column'
* Not null/undefined.
* @type {string} seriesLayoutBy
*/
this.seriesLayoutBy = fields.seriesLayoutBy || SERIES_LAYOUT_BY_COLUMN;
/**
* dimensions definition in option.
* can be null/undefined.
* @type {Array.}
*/
this.dimensionsDefine = fields.dimensionsDefine;
/**
* encode definition in option.
* can be null/undefined.
* @type {Objet|HashMap}
*/
this.encodeDefine = fields.encodeDefine && createHashMap(fields.encodeDefine);
/**
* Not null/undefined, uint.
* @type {number}
*/
this.startIndex = fields.startIndex || 0;
/**
* Can be null/undefined (when unknown), uint.
* @type {number}
*/
this.dimensionsDetectCount = fields.dimensionsDetectCount;
}
/**
* Wrap original series data for some compatibility cases.
*/
Source.seriesDataToSource = function (data) {
return new Source({
data: data,
sourceFormat: isTypedArray(data)
? SOURCE_FORMAT_TYPED_ARRAY
: SOURCE_FORMAT_ORIGINAL,
fromDataset: false
});
};
enableClassCheck(Source);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var inner$3 = makeInner();
/**
* @see {module:echarts/data/Source}
* @param {module:echarts/component/dataset/DatasetModel} datasetModel
* @return {string} sourceFormat
*/
function detectSourceFormat(datasetModel) {
var data = datasetModel.option.source;
var sourceFormat = SOURCE_FORMAT_UNKNOWN;
if (isTypedArray(data)) {
sourceFormat = SOURCE_FORMAT_TYPED_ARRAY;
}
else if (isArray(data)) {
// FIXME Whether tolerate null in top level array?
if (data.length === 0) {
sourceFormat = SOURCE_FORMAT_ARRAY_ROWS;
}
for (var i = 0, len = data.length; i < len; i++) {
var item = data[i];
if (item == null) {
continue;
}
else if (isArray(item)) {
sourceFormat = SOURCE_FORMAT_ARRAY_ROWS;
break;
}
else if (isObject$1(item)) {
sourceFormat = SOURCE_FORMAT_OBJECT_ROWS;
break;
}
}
}
else if (isObject$1(data)) {
for (var key in data) {
if (data.hasOwnProperty(key) && isArrayLike(data[key])) {
sourceFormat = SOURCE_FORMAT_KEYED_COLUMNS;
break;
}
}
}
else if (data != null) {
throw new Error('Invalid data');
}
inner$3(datasetModel).sourceFormat = sourceFormat;
}
/**
* [Scenarios]:
* (1) Provide source data directly:
* series: {
* encode: {...},
* dimensions: [...]
* seriesLayoutBy: 'row',
* data: [[...]]
* }
* (2) Refer to datasetModel.
* series: [{
* encode: {...}
* // Ignore datasetIndex means `datasetIndex: 0`
* // and the dimensions defination in dataset is used
* }, {
* encode: {...},
* seriesLayoutBy: 'column',
* datasetIndex: 1
* }]
*
* Get data from series itself or datset.
* @return {module:echarts/data/Source} source
*/
function getSource(seriesModel) {
return inner$3(seriesModel).source;
}
/**
* MUST be called before mergeOption of all series.
* @param {module:echarts/model/Global} ecModel
*/
function resetSourceDefaulter(ecModel) {
// `datasetMap` is used to make default encode.
inner$3(ecModel).datasetMap = createHashMap();
}
/**
* [Caution]:
* MUST be called after series option merged and
* before "series.getInitailData()" called.
*
* [The rule of making default encode]:
* Category axis (if exists) alway map to the first dimension.
* Each other axis occupies a subsequent dimension.
*
* [Why make default encode]:
* Simplify the typing of encode in option, avoiding the case like that:
* series: [{encode: {x: 0, y: 1}}, {encode: {x: 0, y: 2}}, {encode: {x: 0, y: 3}}],
* where the "y" have to be manually typed as "1, 2, 3, ...".
*
* @param {module:echarts/model/Series} seriesModel
*/
function prepareSource(seriesModel) {
var seriesOption = seriesModel.option;
var data = seriesOption.data;
var sourceFormat = isTypedArray(data)
? SOURCE_FORMAT_TYPED_ARRAY : SOURCE_FORMAT_ORIGINAL;
var fromDataset = false;
var seriesLayoutBy = seriesOption.seriesLayoutBy;
var sourceHeader = seriesOption.sourceHeader;
var dimensionsDefine = seriesOption.dimensions;
var datasetModel = getDatasetModel(seriesModel);
if (datasetModel) {
var datasetOption = datasetModel.option;
data = datasetOption.source;
sourceFormat = inner$3(datasetModel).sourceFormat;
fromDataset = true;
// These settings from series has higher priority.
seriesLayoutBy = seriesLayoutBy || datasetOption.seriesLayoutBy;
sourceHeader == null && (sourceHeader = datasetOption.sourceHeader);
dimensionsDefine = dimensionsDefine || datasetOption.dimensions;
}
var completeResult = completeBySourceData(
data, sourceFormat, seriesLayoutBy, sourceHeader, dimensionsDefine
);
// Note: dataset option does not have `encode`.
var encodeDefine = seriesOption.encode;
if (!encodeDefine && datasetModel) {
encodeDefine = makeDefaultEncode(
seriesModel, datasetModel, data, sourceFormat, seriesLayoutBy, completeResult
);
}
inner$3(seriesModel).source = new Source({
data: data,
fromDataset: fromDataset,
seriesLayoutBy: seriesLayoutBy,
sourceFormat: sourceFormat,
dimensionsDefine: completeResult.dimensionsDefine,
startIndex: completeResult.startIndex,
dimensionsDetectCount: completeResult.dimensionsDetectCount,
encodeDefine: encodeDefine
});
}
// return {startIndex, dimensionsDefine, dimensionsCount}
function completeBySourceData(data, sourceFormat, seriesLayoutBy, sourceHeader, dimensionsDefine) {
if (!data) {
return {dimensionsDefine: normalizeDimensionsDefine(dimensionsDefine)};
}
var dimensionsDetectCount;
var startIndex;
var findPotentialName;
if (sourceFormat === SOURCE_FORMAT_ARRAY_ROWS) {
// Rule: Most of the first line are string: it is header.
// Caution: consider a line with 5 string and 1 number,
// it still can not be sure it is a head, because the
// 5 string may be 5 values of category columns.
if (sourceHeader === 'auto' || sourceHeader == null) {
arrayRowsTravelFirst(function (val) {
// '-' is regarded as null/undefined.
if (val != null && val !== '-') {
if (isString(val)) {
startIndex == null && (startIndex = 1);
}
else {
startIndex = 0;
}
}
// 10 is an experience number, avoid long loop.
}, seriesLayoutBy, data, 10);
}
else {
startIndex = sourceHeader ? 1 : 0;
}
if (!dimensionsDefine && startIndex === 1) {
dimensionsDefine = [];
arrayRowsTravelFirst(function (val, index) {
dimensionsDefine[index] = val != null ? val : '';
}, seriesLayoutBy, data);
}
dimensionsDetectCount = dimensionsDefine
? dimensionsDefine.length
: seriesLayoutBy === SERIES_LAYOUT_BY_ROW
? data.length
: data[0]
? data[0].length
: null;
}
else if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS) {
if (!dimensionsDefine) {
dimensionsDefine = objectRowsCollectDimensions(data);
findPotentialName = true;
}
}
else if (sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
if (!dimensionsDefine) {
dimensionsDefine = [];
findPotentialName = true;
each$1(data, function (colArr, key) {
dimensionsDefine.push(key);
});
}
}
else if (sourceFormat === SOURCE_FORMAT_ORIGINAL) {
var value0 = getDataItemValue(data[0]);
dimensionsDetectCount = isArray(value0) && value0.length || 1;
}
else if (sourceFormat === SOURCE_FORMAT_TYPED_ARRAY) {
if (__DEV__) {
assert$1(!!dimensionsDefine, 'dimensions must be given if data is TypedArray.');
}
}
var potentialNameDimIndex;
if (findPotentialName) {
each$1(dimensionsDefine, function (dim, idx) {
if ((isObject$1(dim) ? dim.name : dim) === 'name') {
potentialNameDimIndex = idx;
}
});
}
return {
startIndex: startIndex,
dimensionsDefine: normalizeDimensionsDefine(dimensionsDefine),
dimensionsDetectCount: dimensionsDetectCount,
potentialNameDimIndex: potentialNameDimIndex
// TODO: potentialIdDimIdx
};
}
// Consider dimensions defined like ['A', 'price', 'B', 'price', 'C', 'price'],
// which is reasonable. But dimension name is duplicated.
// Returns undefined or an array contains only object without null/undefiend or string.
function normalizeDimensionsDefine(dimensionsDefine) {
if (!dimensionsDefine) {
// The meaning of null/undefined is different from empty array.
return;
}
var nameMap = createHashMap();
return map(dimensionsDefine, function (item, index) {
item = extend({}, isObject$1(item) ? item : {name: item});
// User can set null in dimensions.
// We dont auto specify name, othewise a given name may
// cause it be refered unexpectedly.
if (item.name == null) {
return item;
}
// Also consider number form like 2012.
item.name += '';
// User may also specify displayName.
// displayName will always exists except user not
// specified or dim name is not specified or detected.
// (A auto generated dim name will not be used as
// displayName).
if (item.displayName == null) {
item.displayName = item.name;
}
var exist = nameMap.get(item.name);
if (!exist) {
nameMap.set(item.name, {count: 1});
}
else {
item.name += '-' + exist.count++;
}
return item;
});
}
function arrayRowsTravelFirst(cb, seriesLayoutBy, data, maxLoop) {
maxLoop == null && (maxLoop = Infinity);
if (seriesLayoutBy === SERIES_LAYOUT_BY_ROW) {
for (var i = 0; i < data.length && i < maxLoop; i++) {
cb(data[i] ? data[i][0] : null, i);
}
}
else {
var value0 = data[0] || [];
for (var i = 0; i < value0.length && i < maxLoop; i++) {
cb(value0[i], i);
}
}
}
function objectRowsCollectDimensions(data) {
var firstIndex = 0;
var obj;
while (firstIndex < data.length && !(obj = data[firstIndex++])) {} // jshint ignore: line
if (obj) {
var dimensions = [];
each$1(obj, function (value, key) {
dimensions.push(key);
});
return dimensions;
}
}
// ??? TODO merge to completedimensions, where also has
// default encode making logic. And the default rule
// should depends on series? consider 'map'.
function makeDefaultEncode(
seriesModel, datasetModel, data, sourceFormat, seriesLayoutBy, completeResult
) {
var coordSysDefine = getCoordSysDefineBySeries(seriesModel);
var encode = {};
// var encodeTooltip = [];
// var encodeLabel = [];
var encodeItemName = [];
var encodeSeriesName = [];
var seriesType = seriesModel.subType;
// ??? TODO refactor: provide by series itself.
// Consider the case: 'map' series is based on geo coordSys,
// 'graph', 'heatmap' can be based on cartesian. But can not
// give default rule simply here.
var nSeriesMap = createHashMap(['pie', 'map', 'funnel']);
var cSeriesMap = createHashMap([
'line', 'bar', 'pictorialBar', 'scatter', 'effectScatter', 'candlestick', 'boxplot'
]);
// Usually in this case series will use the first data
// dimension as the "value" dimension, or other default
// processes respectively.
if (coordSysDefine && cSeriesMap.get(seriesType) != null) {
var ecModel = seriesModel.ecModel;
var datasetMap = inner$3(ecModel).datasetMap;
var key = datasetModel.uid + '_' + seriesLayoutBy;
var datasetRecord = datasetMap.get(key)
|| datasetMap.set(key, {categoryWayDim: 1, valueWayDim: 0});
// TODO
// Auto detect first time axis and do arrangement.
each$1(coordSysDefine.coordSysDims, function (coordDim) {
// In value way.
if (coordSysDefine.firstCategoryDimIndex == null) {
var dataDim = datasetRecord.valueWayDim++;
encode[coordDim] = dataDim;
// ??? TODO give a better default series name rule?
// especially when encode x y specified.
// consider: when mutiple series share one dimension
// category axis, series name should better use
// the other dimsion name. On the other hand, use
// both dimensions name.
encodeSeriesName.push(dataDim);
// encodeTooltip.push(dataDim);
// encodeLabel.push(dataDim);
}
// In category way, category axis.
else if (coordSysDefine.categoryAxisMap.get(coordDim)) {
encode[coordDim] = 0;
encodeItemName.push(0);
}
// In category way, non-category axis.
else {
var dataDim = datasetRecord.categoryWayDim++;
encode[coordDim] = dataDim;
// encodeTooltip.push(dataDim);
// encodeLabel.push(dataDim);
encodeSeriesName.push(dataDim);
}
});
}
// Do not make a complex rule! Hard to code maintain and not necessary.
// ??? TODO refactor: provide by series itself.
// [{name: ..., value: ...}, ...] like:
else if (nSeriesMap.get(seriesType) != null) {
// Find the first not ordinal. (5 is an experience value)
var firstNotOrdinal;
for (var i = 0; i < 5 && firstNotOrdinal == null; i++) {
if (!doGuessOrdinal(
data, sourceFormat, seriesLayoutBy,
completeResult.dimensionsDefine, completeResult.startIndex, i
)) {
firstNotOrdinal = i;
}
}
if (firstNotOrdinal != null) {
encode.value = firstNotOrdinal;
var nameDimIndex = completeResult.potentialNameDimIndex
|| Math.max(firstNotOrdinal - 1, 0);
// By default, label use itemName in charts.
// So we dont set encodeLabel here.
encodeSeriesName.push(nameDimIndex);
encodeItemName.push(nameDimIndex);
// encodeTooltip.push(firstNotOrdinal);
}
}
// encodeTooltip.length && (encode.tooltip = encodeTooltip);
// encodeLabel.length && (encode.label = encodeLabel);
encodeItemName.length && (encode.itemName = encodeItemName);
encodeSeriesName.length && (encode.seriesName = encodeSeriesName);
return encode;
}
/**
* If return null/undefined, indicate that should not use datasetModel.
*/
function getDatasetModel(seriesModel) {
var option = seriesModel.option;
// Caution: consider the scenario:
// A dataset is declared and a series is not expected to use the dataset,
// and at the beginning `setOption({series: { noData })` (just prepare other
// option but no data), then `setOption({series: {data: [...]}); In this case,
// the user should set an empty array to avoid that dataset is used by default.
var thisData = option.data;
if (!thisData) {
return seriesModel.ecModel.getComponent('dataset', option.datasetIndex || 0);
}
}
/**
* The rule should not be complex, otherwise user might not
* be able to known where the data is wrong.
* The code is ugly, but how to make it neat?
*
* @param {module:echars/data/Source} source
* @param {number} dimIndex
* @return {boolean} Whether ordinal.
*/
function guessOrdinal(source, dimIndex) {
return doGuessOrdinal(
source.data,
source.sourceFormat,
source.seriesLayoutBy,
source.dimensionsDefine,
source.startIndex,
dimIndex
);
}
// dimIndex may be overflow source data.
function doGuessOrdinal(
data, sourceFormat, seriesLayoutBy, dimensionsDefine, startIndex, dimIndex
) {
var result;
// Experience value.
var maxLoop = 5;
if (isTypedArray(data)) {
return false;
}
// When sourceType is 'objectRows' or 'keyedColumns', dimensionsDefine
// always exists in source.
var dimName;
if (dimensionsDefine) {
dimName = dimensionsDefine[dimIndex];
dimName = isObject$1(dimName) ? dimName.name : dimName;
}
if (sourceFormat === SOURCE_FORMAT_ARRAY_ROWS) {
if (seriesLayoutBy === SERIES_LAYOUT_BY_ROW) {
var sample = data[dimIndex];
for (var i = 0; i < (sample || []).length && i < maxLoop; i++) {
if ((result = detectValue(sample[startIndex + i])) != null) {
return result;
}
}
}
else {
for (var i = 0; i < data.length && i < maxLoop; i++) {
var row = data[startIndex + i];
if (row && (result = detectValue(row[dimIndex])) != null) {
return result;
}
}
}
}
else if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS) {
if (!dimName) {
return;
}
for (var i = 0; i < data.length && i < maxLoop; i++) {
var item = data[i];
if (item && (result = detectValue(item[dimName])) != null) {
return result;
}
}
}
else if (sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
if (!dimName) {
return;
}
var sample = data[dimName];
if (!sample || isTypedArray(sample)) {
return false;
}
for (var i = 0; i < sample.length && i < maxLoop; i++) {
if ((result = detectValue(sample[i])) != null) {
return result;
}
}
}
else if (sourceFormat === SOURCE_FORMAT_ORIGINAL) {
for (var i = 0; i < data.length && i < maxLoop; i++) {
var item = data[i];
var val = getDataItemValue(item);
if (!isArray(val)) {
return false;
}
if ((result = detectValue(val[dimIndex])) != null) {
return result;
}
}
}
function detectValue(val) {
// Consider usage convenience, '1', '2' will be treated as "number".
// `isFinit('')` get `true`.
if (val != null && isFinite(val) && val !== '') {
return false;
}
else if (isString(val) && val !== '-') {
return true;
}
}
return false;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* ECharts global model
*
* @module {echarts/model/Global}
*/
/**
* Caution: If the mechanism should be changed some day, these cases
* should be considered:
*
* (1) In `merge option` mode, if using the same option to call `setOption`
* many times, the result should be the same (try our best to ensure that).
* (2) In `merge option` mode, if a component has no id/name specified, it
* will be merged by index, and the result sequence of the components is
* consistent to the original sequence.
* (3) `reset` feature (in toolbox). Find detailed info in comments about
* `mergeOption` in module:echarts/model/OptionManager.
*/
var OPTION_INNER_KEY = '\0_ec_inner';
/**
* @alias module:echarts/model/Global
*
* @param {Object} option
* @param {module:echarts/model/Model} parentModel
* @param {Object} theme
*/
var GlobalModel = Model.extend({
init: function (option, parentModel, theme, optionManager) {
theme = theme || {};
this.option = null; // Mark as not initialized.
/**
* @type {module:echarts/model/Model}
* @private
*/
this._theme = new Model(theme);
/**
* @type {module:echarts/model/OptionManager}
*/
this._optionManager = optionManager;
},
setOption: function (option, optionPreprocessorFuncs) {
assert$1(
!(OPTION_INNER_KEY in option),
'please use chart.getOption()'
);
this._optionManager.setOption(option, optionPreprocessorFuncs);
this.resetOption(null);
},
/**
* @param {string} type null/undefined: reset all.
* 'recreate': force recreate all.
* 'timeline': only reset timeline option
* 'media': only reset media query option
* @return {boolean} Whether option changed.
*/
resetOption: function (type) {
var optionChanged = false;
var optionManager = this._optionManager;
if (!type || type === 'recreate') {
var baseOption = optionManager.mountOption(type === 'recreate');
if (!this.option || type === 'recreate') {
initBase.call(this, baseOption);
}
else {
this.restoreData();
this.mergeOption(baseOption);
}
optionChanged = true;
}
if (type === 'timeline' || type === 'media') {
this.restoreData();
}
if (!type || type === 'recreate' || type === 'timeline') {
var timelineOption = optionManager.getTimelineOption(this);
timelineOption && (this.mergeOption(timelineOption), optionChanged = true);
}
if (!type || type === 'recreate' || type === 'media') {
var mediaOptions = optionManager.getMediaOption(this, this._api);
if (mediaOptions.length) {
each$1(mediaOptions, function (mediaOption) {
this.mergeOption(mediaOption, optionChanged = true);
}, this);
}
}
return optionChanged;
},
/**
* @protected
*/
mergeOption: function (newOption) {
var option = this.option;
var componentsMap = this._componentsMap;
var newCptTypes = [];
resetSourceDefaulter(this);
// If no component class, merge directly.
// For example: color, animaiton options, etc.
each$1(newOption, function (componentOption, mainType) {
if (componentOption == null) {
return;
}
if (!ComponentModel.hasClass(mainType)) {
// globalSettingTask.dirty();
option[mainType] = option[mainType] == null
? clone(componentOption)
: merge(option[mainType], componentOption, true);
}
else if (mainType) {
newCptTypes.push(mainType);
}
});
ComponentModel.topologicalTravel(
newCptTypes, ComponentModel.getAllClassMainTypes(), visitComponent, this
);
function visitComponent(mainType, dependencies) {
var newCptOptionList = normalizeToArray(newOption[mainType]);
var mapResult = mappingToExists(
componentsMap.get(mainType), newCptOptionList
);
makeIdAndName(mapResult);
// Set mainType and complete subType.
each$1(mapResult, function (item, index) {
var opt = item.option;
if (isObject$1(opt)) {
item.keyInfo.mainType = mainType;
item.keyInfo.subType = determineSubType(mainType, opt, item.exist);
}
});
var dependentModels = getComponentsByTypes(
componentsMap, dependencies
);
option[mainType] = [];
componentsMap.set(mainType, []);
each$1(mapResult, function (resultItem, index) {
var componentModel = resultItem.exist;
var newCptOption = resultItem.option;
assert$1(
isObject$1(newCptOption) || componentModel,
'Empty component definition'
);
// Consider where is no new option and should be merged using {},
// see removeEdgeAndAdd in topologicalTravel and
// ComponentModel.getAllClassMainTypes.
if (!newCptOption) {
componentModel.mergeOption({}, this);
componentModel.optionUpdated({}, false);
}
else {
var ComponentModelClass = ComponentModel.getClass(
mainType, resultItem.keyInfo.subType, true
);
if (componentModel && componentModel instanceof ComponentModelClass) {
componentModel.name = resultItem.keyInfo.name;
// componentModel.settingTask && componentModel.settingTask.dirty();
componentModel.mergeOption(newCptOption, this);
componentModel.optionUpdated(newCptOption, false);
}
else {
// PENDING Global as parent ?
var extraOpt = extend(
{
dependentModels: dependentModels,
componentIndex: index
},
resultItem.keyInfo
);
componentModel = new ComponentModelClass(
newCptOption, this, this, extraOpt
);
extend(componentModel, extraOpt);
componentModel.init(newCptOption, this, this, extraOpt);
// Call optionUpdated after init.
// newCptOption has been used as componentModel.option
// and may be merged with theme and default, so pass null
// to avoid confusion.
componentModel.optionUpdated(null, true);
}
}
componentsMap.get(mainType)[index] = componentModel;
option[mainType][index] = componentModel.option;
}, this);
// Backup series for filtering.
if (mainType === 'series') {
createSeriesIndices(this, componentsMap.get('series'));
}
}
this._seriesIndicesMap = createHashMap(
this._seriesIndices = this._seriesIndices || []
);
},
/**
* Get option for output (cloned option and inner info removed)
* @public
* @return {Object}
*/
getOption: function () {
var option = clone(this.option);
each$1(option, function (opts, mainType) {
if (ComponentModel.hasClass(mainType)) {
var opts = normalizeToArray(opts);
for (var i = opts.length - 1; i >= 0; i--) {
// Remove options with inner id.
if (isIdInner(opts[i])) {
opts.splice(i, 1);
}
}
option[mainType] = opts;
}
});
delete option[OPTION_INNER_KEY];
return option;
},
/**
* @return {module:echarts/model/Model}
*/
getTheme: function () {
return this._theme;
},
/**
* @param {string} mainType
* @param {number} [idx=0]
* @return {module:echarts/model/Component}
*/
getComponent: function (mainType, idx) {
var list = this._componentsMap.get(mainType);
if (list) {
return list[idx || 0];
}
},
/**
* If none of index and id and name used, return all components with mainType.
* @param {Object} condition
* @param {string} condition.mainType
* @param {string} [condition.subType] If ignore, only query by mainType
* @param {number|Array.} [condition.index] Either input index or id or name.
* @param {string|Array.} [condition.id] Either input index or id or name.
* @param {string|Array.} [condition.name] Either input index or id or name.
* @return {Array.}
*/
queryComponents: function (condition) {
var mainType = condition.mainType;
if (!mainType) {
return [];
}
var index = condition.index;
var id = condition.id;
var name = condition.name;
var cpts = this._componentsMap.get(mainType);
if (!cpts || !cpts.length) {
return [];
}
var result;
if (index != null) {
if (!isArray(index)) {
index = [index];
}
result = filter(map(index, function (idx) {
return cpts[idx];
}), function (val) {
return !!val;
});
}
else if (id != null) {
var isIdArray = isArray(id);
result = filter(cpts, function (cpt) {
return (isIdArray && indexOf(id, cpt.id) >= 0)
|| (!isIdArray && cpt.id === id);
});
}
else if (name != null) {
var isNameArray = isArray(name);
result = filter(cpts, function (cpt) {
return (isNameArray && indexOf(name, cpt.name) >= 0)
|| (!isNameArray && cpt.name === name);
});
}
else {
// Return all components with mainType
result = cpts.slice();
}
return filterBySubType(result, condition);
},
/**
* The interface is different from queryComponents,
* which is convenient for inner usage.
*
* @usage
* var result = findComponents(
* {mainType: 'dataZoom', query: {dataZoomId: 'abc'}}
* );
* var result = findComponents(
* {mainType: 'series', subType: 'pie', query: {seriesName: 'uio'}}
* );
* var result = findComponents(
* {mainType: 'series'},
* function (model, index) {...}
* );
* // result like [component0, componnet1, ...]
*
* @param {Object} condition
* @param {string} condition.mainType Mandatory.
* @param {string} [condition.subType] Optional.
* @param {Object} [condition.query] like {xxxIndex, xxxId, xxxName},
* where xxx is mainType.
* If query attribute is null/undefined or has no index/id/name,
* do not filtering by query conditions, which is convenient for
* no-payload situations or when target of action is global.
* @param {Function} [condition.filter] parameter: component, return boolean.
* @return {Array.}
*/
findComponents: function (condition) {
var query = condition.query;
var mainType = condition.mainType;
var queryCond = getQueryCond(query);
var result = queryCond
? this.queryComponents(queryCond)
: this._componentsMap.get(mainType);
return doFilter(filterBySubType(result, condition));
function getQueryCond(q) {
var indexAttr = mainType + 'Index';
var idAttr = mainType + 'Id';
var nameAttr = mainType + 'Name';
return q && (
q[indexAttr] != null
|| q[idAttr] != null
|| q[nameAttr] != null
)
? {
mainType: mainType,
// subType will be filtered finally.
index: q[indexAttr],
id: q[idAttr],
name: q[nameAttr]
}
: null;
}
function doFilter(res) {
return condition.filter
? filter(res, condition.filter)
: res;
}
},
/**
* @usage
* eachComponent('legend', function (legendModel, index) {
* ...
* });
* eachComponent(function (componentType, model, index) {
* // componentType does not include subType
* // (componentType is 'xxx' but not 'xxx.aa')
* });
* eachComponent(
* {mainType: 'dataZoom', query: {dataZoomId: 'abc'}},
* function (model, index) {...}
* );
* eachComponent(
* {mainType: 'series', subType: 'pie', query: {seriesName: 'uio'}},
* function (model, index) {...}
* );
*
* @param {string|Object=} mainType When mainType is object, the definition
* is the same as the method 'findComponents'.
* @param {Function} cb
* @param {*} context
*/
eachComponent: function (mainType, cb, context) {
var componentsMap = this._componentsMap;
if (typeof mainType === 'function') {
context = cb;
cb = mainType;
componentsMap.each(function (components, componentType) {
each$1(components, function (component, index) {
cb.call(context, componentType, component, index);
});
});
}
else if (isString(mainType)) {
each$1(componentsMap.get(mainType), cb, context);
}
else if (isObject$1(mainType)) {
var queryResult = this.findComponents(mainType);
each$1(queryResult, cb, context);
}
},
/**
* @param {string} name
* @return {Array.}
*/
getSeriesByName: function (name) {
var series = this._componentsMap.get('series');
return filter(series, function (oneSeries) {
return oneSeries.name === name;
});
},
/**
* @param {number} seriesIndex
* @return {module:echarts/model/Series}
*/
getSeriesByIndex: function (seriesIndex) {
return this._componentsMap.get('series')[seriesIndex];
},
/**
* Get series list before filtered by type.
* FIXME: rename to getRawSeriesByType?
*
* @param {string} subType
* @return {Array.}
*/
getSeriesByType: function (subType) {
var series = this._componentsMap.get('series');
return filter(series, function (oneSeries) {
return oneSeries.subType === subType;
});
},
/**
* @return {Array.}
*/
getSeries: function () {
return this._componentsMap.get('series').slice();
},
/**
* @return {number}
*/
getSeriesCount: function () {
return this._componentsMap.get('series').length;
},
/**
* After filtering, series may be different
* frome raw series.
*
* @param {Function} cb
* @param {*} context
*/
eachSeries: function (cb, context) {
assertSeriesInitialized(this);
each$1(this._seriesIndices, function (rawSeriesIndex) {
var series = this._componentsMap.get('series')[rawSeriesIndex];
cb.call(context, series, rawSeriesIndex);
}, this);
},
/**
* Iterate raw series before filtered.
*
* @param {Function} cb
* @param {*} context
*/
eachRawSeries: function (cb, context) {
each$1(this._componentsMap.get('series'), cb, context);
},
/**
* After filtering, series may be different.
* frome raw series.
*
* @param {string} subType.
* @param {Function} cb
* @param {*} context
*/
eachSeriesByType: function (subType, cb, context) {
assertSeriesInitialized(this);
each$1(this._seriesIndices, function (rawSeriesIndex) {
var series = this._componentsMap.get('series')[rawSeriesIndex];
if (series.subType === subType) {
cb.call(context, series, rawSeriesIndex);
}
}, this);
},
/**
* Iterate raw series before filtered of given type.
*
* @parma {string} subType
* @param {Function} cb
* @param {*} context
*/
eachRawSeriesByType: function (subType, cb, context) {
return each$1(this.getSeriesByType(subType), cb, context);
},
/**
* @param {module:echarts/model/Series} seriesModel
*/
isSeriesFiltered: function (seriesModel) {
assertSeriesInitialized(this);
return this._seriesIndicesMap.get(seriesModel.componentIndex) == null;
},
/**
* @return {Array.}
*/
getCurrentSeriesIndices: function () {
return (this._seriesIndices || []).slice();
},
/**
* @param {Function} cb
* @param {*} context
*/
filterSeries: function (cb, context) {
assertSeriesInitialized(this);
var filteredSeries = filter(
this._componentsMap.get('series'), cb, context
);
createSeriesIndices(this, filteredSeries);
},
restoreData: function (payload) {
var componentsMap = this._componentsMap;
createSeriesIndices(this, componentsMap.get('series'));
var componentTypes = [];
componentsMap.each(function (components, componentType) {
componentTypes.push(componentType);
});
ComponentModel.topologicalTravel(
componentTypes,
ComponentModel.getAllClassMainTypes(),
function (componentType, dependencies) {
each$1(componentsMap.get(componentType), function (component) {
(componentType !== 'series' || !isNotTargetSeries(component, payload))
&& component.restoreData();
});
}
);
}
});
function isNotTargetSeries(seriesModel, payload) {
if (payload) {
var index = payload.seiresIndex;
var id = payload.seriesId;
var name = payload.seriesName;
return (index != null && seriesModel.componentIndex !== index)
|| (id != null && seriesModel.id !== id)
|| (name != null && seriesModel.name !== name);
}
}
/**
* @inner
*/
function mergeTheme(option, theme) {
// PENDING
// NOT use `colorLayer` in theme if option has `color`
var notMergeColorLayer = option.color && !option.colorLayer;
each$1(theme, function (themeItem, name) {
if (name === 'colorLayer' && notMergeColorLayer) {
return;
}
// 如果有 component model 则把具体的 merge 逻辑交给该 model 处理
if (!ComponentModel.hasClass(name)) {
if (typeof themeItem === 'object') {
option[name] = !option[name]
? clone(themeItem)
: merge(option[name], themeItem, false);
}
else {
if (option[name] == null) {
option[name] = themeItem;
}
}
}
});
}
function initBase(baseOption) {
baseOption = baseOption;
// Using OPTION_INNER_KEY to mark that this option can not be used outside,
// i.e. `chart.setOption(chart.getModel().option);` is forbiden.
this.option = {};
this.option[OPTION_INNER_KEY] = 1;
/**
* Init with series: [], in case of calling findSeries method
* before series initialized.
* @type {Object.>}
* @private
*/
this._componentsMap = createHashMap({series: []});
/**
* Mapping between filtered series list and raw series list.
* key: filtered series indices, value: raw series indices.
* @type {Array.}
* @private
*/
this._seriesIndices;
this._seriesIndicesMap;
mergeTheme(baseOption, this._theme.option);
// TODO Needs clone when merging to the unexisted property
merge(baseOption, globalDefault, false);
this.mergeOption(baseOption);
}
/**
* @inner
* @param {Array.|string} types model types
* @return {Object} key: {string} type, value: {Array.} models
*/
function getComponentsByTypes(componentsMap, types) {
if (!isArray(types)) {
types = types ? [types] : [];
}
var ret = {};
each$1(types, function (type) {
ret[type] = (componentsMap.get(type) || []).slice();
});
return ret;
}
/**
* @inner
*/
function determineSubType(mainType, newCptOption, existComponent) {
var subType = newCptOption.type
? newCptOption.type
: existComponent
? existComponent.subType
// Use determineSubType only when there is no existComponent.
: ComponentModel.determineSubType(mainType, newCptOption);
// tooltip, markline, markpoint may always has no subType
return subType;
}
/**
* @inner
*/
function createSeriesIndices(ecModel, seriesModels) {
ecModel._seriesIndicesMap = createHashMap(
ecModel._seriesIndices = map(seriesModels, function (series) {
return series.componentIndex;
}) || []
);
}
/**
* @inner
*/
function filterBySubType(components, condition) {
// Using hasOwnProperty for restrict. Consider
// subType is undefined in user payload.
return condition.hasOwnProperty('subType')
? filter(components, function (cpt) {
return cpt.subType === condition.subType;
})
: components;
}
/**
* @inner
*/
function assertSeriesInitialized(ecModel) {
// Components that use _seriesIndices should depends on series component,
// which make sure that their initialization is after series.
if (__DEV__) {
if (!ecModel._seriesIndices) {
throw new Error('Option should contains series.');
}
}
}
mixin(GlobalModel, colorPaletteMixin);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var echartsAPIList = [
'getDom', 'getZr', 'getWidth', 'getHeight', 'getDevicePixelRatio', 'dispatchAction', 'isDisposed',
'on', 'off', 'getDataURL', 'getConnectedDataURL', 'getModel', 'getOption',
'getViewOfComponentModel', 'getViewOfSeriesModel'
];
// And `getCoordinateSystems` and `getComponentByElement` will be injected in echarts.js
function ExtensionAPI(chartInstance) {
each$1(echartsAPIList, function (name) {
this[name] = bind(chartInstance[name], chartInstance);
}, this);
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var coordinateSystemCreators = {};
function CoordinateSystemManager() {
this._coordinateSystems = [];
}
CoordinateSystemManager.prototype = {
constructor: CoordinateSystemManager,
create: function (ecModel, api) {
var coordinateSystems = [];
each$1(coordinateSystemCreators, function (creater, type) {
var list = creater.create(ecModel, api);
coordinateSystems = coordinateSystems.concat(list || []);
});
this._coordinateSystems = coordinateSystems;
},
update: function (ecModel, api) {
each$1(this._coordinateSystems, function (coordSys) {
coordSys.update && coordSys.update(ecModel, api);
});
},
getCoordinateSystems: function () {
return this._coordinateSystems.slice();
}
};
CoordinateSystemManager.register = function (type, coordinateSystemCreator) {
coordinateSystemCreators[type] = coordinateSystemCreator;
};
CoordinateSystemManager.get = function (type) {
return coordinateSystemCreators[type];
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* ECharts option manager
*
* @module {echarts/model/OptionManager}
*/
var each$4 = each$1;
var clone$3 = clone;
var map$1 = map;
var merge$1 = merge;
var QUERY_REG = /^(min|max)?(.+)$/;
/**
* TERM EXPLANATIONS:
*
* [option]:
*
* An object that contains definitions of components. For example:
* var option = {
* title: {...},
* legend: {...},
* visualMap: {...},
* series: [
* {data: [...]},
* {data: [...]},
* ...
* ]
* };
*
* [rawOption]:
*
* An object input to echarts.setOption. 'rawOption' may be an
* 'option', or may be an object contains multi-options. For example:
* var option = {
* baseOption: {
* title: {...},
* legend: {...},
* series: [
* {data: [...]},
* {data: [...]},
* ...
* ]
* },
* timeline: {...},
* options: [
* {title: {...}, series: {data: [...]}},
* {title: {...}, series: {data: [...]}},
* ...
* ],
* media: [
* {
* query: {maxWidth: 320},
* option: {series: {x: 20}, visualMap: {show: false}}
* },
* {
* query: {minWidth: 320, maxWidth: 720},
* option: {series: {x: 500}, visualMap: {show: true}}
* },
* {
* option: {series: {x: 1200}, visualMap: {show: true}}
* }
* ]
* };
*
* @alias module:echarts/model/OptionManager
* @param {module:echarts/ExtensionAPI} api
*/
function OptionManager(api) {
/**
* @private
* @type {module:echarts/ExtensionAPI}
*/
this._api = api;
/**
* @private
* @type {Array.}
*/
this._timelineOptions = [];
/**
* @private
* @type {Array.}
*/
this._mediaList = [];
/**
* @private
* @type {Object}
*/
this._mediaDefault;
/**
* -1, means default.
* empty means no media.
* @private
* @type {Array.}
*/
this._currentMediaIndices = [];
/**
* @private
* @type {Object}
*/
this._optionBackup;
/**
* @private
* @type {Object}
*/
this._newBaseOption;
}
// timeline.notMerge is not supported in ec3. Firstly there is rearly
// case that notMerge is needed. Secondly supporting 'notMerge' requires
// rawOption cloned and backuped when timeline changed, which does no
// good to performance. What's more, that both timeline and setOption
// method supply 'notMerge' brings complex and some problems.
// Consider this case:
// (step1) chart.setOption({timeline: {notMerge: false}, ...}, false);
// (step2) chart.setOption({timeline: {notMerge: true}, ...}, false);
OptionManager.prototype = {
constructor: OptionManager,
/**
* @public
* @param {Object} rawOption Raw option.
* @param {module:echarts/model/Global} ecModel
* @param {Array.} optionPreprocessorFuncs
* @return {Object} Init option
*/
setOption: function (rawOption, optionPreprocessorFuncs) {
if (rawOption) {
// That set dat primitive is dangerous if user reuse the data when setOption again.
each$1(normalizeToArray(rawOption.series), function (series) {
series && series.data && isTypedArray(series.data) && setAsPrimitive(series.data);
});
}
// Caution: some series modify option data, if do not clone,
// it should ensure that the repeat modify correctly
// (create a new object when modify itself).
rawOption = clone$3(rawOption);
// FIXME
// 如果 timeline options 或者 media 中设置了某个属性，而baseOption中没有设置，则进行警告。
var oldOptionBackup = this._optionBackup;
var newParsedOption = parseRawOption.call(
this, rawOption, optionPreprocessorFuncs, !oldOptionBackup
);
this._newBaseOption = newParsedOption.baseOption;
// For setOption at second time (using merge mode);
if (oldOptionBackup) {
// Only baseOption can be merged.
mergeOption(oldOptionBackup.baseOption, newParsedOption.baseOption);
// For simplicity, timeline options and media options do not support merge,
// that is, if you `setOption` twice and both has timeline options, the latter
// timeline opitons will not be merged to the formers, but just substitude them.
if (newParsedOption.timelineOptions.length) {
oldOptionBackup.timelineOptions = newParsedOption.timelineOptions;
}
if (newParsedOption.mediaList.length) {
oldOptionBackup.mediaList = newParsedOption.mediaList;
}
if (newParsedOption.mediaDefault) {
oldOptionBackup.mediaDefault = newParsedOption.mediaDefault;
}
}
else {
this._optionBackup = newParsedOption;
}
},
/**
* @param {boolean} isRecreate
* @return {Object}
*/
mountOption: function (isRecreate) {
var optionBackup = this._optionBackup;
// TODO
// 如果没有reset功能则不clone。
this._timelineOptions = map$1(optionBackup.timelineOptions, clone$3);
this._mediaList = map$1(optionBackup.mediaList, clone$3);
this._mediaDefault = clone$3(optionBackup.mediaDefault);
this._currentMediaIndices = [];
return clone$3(isRecreate
// this._optionBackup.baseOption, which is created at the first `setOption`
// called, and is merged into every new option by inner method `mergeOption`
// each time `setOption` called, can be only used in `isRecreate`, because
// its reliability is under suspicion. In other cases option merge is
// performed by `model.mergeOption`.
? optionBackup.baseOption : this._newBaseOption
);
},
/**
* @param {module:echarts/model/Global} ecModel
* @return {Object}
*/
getTimelineOption: function (ecModel) {
var option;
var timelineOptions = this._timelineOptions;
if (timelineOptions.length) {
// getTimelineOption can only be called after ecModel inited,
// so we can get currentIndex from timelineModel.
var timelineModel = ecModel.getComponent('timeline');
if (timelineModel) {
option = clone$3(
timelineOptions[timelineModel.getCurrentIndex()],
true
);
}
}
return option;
},
/**
* @param {module:echarts/model/Global} ecModel
* @return {Array.}
*/
getMediaOption: function (ecModel) {
var ecWidth = this._api.getWidth();
var ecHeight = this._api.getHeight();
var mediaList = this._mediaList;
var mediaDefault = this._mediaDefault;
var indices = [];
var result = [];
// No media defined.
if (!mediaList.length && !mediaDefault) {
return result;
}
// Multi media may be applied, the latter defined media has higher priority.
for (var i = 0, len = mediaList.length; i < len; i++) {
if (applyMediaQuery(mediaList[i].query, ecWidth, ecHeight)) {
indices.push(i);
}
}
// FIXME
// 是否mediaDefault应该强制用户设置，否则可能修改不能回归。
if (!indices.length && mediaDefault) {
indices = [-1];
}
if (indices.length && !indicesEquals(indices, this._currentMediaIndices)) {
result = map$1(indices, function (index) {
return clone$3(
index === -1 ? mediaDefault.option : mediaList[index].option
);
});
}
// Otherwise return nothing.
this._currentMediaIndices = indices;
return result;
}
};
function parseRawOption(rawOption, optionPreprocessorFuncs, isNew) {
var timelineOptions = [];
var mediaList = [];
var mediaDefault;
var baseOption;
// Compatible with ec2.
var timelineOpt = rawOption.timeline;
if (rawOption.baseOption) {
baseOption = rawOption.baseOption;
}
// For timeline
if (timelineOpt || rawOption.options) {
baseOption = baseOption || {};
timelineOptions = (rawOption.options || []).slice();
}
// For media query
if (rawOption.media) {
baseOption = baseOption || {};
var media = rawOption.media;
each$4(media, function (singleMedia) {
if (singleMedia && singleMedia.option) {
if (singleMedia.query) {
mediaList.push(singleMedia);
}
else if (!mediaDefault) {
// Use the first media default.
mediaDefault = singleMedia;
}
}
});
}
// For normal option
if (!baseOption) {
baseOption = rawOption;
}
// Set timelineOpt to baseOption in ec3,
// which is convenient for merge option.
if (!baseOption.timeline) {
baseOption.timeline = timelineOpt;
}
// Preprocess.
each$4([baseOption].concat(timelineOptions)
.concat(map(mediaList, function (media) {
return media.option;
})),
function (option) {
each$4(optionPreprocessorFuncs, function (preProcess) {
preProcess(option, isNew);
});
}
);
return {
baseOption: baseOption,
timelineOptions: timelineOptions,
mediaDefault: mediaDefault,
mediaList: mediaList
};
}
/**
* @see
* Support: width, height, aspectRatio
* Can use max or min as prefix.
*/
function applyMediaQuery(query, ecWidth, ecHeight) {
var realMap = {
width: ecWidth,
height: ecHeight,
aspectratio: ecWidth / ecHeight // lowser case for convenientce.
};
var applicatable = true;
each$1(query, function (value, attr) {
var matched = attr.match(QUERY_REG);
if (!matched || !matched[1] || !matched[2]) {
return;
}
var operator = matched[1];
var realAttr = matched[2].toLowerCase();
if (!compare(realMap[realAttr], value, operator)) {
applicatable = false;
}
});
return applicatable;
}
function compare(real, expect, operator) {
if (operator === 'min') {
return real >= expect;
}
else if (operator === 'max') {
return real <= expect;
}
else { // Equals
return real === expect;
}
}
function indicesEquals(indices1, indices2) {
// indices is always order by asc and has only finite number.
return indices1.join(',') === indices2.join(',');
}
/**
* Consider case:
* `chart.setOption(opt1);`
* Then user do some interaction like dataZoom, dataView changing.
* `chart.setOption(opt2);`
* Then user press 'reset button' in toolbox.
*
* After doing that all of the interaction effects should be reset, the
* chart should be the same as the result of invoke
* `chart.setOption(opt1); chart.setOption(opt2);`.
*
* Although it is not able ensure that
* `chart.setOption(opt1); chart.setOption(opt2);` is equivalents to
* `chart.setOption(merge(opt1, opt2));` exactly,
* this might be the only simple way to implement that feature.
*
* MEMO: We've considered some other approaches:
* 1. Each model handle its self restoration but not uniform treatment.
* (Too complex in logic and error-prone)
* 2. Use a shadow ecModel. (Performace expensive)
*/
function mergeOption(oldOption, newOption) {
newOption = newOption || {};
each$4(newOption, function (newCptOpt, mainType) {
if (newCptOpt == null) {
return;
}
var oldCptOpt = oldOption[mainType];
if (!ComponentModel.hasClass(mainType)) {
oldOption[mainType] = merge$1(oldCptOpt, newCptOpt, true);
}
else {
newCptOpt = normalizeToArray(newCptOpt);
oldCptOpt = normalizeToArray(oldCptOpt);
var mapResult = mappingToExists(oldCptOpt, newCptOpt);
oldOption[mainType] = map$1(mapResult, function (item) {
return (item.option && item.exist)
? merge$1(item.exist, item.option, true)
: (item.exist || item.option);
});
}
});
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var each$5 = each$1;
var isObject$3 = isObject$1;
var POSSIBLE_STYLES = [
'areaStyle', 'lineStyle', 'nodeStyle', 'linkStyle',
'chordStyle', 'label', 'labelLine'
];
function compatEC2ItemStyle(opt) {
var itemStyleOpt = opt && opt.itemStyle;
if (!itemStyleOpt) {
return;
}
for (var i = 0, len = POSSIBLE_STYLES.length; i < len; i++) {
var styleName = POSSIBLE_STYLES[i];
var normalItemStyleOpt = itemStyleOpt.normal;
var emphasisItemStyleOpt = itemStyleOpt.emphasis;
if (normalItemStyleOpt && normalItemStyleOpt[styleName]) {
opt[styleName] = opt[styleName] || {};
if (!opt[styleName].normal) {
opt[styleName].normal = normalItemStyleOpt[styleName];
}
else {
merge(opt[styleName].normal, normalItemStyleOpt[styleName]);
}
normalItemStyleOpt[styleName] = null;
}
if (emphasisItemStyleOpt && emphasisItemStyleOpt[styleName]) {
opt[styleName] = opt[styleName] || {};
if (!opt[styleName].emphasis) {
opt[styleName].emphasis = emphasisItemStyleOpt[styleName];
}
else {
merge(opt[styleName].emphasis, emphasisItemStyleOpt[styleName]);
}
emphasisItemStyleOpt[styleName] = null;
}
}
}
function convertNormalEmphasis(opt, optType, useExtend) {
if (opt && opt[optType] && (opt[optType].normal || opt[optType].emphasis)) {
var normalOpt = opt[optType].normal;
var emphasisOpt = opt[optType].emphasis;
if (normalOpt) {
// Timeline controlStyle has other properties besides normal and emphasis
if (useExtend) {
opt[optType].normal = opt[optType].emphasis = null;
defaults(opt[optType], normalOpt);
}
else {
opt[optType] = normalOpt;
}
}
if (emphasisOpt) {
opt.emphasis = opt.emphasis || {};
opt.emphasis[optType] = emphasisOpt;
}
}
}
function removeEC3NormalStatus(opt) {
convertNormalEmphasis(opt, 'itemStyle');
convertNormalEmphasis(opt, 'lineStyle');
convertNormalEmphasis(opt, 'areaStyle');
convertNormalEmphasis(opt, 'label');
convertNormalEmphasis(opt, 'labelLine');
// treemap
convertNormalEmphasis(opt, 'upperLabel');
// graph
convertNormalEmphasis(opt, 'edgeLabel');
}
function compatTextStyle(opt, propName) {
// Check whether is not object (string\null\undefined ...)
var labelOptSingle = isObject$3(opt) && opt[propName];
var textStyle = isObject$3(labelOptSingle) && labelOptSingle.textStyle;
if (textStyle) {
for (var i = 0, len = TEXT_STYLE_OPTIONS.length; i < len; i++) {
var propName = TEXT_STYLE_OPTIONS[i];
if (textStyle.hasOwnProperty(propName)) {
labelOptSingle[propName] = textStyle[propName];
}
}
}
}
function compatEC3CommonStyles(opt) {
if (opt) {
removeEC3NormalStatus(opt);
compatTextStyle(opt, 'label');
opt.emphasis && compatTextStyle(opt.emphasis, 'label');
}
}
function processSeries(seriesOpt) {
if (!isObject$3(seriesOpt)) {
return;
}
compatEC2ItemStyle(seriesOpt);
removeEC3NormalStatus(seriesOpt);
compatTextStyle(seriesOpt, 'label');
// treemap
compatTextStyle(seriesOpt, 'upperLabel');
// graph
compatTextStyle(seriesOpt, 'edgeLabel');
if (seriesOpt.emphasis) {
compatTextStyle(seriesOpt.emphasis, 'label');
// treemap
compatTextStyle(seriesOpt.emphasis, 'upperLabel');
// graph
compatTextStyle(seriesOpt.emphasis, 'edgeLabel');
}
var markPoint = seriesOpt.markPoint;
if (markPoint) {
compatEC2ItemStyle(markPoint);
compatEC3CommonStyles(markPoint);
}
var markLine = seriesOpt.markLine;
if (markLine) {
compatEC2ItemStyle(markLine);
compatEC3CommonStyles(markLine);
}
var markArea = seriesOpt.markArea;
if (markArea) {
compatEC3CommonStyles(markArea);
}
var data = seriesOpt.data;
// Break with ec3: if `setOption` again, there may be no `type` in option,
// then the backward compat based on option type will not be performed.
if (seriesOpt.type === 'graph') {
data = data || seriesOpt.nodes;
var edgeData = seriesOpt.links || seriesOpt.edges;
if (edgeData && !isTypedArray(edgeData)) {
for (var i = 0; i < edgeData.length; i++) {
compatEC3CommonStyles(edgeData[i]);
}
}
each$1(seriesOpt.categories, function (opt) {
removeEC3NormalStatus(opt);
});
}
if (data && !isTypedArray(data)) {
for (var i = 0; i < data.length; i++) {
compatEC3CommonStyles(data[i]);
}
}
// mark point data
var markPoint = seriesOpt.markPoint;
if (markPoint && markPoint.data) {
var mpData = markPoint.data;
for (var i = 0; i < mpData.length; i++) {
compatEC3CommonStyles(mpData[i]);
}
}
// mark line data
var markLine = seriesOpt.markLine;
if (markLine && markLine.data) {
var mlData = markLine.data;
for (var i = 0; i < mlData.length; i++) {
if (isArray(mlData[i])) {
compatEC3CommonStyles(mlData[i][0]);
compatEC3CommonStyles(mlData[i][1]);
}
else {
compatEC3CommonStyles(mlData[i]);
}
}
}
// Series
if (seriesOpt.type === 'gauge') {
compatTextStyle(seriesOpt, 'axisLabel');
compatTextStyle(seriesOpt, 'title');
compatTextStyle(seriesOpt, 'detail');
}
else if (seriesOpt.type === 'treemap') {
convertNormalEmphasis(seriesOpt.breadcrumb, 'itemStyle');
each$1(seriesOpt.levels, function (opt) {
removeEC3NormalStatus(opt);
});
}
else if (seriesOpt.type === 'tree') {
removeEC3NormalStatus(seriesOpt.leaves);
}
// sunburst starts from ec4, so it does not need to compat levels.
}
function toArr(o) {
return isArray(o) ? o : o ? [o] : [];
}
function toObj(o) {
return (isArray(o) ? o[0] : o) || {};
}
var compatStyle = function (option, isTheme) {
each$5(toArr(option.series), function (seriesOpt) {
isObject$3(seriesOpt) && processSeries(seriesOpt);
});
var axes = ['xAxis', 'yAxis', 'radiusAxis', 'angleAxis', 'singleAxis', 'parallelAxis', 'radar'];
isTheme && axes.push('valueAxis', 'categoryAxis', 'logAxis', 'timeAxis');
each$5(
axes,
function (axisName) {
each$5(toArr(option[axisName]), function (axisOpt) {
if (axisOpt) {
compatTextStyle(axisOpt, 'axisLabel');
compatTextStyle(axisOpt.axisPointer, 'label');
}
});
}
);
each$5(toArr(option.parallel), function (parallelOpt) {
var parallelAxisDefault = parallelOpt && parallelOpt.parallelAxisDefault;
compatTextStyle(parallelAxisDefault, 'axisLabel');
compatTextStyle(parallelAxisDefault && parallelAxisDefault.axisPointer, 'label');
});
each$5(toArr(option.calendar), function (calendarOpt) {
convertNormalEmphasis(calendarOpt, 'itemStyle');
compatTextStyle(calendarOpt, 'dayLabel');
compatTextStyle(calendarOpt, 'monthLabel');
compatTextStyle(calendarOpt, 'yearLabel');
});
// radar.name.textStyle
each$5(toArr(option.radar), function (radarOpt) {
compatTextStyle(radarOpt, 'name');
});
each$5(toArr(option.geo), function (geoOpt) {
if (isObject$3(geoOpt)) {
compatEC3CommonStyles(geoOpt);
each$5(toArr(geoOpt.regions), function (regionObj) {
compatEC3CommonStyles(regionObj);
});
}
});
each$5(toArr(option.timeline), function (timelineOpt) {
compatEC3CommonStyles(timelineOpt);
convertNormalEmphasis(timelineOpt, 'label');
convertNormalEmphasis(timelineOpt, 'itemStyle');
convertNormalEmphasis(timelineOpt, 'controlStyle', true);
var data = timelineOpt.data;
isArray(data) && each$1(data, function (item) {
if (isObject$1(item)) {
convertNormalEmphasis(item, 'label');
convertNormalEmphasis(item, 'itemStyle');
}
});
});
each$5(toArr(option.toolbox), function (toolboxOpt) {
convertNormalEmphasis(toolboxOpt, 'iconStyle');
each$5(toolboxOpt.feature, function (featureOpt) {
convertNormalEmphasis(featureOpt, 'iconStyle');
});
});
compatTextStyle(toObj(option.axisPointer), 'label');
compatTextStyle(toObj(option.tooltip).axisPointer, 'label');
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// Compatitable with 2.0
function get(opt, path) {
path = path.split(',');
var obj = opt;
for (var i = 0; i < path.length; i++) {
obj = obj && obj[path[i]];
if (obj == null) {
break;
}
}
return obj;
}
function set$1(opt, path, val, overwrite) {
path = path.split(',');
var obj = opt;
var key;
for (var i = 0; i < path.length - 1; i++) {
key = path[i];
if (obj[key] == null) {
obj[key] = {};
}
obj = obj[key];
}
if (overwrite || obj[path[i]] == null) {
obj[path[i]] = val;
}
}
function compatLayoutProperties(option) {
each$1(LAYOUT_PROPERTIES, function (prop) {
if (prop[0] in option && !(prop[1] in option)) {
option[prop[1]] = option[prop[0]];
}
});
}
var LAYOUT_PROPERTIES = [
['x', 'left'], ['y', 'top'], ['x2', 'right'], ['y2', 'bottom']
];
var COMPATITABLE_COMPONENTS = [
'grid', 'geo', 'parallel', 'legend', 'toolbox', 'title', 'visualMap', 'dataZoom', 'timeline'
];
var backwardCompat = function (option, isTheme) {
compatStyle(option, isTheme);
// Make sure series array for model initialization.
option.series = normalizeToArray(option.series);
each$1(option.series, function (seriesOpt) {
if (!isObject$1(seriesOpt)) {
return;
}
var seriesType = seriesOpt.type;
if (seriesType === 'pie' || seriesType === 'gauge') {
if (seriesOpt.clockWise != null) {
seriesOpt.clockwise = seriesOpt.clockWise;
}
}
if (seriesType === 'gauge') {
var pointerColor = get(seriesOpt, 'pointer.color');
pointerColor != null
&& set$1(seriesOpt, 'itemStyle.color', pointerColor);
}
compatLayoutProperties(seriesOpt);
});
// dataRange has changed to visualMap
if (option.dataRange) {
option.visualMap = option.dataRange;
}
each$1(COMPATITABLE_COMPONENTS, function (componentName) {
var options = option[componentName];
if (options) {
if (!isArray(options)) {
options = [options];
}
each$1(options, function (option) {
compatLayoutProperties(option);
});
}
});
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// (1) [Caution]: the logic is correct based on the premises:
// data processing stage is blocked in stream.
// See
// (2) Only register once when import repeatly.
// Should be executed before after series filtered and before stack calculation.
var dataStack = function (ecModel) {
var stackInfoMap = createHashMap();
ecModel.eachSeries(function (seriesModel) {
var stack = seriesModel.get('stack');
// Compatibal: when `stack` is set as '', do not stack.
if (stack) {
var stackInfoList = stackInfoMap.get(stack) || stackInfoMap.set(stack, []);
var data = seriesModel.getData();
var stackInfo = {
// Used for calculate axis extent automatically.
stackResultDimension: data.getCalculationInfo('stackResultDimension'),
stackedOverDimension: data.getCalculationInfo('stackedOverDimension'),
stackedDimension: data.getCalculationInfo('stackedDimension'),
stackedByDimension: data.getCalculationInfo('stackedByDimension'),
isStackedByIndex: data.getCalculationInfo('isStackedByIndex'),
data: data,
seriesModel: seriesModel
};
// If stacked on axis that do not support data stack.
if (!stackInfo.stackedDimension
|| !(stackInfo.isStackedByIndex || stackInfo.stackedByDimension)
) {
return;
}
stackInfoList.length && data.setCalculationInfo(
'stackedOnSeries', stackInfoList[stackInfoList.length - 1].seriesModel
);
stackInfoList.push(stackInfo);
}
});
stackInfoMap.each(calculateStack);
};
function calculateStack(stackInfoList) {
each$1(stackInfoList, function (targetStackInfo, idxInStack) {
var resultVal = [];
var resultNaN = [NaN, NaN];
var dims = [targetStackInfo.stackResultDimension, targetStackInfo.stackedOverDimension];
var targetData = targetStackInfo.data;
var isStackedByIndex = targetStackInfo.isStackedByIndex;
// Should not write on raw data, because stack series model list changes
// depending on legend selection.
var newData = targetData.map(dims, function (v0, v1, dataIndex) {
var sum = targetData.get(targetStackInfo.stackedDimension, dataIndex);
// Consider `connectNulls` of line area, if value is NaN, stackedOver
// should also be NaN, to draw a appropriate belt area.
if (isNaN(sum)) {
return resultNaN;
}
var byValue;
var stackedDataRawIndex;
if (isStackedByIndex) {
stackedDataRawIndex = targetData.getRawIndex(dataIndex);
}
else {
byValue = targetData.get(targetStackInfo.stackedByDimension, dataIndex);
}
// If stackOver is NaN, chart view will render point on value start.
var stackedOver = NaN;
for (var j = idxInStack - 1; j >= 0; j--) {
var stackInfo = stackInfoList[j];
// Has been optimized by inverted indices on `stackedByDimension`.
if (!isStackedByIndex) {
stackedDataRawIndex = stackInfo.data.rawIndexOf(stackInfo.stackedByDimension, byValue);
}
if (stackedDataRawIndex >= 0) {
var val = stackInfo.data.getByRawIndex(stackInfo.stackResultDimension, stackedDataRawIndex);
// Considering positive stack, negative stack and empty data
if ((sum >= 0 && val > 0) // Positive stack
|| (sum <= 0 && val < 0) // Negative stack
) {
sum += val;
stackedOver = val;
break;
}
}
}
resultVal[0] = sum;
resultVal[1] = stackedOver;
return resultVal;
});
targetData.hostModel.setData(newData);
// Update for consequent calculation
targetStackInfo.data = newData;
});
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// TODO
// ??? refactor? check the outer usage of data provider.
// merge with defaultDimValueGetter?
/**
* If normal array used, mutable chunk size is supported.
* If typed array used, chunk size must be fixed.
*/
function DefaultDataProvider(source, dimSize) {
if (!Source.isInstance(source)) {
source = Source.seriesDataToSource(source);
}
this._source = source;
var data = this._data = source.data;
var sourceFormat = source.sourceFormat;
// Typed array. TODO IE10+?
if (sourceFormat === SOURCE_FORMAT_TYPED_ARRAY) {
if (__DEV__) {
if (dimSize == null) {
throw new Error('Typed array data must specify dimension size');
}
}
this._offset = 0;
this._dimSize = dimSize;
this._data = data;
}
var methods = providerMethods[
sourceFormat === SOURCE_FORMAT_ARRAY_ROWS
? sourceFormat + '_' + source.seriesLayoutBy
: sourceFormat
];
if (__DEV__) {
assert$1(methods, 'Invalide sourceFormat: ' + sourceFormat);
}
extend(this, methods);
}
var providerProto = DefaultDataProvider.prototype;
// If data is pure without style configuration
providerProto.pure = false;
// If data is persistent and will not be released after use.
providerProto.persistent = true;
// ???! FIXME legacy data provider do not has method getSource
providerProto.getSource = function () {
return this._source;
};
var providerMethods = {
'arrayRows_column': {
pure: true,
count: function () {
return Math.max(0, this._data.length - this._source.startIndex);
},
getItem: function (idx) {
return this._data[idx + this._source.startIndex];
},
appendData: appendDataSimply
},
'arrayRows_row': {
pure: true,
count: function () {
var row = this._data[0];
return row ? Math.max(0, row.length - this._source.startIndex) : 0;
},
getItem: function (idx) {
idx += this._source.startIndex;
var item = [];
var data = this._data;
for (var i = 0; i < data.length; i++) {
var row = data[i];
item.push(row ? row[idx] : null);
}
return item;
},
appendData: function () {
throw new Error('Do not support appendData when set seriesLayoutBy: "row".');
}
},
'objectRows': {
pure: true,
count: countSimply,
getItem: getItemSimply,
appendData: appendDataSimply
},
'keyedColumns': {
pure: true,
count: function () {
var dimName = this._source.dimensionsDefine[0].name;
var col = this._data[dimName];
return col ? col.length : 0;
},
getItem: function (idx) {
var item = [];
var dims = this._source.dimensionsDefine;
for (var i = 0; i < dims.length; i++) {
var col = this._data[dims[i].name];
item.push(col ? col[idx] : null);
}
return item;
},
appendData: function (newData) {
var data = this._data;
each$1(newData, function (newCol, key) {
var oldCol = data[key] || (data[key] = []);
for (var i = 0; i < (newCol || []).length; i++) {
oldCol.push(newCol[i]);
}
});
}
},
'original': {
count: countSimply,
getItem: getItemSimply,
appendData: appendDataSimply
},
'typedArray': {
persistent: false,
pure: true,
count: function () {
return this._data ? (this._data.length / this._dimSize) : 0;
},
getItem: function (idx, out) {
idx = idx - this._offset;
out = out || [];
var offset = this._dimSize * idx;
for (var i = 0; i < this._dimSize; i++) {
out[i] = this._data[offset + i];
}
return out;
},
appendData: function (newData) {
if (__DEV__) {
assert$1(
isTypedArray(newData),
'Added data must be TypedArray if data in initialization is TypedArray'
);
}
this._data = newData;
},
// Clean self if data is already used.
clean: function () {
// PENDING
this._offset += this.count();
this._data = null;
}
}
};
function countSimply() {
return this._data.length;
}
function getItemSimply(idx) {
return this._data[idx];
}
function appendDataSimply(newData) {
for (var i = 0; i < newData.length; i++) {
this._data.push(newData[i]);
}
}
var rawValueGetters = {
arrayRows: getRawValueSimply,
objectRows: function (dataItem, dataIndex, dimIndex, dimName) {
return dimIndex != null ? dataItem[dimName] : dataItem;
},
keyedColumns: getRawValueSimply,
original: function (dataItem, dataIndex, dimIndex, dimName) {
// FIXME
// In some case (markpoint in geo (geo-map.html)), dataItem
// is {coord: [...]}
var value = getDataItemValue(dataItem);
return (dimIndex == null || !(value instanceof Array))
? value
: value[dimIndex];
},
typedArray: getRawValueSimply
};
function getRawValueSimply(dataItem, dataIndex, dimIndex, dimName) {
return dimIndex != null ? dataItem[dimIndex] : dataItem;
}
var defaultDimValueGetters = {
arrayRows: getDimValueSimply,
objectRows: function (dataItem, dimName, dataIndex, dimIndex) {
return converDataValue(dataItem[dimName], this._dimensionInfos[dimName]);
},
keyedColumns: getDimValueSimply,
original: function (dataItem, dimName, dataIndex, dimIndex) {
// Performance sensitive, do not use modelUtil.getDataItemValue.
// If dataItem is an plain object with no value field, the var `value`
// will be assigned with the object, but it will be tread correctly
// in the `convertDataValue`.
var value = dataItem && (dataItem.value == null ? dataItem : dataItem.value);
// If any dataItem is like { value: 10 }
if (!this._rawData.pure && isDataItemOption(dataItem)) {
this.hasItemOption = true;
}
return converDataValue(
(value instanceof Array)
? value[dimIndex]
// If value is a single number or something else not array.
: value,
this._dimensionInfos[dimName]
);
},
typedArray: function (dataItem, dimName, dataIndex, dimIndex) {
return dataItem[dimIndex];
}
};
function getDimValueSimply(dataItem, dimName, dataIndex, dimIndex) {
return converDataValue(dataItem[dimIndex], this._dimensionInfos[dimName]);
}
/**
* This helper method convert value in data.
* @param {string|number|Date} value
* @param {Object|string} [dimInfo] If string (like 'x'), dimType defaults 'number'.
* If "dimInfo.ordinalParseAndSave", ordinal value can be parsed.
*/
function converDataValue(value, dimInfo) {
// Performance sensitive.
var dimType = dimInfo && dimInfo.type;
if (dimType === 'ordinal') {
// If given value is a category string
var ordinalMeta = dimInfo && dimInfo.ordinalMeta;
return ordinalMeta
? ordinalMeta.parseAndCollect(value)
: value;
}
if (dimType === 'time'
// spead up when using timestamp
&& typeof value !== 'number'
&& value != null
&& value !== '-'
) {
value = +parseDate(value);
}
// dimType defaults 'number'.
// If dimType is not ordinal and value is null or undefined or NaN or '-',
// parse to NaN.
return (value == null || value === '')
? NaN
// If string (like '-'), using '+' parse to NaN
// If object, also parse to NaN
: +value;
}
// ??? FIXME can these logic be more neat: getRawValue, getRawDataItem,
// Consider persistent.
// Caution: why use raw value to display on label or tooltip?
// A reason is to avoid format. For example time value we do not know
// how to format is expected. More over, if stack is used, calculated
// value may be 0.91000000001, which have brings trouble to display.
// TODO: consider how to treat null/undefined/NaN when display?
/**
* @param {module:echarts/data/List} data
* @param {number} dataIndex
* @param {string|number} [dim] dimName or dimIndex
* @return {Array.|string|number} can be null/undefined.
*/
function retrieveRawValue(data, dataIndex, dim) {
if (!data) {
return;
}
// Consider data may be not persistent.
var dataItem = data.getRawDataItem(dataIndex);
if (dataItem == null) {
return;
}
var sourceFormat = data.getProvider().getSource().sourceFormat;
var dimName;
var dimIndex;
var dimInfo = data.getDimensionInfo(dim);
if (dimInfo) {
dimName = dimInfo.name;
dimIndex = dimInfo.index;
}
return rawValueGetters[sourceFormat](dataItem, dataIndex, dimIndex, dimName);
}
/**
* Compatible with some cases (in pie, map) like:
* data: [{name: 'xx', value: 5, selected: true}, ...]
* where only sourceFormat is 'original' and 'objectRows' supported.
*
* ??? TODO
* Supported detail options in data item when using 'arrayRows'.
*
* @param {module:echarts/data/List} data
* @param {number} dataIndex
* @param {string} attr like 'selected'
*/
function retrieveRawAttr(data, dataIndex, attr) {
if (!data) {
return;
}
var sourceFormat = data.getProvider().getSource().sourceFormat;
if (sourceFormat !== SOURCE_FORMAT_ORIGINAL
&& sourceFormat !== SOURCE_FORMAT_OBJECT_ROWS
) {
return;
}
var dataItem = data.getRawDataItem(dataIndex);
if (sourceFormat === SOURCE_FORMAT_ORIGINAL && !isObject$1(dataItem)) {
dataItem = null;
}
if (dataItem) {
return dataItem[attr];
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var DIMENSION_LABEL_REG = /\{@(.+?)\}/g;
// PENDING A little ugly
var dataFormatMixin = {
/**
* Get params for formatter
* @param {number} dataIndex
* @param {string} [dataType]
* @return {Object}
*/
getDataParams: function (dataIndex, dataType) {
var data = this.getData(dataType);
var rawValue = this.getRawValue(dataIndex, dataType);
var rawDataIndex = data.getRawIndex(dataIndex);
var name = data.getName(dataIndex);
var itemOpt = data.getRawDataItem(dataIndex);
var color = data.getItemVisual(dataIndex, 'color');
var tooltipModel = this.ecModel.getComponent('tooltip');
var renderModeOption = tooltipModel && tooltipModel.get('renderMode');
var renderMode = getTooltipRenderMode(renderModeOption);
var mainType = this.mainType;
var isSeries = mainType === 'series';
var userOutput = data.userOutput;
return {
componentType: mainType,
componentSubType: this.subType,
componentIndex: this.componentIndex,
seriesType: isSeries ? this.subType : null,
seriesIndex: this.seriesIndex,
seriesId: isSeries ? this.id : null,
seriesName: isSeries ? this.name : null,
name: name,
dataIndex: rawDataIndex,
data: itemOpt,
dataType: dataType,
value: rawValue,
color: color,
dimensionNames: userOutput ? userOutput.dimensionNames : null,
encode: userOutput ? userOutput.encode : null,
marker: getTooltipMarker({
color: color,
renderMode: renderMode
}),
// Param name list for mapping `a`, `b`, `c`, `d`, `e`
$vars: ['seriesName', 'name', 'value']
};
},
/**
* Format label
* @param {number} dataIndex
* @param {string} [status='normal'] 'normal' or 'emphasis'
* @param {string} [dataType]
* @param {number} [dimIndex] Only used in some chart that
* use formatter in different dimensions, like radar.
* @param {string} [labelProp='label']
* @return {string} If not formatter, return null/undefined
*/
getFormattedLabel: function (dataIndex, status, dataType, dimIndex, labelProp) {
status = status || 'normal';
var data = this.getData(dataType);
var itemModel = data.getItemModel(dataIndex);
var params = this.getDataParams(dataIndex, dataType);
if (dimIndex != null && (params.value instanceof Array)) {
params.value = params.value[dimIndex];
}
var formatter = itemModel.get(
status === 'normal'
? [labelProp || 'label', 'formatter']
: [status, labelProp || 'label', 'formatter']
);
if (typeof formatter === 'function') {
params.status = status;
params.dimensionIndex = dimIndex;
return formatter(params);
}
else if (typeof formatter === 'string') {
var str = formatTpl(formatter, params);
// Support 'aaa{@[3]}bbb{@product}ccc'.
// Do not support '}' in dim name util have to.
return str.replace(DIMENSION_LABEL_REG, function (origin, dim) {
var len = dim.length;
if (dim.charAt(0) === '[' && dim.charAt(len - 1) === ']') {
dim = +dim.slice(1, len - 1); // Also: '[]' => 0
}
return retrieveRawValue(data, dataIndex, dim);
});
}
},
/**
* Get raw value in option
* @param {number} idx
* @param {string} [dataType]
* @return {Array|number|string}
*/
getRawValue: function (idx, dataType) {
return retrieveRawValue(this.getData(dataType), idx);
},
/**
* Should be implemented.
* @param {number} dataIndex
* @param {boolean} [multipleSeries=false]
* @param {number} [dataType]
* @return {string} tooltip string
*/
formatTooltip: function () {
// Empty function
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @param {Object} define
* @return See the return of `createTask`.
*/
function createTask(define) {
return new Task(define);
}
/**
* @constructor
* @param {Object} define
* @param {Function} define.reset Custom reset
* @param {Function} [define.plan] Returns 'reset' indicate reset immediately.
* @param {Function} [define.count] count is used to determin data task.
* @param {Function} [define.onDirty] count is used to determin data task.
*/
function Task(define) {
define = define || {};
this._reset = define.reset;
this._plan = define.plan;
this._count = define.count;
this._onDirty = define.onDirty;
this._dirty = true;
// Context must be specified implicitly, to
// avoid miss update context when model changed.
this.context;
}
var taskProto = Task.prototype;
/**
* @param {Object} performArgs
* @param {number} [performArgs.step] Specified step.
* @param {number} [performArgs.skip] Skip customer perform call.
* @param {number} [performArgs.modBy] Sampling window size.
* @param {number} [performArgs.modDataCount] Sampling count.
*/
taskProto.perform = function (performArgs) {
var upTask = this._upstream;
var skip = performArgs && performArgs.skip;
// TODO some refactor.
// Pull data. Must pull data each time, because context.data
// may be updated by Series.setData.
if (this._dirty && upTask) {
var context = this.context;
context.data = context.outputData = upTask.context.outputData;
}
if (this.__pipeline) {
this.__pipeline.currentTask = this;
}
var planResult;
if (this._plan && !skip) {
planResult = this._plan(this.context);
}
// Support sharding by mod, which changes the render sequence and makes the rendered graphic
// elements uniformed distributed when progress, especially when moving or zooming.
var lastModBy = normalizeModBy(this._modBy);
var lastModDataCount = this._modDataCount || 0;
var modBy = normalizeModBy(performArgs && performArgs.modBy);
var modDataCount = performArgs && performArgs.modDataCount || 0;
if (lastModBy !== modBy || lastModDataCount !== modDataCount) {
planResult = 'reset';
}
function normalizeModBy(val) {
!(val >= 1) && (val = 1); // jshint ignore:line
return val;
}
var forceFirstProgress;
if (this._dirty || planResult === 'reset') {
this._dirty = false;
forceFirstProgress = reset(this, skip);
}
this._modBy = modBy;
this._modDataCount = modDataCount;
var step = performArgs && performArgs.step;
if (upTask) {
if (__DEV__) {
assert$1(upTask._outputDueEnd != null);
}
this._dueEnd = upTask._outputDueEnd;
}
// DataTask or overallTask
else {
if (__DEV__) {
assert$1(!this._progress || this._count);
}
this._dueEnd = this._count ? this._count(this.context) : Infinity;
}
// Note: Stubs, that its host overall task let it has progress, has progress.
// If no progress, pass index from upstream to downstream each time plan called.
if (this._progress) {
var start = this._dueIndex;
var end = Math.min(
step != null ? this._dueIndex + step : Infinity,
this._dueEnd
);
if (!skip && (forceFirstProgress || start < end)) {
var progress = this._progress;
if (isArray(progress)) {
for (var i = 0; i < progress.length; i++) {
doProgress(this, progress[i], start, end, modBy, modDataCount);
}
}
else {
doProgress(this, progress, start, end, modBy, modDataCount);
}
}
this._dueIndex = end;
// If no `outputDueEnd`, assume that output data and
// input data is the same, so use `dueIndex` as `outputDueEnd`.
var outputDueEnd = this._settedOutputEnd != null
? this._settedOutputEnd : end;
if (__DEV__) {
// ??? Can not rollback.
assert$1(outputDueEnd >= this._outputDueEnd);
}
this._outputDueEnd = outputDueEnd;
}
else {
// (1) Some overall task has no progress.
// (2) Stubs, that its host overall task do not let it has progress, has no progress.
// This should always be performed so it can be passed to downstream.
this._dueIndex = this._outputDueEnd = this._settedOutputEnd != null
? this._settedOutputEnd : this._dueEnd;
}
return this.unfinished();
};
var iterator = (function () {
var end;
var current;
var modBy;
var modDataCount;
var winCount;
var it = {
reset: function (s, e, sStep, sCount) {
current = s;
end = e;
modBy = sStep;
modDataCount = sCount;
winCount = Math.ceil(modDataCount / modBy);
it.next = (modBy > 1 && modDataCount > 0) ? modNext : sequentialNext;
}
};
return it;
function sequentialNext() {
return current < end ? current++ : null;
}
function modNext() {
var dataIndex = (current % winCount) * modBy + Math.ceil(current / winCount);
var result = current >= end
? null
: dataIndex < modDataCount
? dataIndex
// If modDataCount is smaller than data.count() (consider `appendData` case),
// Use normal linear rendering mode.
: current;
current++;
return result;
}
})();
taskProto.dirty = function () {
this._dirty = true;
this._onDirty && this._onDirty(this.context);
};
function doProgress(taskIns, progress, start, end, modBy, modDataCount) {
iterator.reset(start, end, modBy, modDataCount);
taskIns._callingProgress = progress;
taskIns._callingProgress({
start: start, end: end, count: end - start, next: iterator.next
}, taskIns.context);
}
function reset(taskIns, skip) {
taskIns._dueIndex = taskIns._outputDueEnd = taskIns._dueEnd = 0;
taskIns._settedOutputEnd = null;
var progress;
var forceFirstProgress;
if (!skip && taskIns._reset) {
progress = taskIns._reset(taskIns.context);
if (progress && progress.progress) {
forceFirstProgress = progress.forceFirstProgress;
progress = progress.progress;
}
// To simplify no progress checking, array must has item.
if (isArray(progress) && !progress.length) {
progress = null;
}
}
taskIns._progress = progress;
taskIns._modBy = taskIns._modDataCount = null;
var downstream = taskIns._downstream;
downstream && downstream.dirty();
return forceFirstProgress;
}
/**
* @return {boolean}
*/
taskProto.unfinished = function () {
return this._progress && this._dueIndex < this._dueEnd;
};
/**
* @param {Object} downTask The downstream task.
* @return {Object} The downstream task.
*/
taskProto.pipe = function (downTask) {
if (__DEV__) {
assert$1(downTask && !downTask._disposed && downTask !== this);
}
// If already downstream, do not dirty downTask.
if (this._downstream !== downTask || this._dirty) {
this._downstream = downTask;
downTask._upstream = this;
downTask.dirty();
}
};
taskProto.dispose = function () {
if (this._disposed) {
return;
}
this._upstream && (this._upstream._downstream = null);
this._downstream && (this._downstream._upstream = null);
this._dirty = false;
this._disposed = true;
};
taskProto.getUpstream = function () {
return this._upstream;
};
taskProto.getDownstream = function () {
return this._downstream;
};
taskProto.setOutputEnd = function (end) {
// This only happend in dataTask, dataZoom, map, currently.
// where dataZoom do not set end each time, but only set
// when reset. So we should record the setted end, in case
// that the stub of dataZoom perform again and earse the
// setted end by upstream.
this._outputDueEnd = this._settedOutputEnd = end;
};
///////////////////////////////////////////////////////////
// For stream debug (Should be commented out after used!)
// Usage: printTask(this, 'begin');
// Usage: printTask(this, null, {someExtraProp});
// function printTask(task, prefix, extra) {
// window.ecTaskUID == null && (window.ecTaskUID = 0);
// task.uidDebug == null && (task.uidDebug = `task_${window.ecTaskUID++}`);
// task.agent && task.agent.uidDebug == null && (task.agent.uidDebug = `task_${window.ecTaskUID++}`);
// var props = [];
// if (task.__pipeline) {
// var val = `${task.__idxInPipeline}/${task.__pipeline.tail.__idxInPipeline} ${task.agent ? '(stub)' : ''}`;
// props.push({text: 'idx', value: val});
// } else {
// var stubCount = 0;
// task.agentStubMap.each(() => stubCount++);
// props.push({text: 'idx', value: `overall (stubs: ${stubCount})`});
// }
// props.push({text: 'uid', value: task.uidDebug});
// if (task.__pipeline) {
// props.push({text: 'pid', value: task.__pipeline.id});
// task.agent && props.push(
// {text: 'stubFor', value: task.agent.uidDebug}
// );
// }
// props.push(
// {text: 'dirty', value: task._dirty},
// {text: 'dueIndex', value: task._dueIndex},
// {text: 'dueEnd', value: task._dueEnd},
// {text: 'outputDueEnd', value: task._outputDueEnd}
// );
// if (extra) {
// Object.keys(extra).forEach(key => {
// props.push({text: key, value: extra[key]});
// });
// }
// var args = ['color: blue'];
// var msg = `%c[${prefix || 'T'}] %c` + props.map(item => (
// args.push('color: black', 'color: red'),
// `${item.text}: %c${item.value}`
// )).join('%c, ');
// console.log.apply(console, [msg].concat(args));
// // console.log(this);
// }
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var inner$4 = makeInner();
var SeriesModel = ComponentModel.extend({
type: 'series.__base__',
/**
* @readOnly
*/
seriesIndex: 0,
// coodinateSystem will be injected in the echarts/CoordinateSystem
coordinateSystem: null,
/**
* @type {Object}
* @protected
*/
defaultOption: null,
/**
* Data provided for legend
* @type {Function}
*/
// PENDING
legendDataProvider: null,
/**
* Access path of color for visual
*/
visualColorAccessPath: 'itemStyle.color',
/**
* Support merge layout params.
* Only support 'box' now (left/right/top/bottom/width/height).
* @type {string|Object} Object can be {ignoreSize: true}
* @readOnly
*/
layoutMode: null,
init: function (option, parentModel, ecModel, extraOpt) {
/**
* @type {number}
* @readOnly
*/
this.seriesIndex = this.componentIndex;
this.dataTask = createTask({
count: dataTaskCount,
reset: dataTaskReset
});
this.dataTask.context = {model: this};
this.mergeDefaultAndTheme(option, ecModel);
prepareSource(this);
var data = this.getInitialData(option, ecModel);
wrapData(data, this);
this.dataTask.context.data = data;
if (__DEV__) {
assert$1(data, 'getInitialData returned invalid data.');
}
/**
* @type {module:echarts/data/List|module:echarts/data/Tree|module:echarts/data/Graph}
* @private
*/
inner$4(this).dataBeforeProcessed = data;
// If we reverse the order (make data firstly, and then make
// dataBeforeProcessed by cloneShallow), cloneShallow will
// cause data.graph.data !== data when using
// module:echarts/data/Graph or module:echarts/data/Tree.
// See module:echarts/data/helper/linkList
// Theoretically, it is unreasonable to call `seriesModel.getData()` in the model
// init or merge stage, because the data can be restored. So we do not `restoreData`
// and `setData` here, which forbids calling `seriesModel.getData()` in this stage.
// Call `seriesModel.getRawData()` instead.
// this.restoreData();
autoSeriesName(this);
},
/**
* Util for merge default and theme to option
* @param {Object} option
* @param {module:echarts/model/Global} ecModel
*/
mergeDefaultAndTheme: function (option, ecModel) {
var layoutMode = this.layoutMode;
var inputPositionParams = layoutMode
? getLayoutParams(option) : {};
// Backward compat: using subType on theme.
// But if name duplicate between series subType
// (for example: parallel) add component mainType,
// add suffix 'Series'.
var themeSubType = this.subType;
if (ComponentModel.hasClass(themeSubType)) {
themeSubType += 'Series';
}
merge(
option,
ecModel.getTheme().get(this.subType)
);
merge(option, this.getDefaultOption());
// Default label emphasis `show`
defaultEmphasis(option, 'label', ['show']);
this.fillDataTextStyle(option.data);
if (layoutMode) {
mergeLayoutParam(option, inputPositionParams, layoutMode);
}
},
mergeOption: function (newSeriesOption, ecModel) {
// this.settingTask.dirty();
newSeriesOption = merge(this.option, newSeriesOption, true);
this.fillDataTextStyle(newSeriesOption.data);
var layoutMode = this.layoutMode;
if (layoutMode) {
mergeLayoutParam(this.option, newSeriesOption, layoutMode);
}
prepareSource(this);
var data = this.getInitialData(newSeriesOption, ecModel);
wrapData(data, this);
this.dataTask.dirty();
this.dataTask.context.data = data;
inner$4(this).dataBeforeProcessed = data;
autoSeriesName(this);
},
fillDataTextStyle: function (data) {
// Default data label emphasis `show`
// FIXME Tree structure data ?
// FIXME Performance ?
if (data && !isTypedArray(data)) {
var props = ['show'];
for (var i = 0; i < data.length; i++) {
if (data[i] && data[i].label) {
defaultEmphasis(data[i], 'label', props);
}
}
}
},
/**
* Init a data structure from data related option in series
* Must be overwritten
*/
getInitialData: function () {},
/**
* Append data to list
* @param {Object} params
* @param {Array|TypedArray} params.data
*/
appendData: function (params) {
// FIXME ???
// (1) If data from dataset, forbidden append.
// (2) support append data of dataset.
var data = this.getRawData();
data.appendData(params.data);
},
/**
* Consider some method like `filter`, `map` need make new data,
* We should make sure that `seriesModel.getData()` get correct
* data in the stream procedure. So we fetch data from upstream
* each time `task.perform` called.
* @param {string} [dataType]
* @return {module:echarts/data/List}
*/
getData: function (dataType) {
var task = getCurrentTask(this);
if (task) {
var data = task.context.data;
return dataType == null ? data : data.getLinkedData(dataType);
}
else {
// When series is not alive (that may happen when click toolbox
// restore or setOption with not merge mode), series data may
// be still need to judge animation or something when graphic
// elements want to know whether fade out.
return inner$4(this).data;
}
},
/**
* @param {module:echarts/data/List} data
*/
setData: function (data) {
var task = getCurrentTask(this);
if (task) {
var context = task.context;
// Consider case: filter, data sample.
if (context.data !== data && task.modifyOutputEnd) {
task.setOutputEnd(data.count());
}
context.outputData = data;
// Caution: setData should update context.data,
// Because getData may be called multiply in a
// single stage and expect to get the data just
// set. (For example, AxisProxy, x y both call
// getData and setDate sequentially).
// So the context.data should be fetched from
// upstream each time when a stage starts to be
// performed.
if (task !== this.dataTask) {
context.data = data;
}
}
inner$4(this).data = data;
},
/**
* @see {module:echarts/data/helper/sourceHelper#getSource}
* @return {module:echarts/data/Source} source
*/
getSource: function () {
return getSource(this);
},
/**
* Get data before processed
* @return {module:echarts/data/List}
*/
getRawData: function () {
return inner$4(this).dataBeforeProcessed;
},
/**
* Get base axis if has coordinate system and has axis.
* By default use coordSys.getBaseAxis();
* Can be overrided for some chart.
* @return {type} description
*/
getBaseAxis: function () {
var coordSys = this.coordinateSystem;
return coordSys && coordSys.getBaseAxis && coordSys.getBaseAxis();
},
// FIXME
/**
* Default tooltip formatter
*
* @param {number} dataIndex
* @param {boolean} [multipleSeries=false]
* @param {number} [dataType]
* @param {string} [renderMode='html'] valid values: 'html' and 'richText'.
* 'html' is used for rendering tooltip in extra DOM form, and the result
* string is used as DOM HTML content.
* 'richText' is used for rendering tooltip in rich text form, for those where
* DOM operation is not supported.
* @return {Object} formatted tooltip with `html` and `markers`
*/
formatTooltip: function (dataIndex, multipleSeries, dataType, renderMode) {
var series = this;
renderMode = renderMode || 'html';
var newLine = renderMode === 'html' ? '|string} dim
* @param {Array.} value
* @param {module:echarts/coord/single/SingleAxis} baseAxis
* @return {Object} {dataIndices, nestestValue}.
*/
getAxisTooltipData: null,
/**
* See tooltip.
* @abstract
* @param {number} dataIndex
* @return {Array.} Point of tooltip. null/undefined can be returned.
*/
getTooltipPosition: null,
/**
* @see {module:echarts/stream/Scheduler}
*/
pipeTask: null,
/**
* Convinient for override in extended class.
* @protected
* @type {Function}
*/
preventIncremental: null,
/**
* @public
* @readOnly
* @type {Object}
*/
pipelineContext: null
});
mixin(SeriesModel, dataFormatMixin);
mixin(SeriesModel, colorPaletteMixin);
/**
* MUST be called after `prepareSource` called
* Here we need to make auto series, especially for auto legend. But we
* do not modify series.name in option to avoid side effects.
*/
function autoSeriesName(seriesModel) {
// User specified name has higher priority, otherwise it may cause
// series can not be queried unexpectedly.
var name = seriesModel.name;
if (!isNameSpecified(seriesModel)) {
seriesModel.name = getSeriesAutoName(seriesModel) || name;
}
}
function getSeriesAutoName(seriesModel) {
var data = seriesModel.getRawData();
var dataDims = data.mapDimension('seriesName', true);
var nameArr = [];
each$1(dataDims, function (dataDim) {
var dimInfo = data.getDimensionInfo(dataDim);
dimInfo.displayName && nameArr.push(dimInfo.displayName);
});
return nameArr.join(' ');
}
function dataTaskCount(context) {
return context.model.getRawData().count();
}
function dataTaskReset(context) {
var seriesModel = context.model;
seriesModel.setData(seriesModel.getRawData().cloneShallow());
return dataTaskProgress;
}
function dataTaskProgress(param, context) {
// Avoid repead cloneShallow when data just created in reset.
if (param.end > context.outputData.count()) {
context.model.getRawData().cloneShallow(context.outputData);
}
}
// TODO refactor
function wrapData(data, seriesModel) {
each$1(data.CHANGABLE_METHODS, function (methodName) {
data.wrapMethod(methodName, curry(onDataSelfChange, seriesModel));
});
}
function onDataSelfChange(seriesModel) {
var task = getCurrentTask(seriesModel);
if (task) {
// Consider case: filter, selectRange
task.setOutputEnd(this.count());
}
}
function getCurrentTask(seriesModel) {
var scheduler = (seriesModel.ecModel || {}).scheduler;
var pipeline = scheduler && scheduler.getPipeline(seriesModel.uid);
if (pipeline) {
// When pipline finished, the currrentTask keep the last
// task (renderTask).
var task = pipeline.currentTask;
if (task) {
var agentStubMap = task.agentStubMap;
if (agentStubMap) {
task = agentStubMap.get(seriesModel.uid);
}
}
return task;
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var Component$1 = function () {
/**
* @type {module:zrender/container/Group}
* @readOnly
*/
this.group = new Group();
/**
* @type {string}
* @readOnly
*/
this.uid = getUID('viewComponent');
};
Component$1.prototype = {
constructor: Component$1,
init: function (ecModel, api) {},
render: function (componentModel, ecModel, api, payload) {},
dispose: function () {},
/**
* @param {string} eventType
* @param {Object} query
* @param {module:zrender/Element} targetEl
* @param {Object} packedEvent
* @return {boolen} Pass only when return `true`.
*/
filterForExposedEvent: null
};
var componentProto = Component$1.prototype;
componentProto.updateView
= componentProto.updateLayout
= componentProto.updateVisual
= function (seriesModel, ecModel, api, payload) {
// Do nothing;
};
// Enable Component.extend.
enableClassExtend(Component$1);
// Enable capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
enableClassManagement(Component$1, {registerWhenExtend: true});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @return {string} If large mode changed, return string 'reset';
*/
var createRenderPlanner = function () {
var inner = makeInner();
return function (seriesModel) {
var fields = inner(seriesModel);
var pipelineContext = seriesModel.pipelineContext;
var originalLarge = fields.large;
var originalProgressive = fields.progressiveRender;
var large = fields.large = pipelineContext.large;
var progressive = fields.progressiveRender = pipelineContext.progressiveRender;
return !!((originalLarge ^ large) || (originalProgressive ^ progressive)) && 'reset';
};
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var inner$5 = makeInner();
var renderPlanner = createRenderPlanner();
function Chart() {
/**
* @type {module:zrender/container/Group}
* @readOnly
*/
this.group = new Group();
/**
* @type {string}
* @readOnly
*/
this.uid = getUID('viewChart');
this.renderTask = createTask({
plan: renderTaskPlan,
reset: renderTaskReset
});
this.renderTask.context = {view: this};
}
Chart.prototype = {
type: 'chart',
/**
* Init the chart.
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
*/
init: function (ecModel, api) {},
/**
* Render the chart.
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
*/
render: function (seriesModel, ecModel, api, payload) {},
/**
* Highlight series or specified data item.
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
*/
highlight: function (seriesModel, ecModel, api, payload) {
toggleHighlight(seriesModel.getData(), payload, 'emphasis');
},
/**
* Downplay series or specified data item.
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
*/
downplay: function (seriesModel, ecModel, api, payload) {
toggleHighlight(seriesModel.getData(), payload, 'normal');
},
/**
* Remove self.
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
*/
remove: function (ecModel, api) {
this.group.removeAll();
},
/**
* Dispose self.
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
*/
dispose: function () {},
/**
* Rendering preparation in progressive mode.
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
*/
incrementalPrepareRender: null,
/**
* Render in progressive mode.
* @param {Object} params See taskParams in `stream/task.js`
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
*/
incrementalRender: null,
/**
* Update transform directly.
* @param {module:echarts/model/Series} seriesModel
* @param {module:echarts/model/Global} ecModel
* @param {module:echarts/ExtensionAPI} api
* @param {Object} payload
* @return {Object} {update: true}
*/
updateTransform: null,
/**
* The view contains the given point.
* @interface
* @param {Array.} point
* @return {boolean}
*/
// containPoint: function () {}
/**
* @param {string} eventType
* @param {Object} query
* @param {module:zrender/Element} targetEl
* @param {Object} packedEvent
* @return {boolen} Pass only when return `true`.
*/
filterForExposedEvent: null
};
var chartProto = Chart.prototype;
chartProto.updateView =
chartProto.updateLayout =
chartProto.updateVisual =
function (seriesModel, ecModel, api, payload) {
this.render(seriesModel, ecModel, api, payload);
};
/**
* Set state of single element
* @param {module:zrender/Element} el
* @param {string} state 'normal'|'emphasis'
* @param {number} highlightDigit
*/
function elSetState(el, state, highlightDigit) {
if (el) {
el.trigger(state, highlightDigit);
if (el.isGroup
// Simple optimize.
&& !isHighDownDispatcher(el)
) {
for (var i = 0, len = el.childCount(); i < len; i++) {
elSetState(el.childAt(i), state, highlightDigit);
}
}
}
}
/**
* @param {module:echarts/data/List} data
* @param {Object} payload
* @param {string} state 'normal'|'emphasis'
*/
function toggleHighlight(data, payload, state) {
var dataIndex = queryDataIndex(data, payload);
var highlightDigit = (payload && payload.highlightKey != null)
? getHighlightDigit(payload.highlightKey)
: null;
if (dataIndex != null) {
each$1(normalizeToArray(dataIndex), function (dataIdx) {
elSetState(data.getItemGraphicEl(dataIdx), state, highlightDigit);
});
}
else {
data.eachItemGraphicEl(function (el) {
elSetState(el, state, highlightDigit);
});
}
}
// Enable Chart.extend.
enableClassExtend(Chart, ['dispose']);
// Add capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
enableClassManagement(Chart, {registerWhenExtend: true});
Chart.markUpdateMethod = function (payload, methodName) {
inner$5(payload).updateMethod = methodName;
};
function renderTaskPlan(context) {
return renderPlanner(context.model);
}
function renderTaskReset(context) {
var seriesModel = context.model;
var ecModel = context.ecModel;
var api = context.api;
var payload = context.payload;
// ???! remove updateView updateVisual
var progressiveRender = seriesModel.pipelineContext.progressiveRender;
var view = context.view;
var updateMethod = payload && inner$5(payload).updateMethod;
var methodName = progressiveRender
? 'incrementalPrepareRender'
: (updateMethod && view[updateMethod])
? updateMethod
// `appendData` is also supported when data amount
// is less than progressive threshold.
: 'render';
if (methodName !== 'render') {
view[methodName](seriesModel, ecModel, api, payload);
}
return progressMethodMap[methodName];
}
var progressMethodMap = {
incrementalPrepareRender: {
progress: function (params, context) {
context.view.incrementalRender(
params, context.model, context.ecModel, context.api, context.payload
);
}
},
render: {
// Put view.render in `progress` to support appendData. But in this case
// view.render should not be called in reset, otherwise it will be called
// twise. Use `forceFirstProgress` to make sure that view.render is called
// in any cases.
forceFirstProgress: true,
progress: function (params, context) {
context.view.render(
context.model, context.ecModel, context.api, context.payload
);
}
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var ORIGIN_METHOD = '\0__throttleOriginMethod';
var RATE = '\0__throttleRate';
var THROTTLE_TYPE = '\0__throttleType';
/**
* @public
* @param {(Function)} fn
* @param {number} [delay=0] Unit: ms.
* @param {boolean} [debounce=false]
* true: If call interval less than `delay`, only the last call works.
* false: If call interval less than `delay, call works on fixed rate.
* @return {(Function)} throttled fn.
*/
function throttle(fn, delay, debounce) {
var currCall;
var lastCall = 0;
var lastExec = 0;
var timer = null;
var diff;
var scope;
var args;
var debounceNextCall;
delay = delay || 0;
function exec() {
lastExec = (new Date()).getTime();
timer = null;
fn.apply(scope, args || []);
}
var cb = function () {
currCall = (new Date()).getTime();
scope = this;
args = arguments;
var thisDelay = debounceNextCall || delay;
var thisDebounce = debounceNextCall || debounce;
debounceNextCall = null;
diff = currCall - (thisDebounce ? lastCall : lastExec) - thisDelay;
clearTimeout(timer);
// Here we should make sure that: the `exec` SHOULD NOT be called later
// than a new call of `cb`, that is, preserving the command order. Consider
// calculating "scale rate" when roaming as an example. When a call of `cb`
// happens, either the `exec` is called dierectly, or the call is delayed.
// But the delayed call should never be later than next call of `cb`. Under
// this assurance, we can simply update view state each time `dispatchAction`
// triggered by user roaming, but not need to add extra code to avoid the
// state being "rolled-back".
if (thisDebounce) {
timer = setTimeout(exec, thisDelay);
}
else {
if (diff >= 0) {
exec();
}
else {
timer = setTimeout(exec, -diff);
}
}
lastCall = currCall;
};
/**
* Clear throttle.
* @public
*/
cb.clear = function () {
if (timer) {
clearTimeout(timer);
timer = null;
}
};
/**
* Enable debounce once.
*/
cb.debounceNextCall = function (debounceDelay) {
debounceNextCall = debounceDelay;
};
return cb;
}
/**
* Create throttle method or update throttle rate.
*
* @example
* ComponentView.prototype.render = function () {
* ...
* throttle.createOrUpdate(
* this,
* '_dispatchAction',
* this.model.get('throttle'),
* 'fixRate'
* );
* };
* ComponentView.prototype.remove = function () {
* throttle.clear(this, '_dispatchAction');
* };
* ComponentView.prototype.dispose = function () {
* throttle.clear(this, '_dispatchAction');
* };
*
* @public
* @param {Object} obj
* @param {string} fnAttr
* @param {number} [rate]
* @param {string} [throttleType='fixRate'] 'fixRate' or 'debounce'
* @return {Function} throttled function.
*/
function createOrUpdate(obj, fnAttr, rate, throttleType) {
var fn = obj[fnAttr];
if (!fn) {
return;
}
var originFn = fn[ORIGIN_METHOD] || fn;
var lastThrottleType = fn[THROTTLE_TYPE];
var lastRate = fn[RATE];
if (lastRate !== rate || lastThrottleType !== throttleType) {
if (rate == null || !throttleType) {
return (obj[fnAttr] = originFn);
}
fn = obj[fnAttr] = throttle(
originFn, rate, throttleType === 'debounce'
);
fn[ORIGIN_METHOD] = originFn;
fn[THROTTLE_TYPE] = throttleType;
fn[RATE] = rate;
}
return fn;
}
/**
* Clear throttle. Example see throttle.createOrUpdate.
*
* @public
* @param {Object} obj
* @param {string} fnAttr
*/
function clear(obj, fnAttr) {
var fn = obj[fnAttr];
if (fn && fn[ORIGIN_METHOD]) {
obj[fnAttr] = fn[ORIGIN_METHOD];
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var seriesColor = {
createOnAllSeries: true,
performRawSeries: true,
reset: function (seriesModel, ecModel) {
var data = seriesModel.getData();
var colorAccessPath = (seriesModel.visualColorAccessPath || 'itemStyle.color').split('.');
var color = seriesModel.get(colorAccessPath) // Set in itemStyle
|| seriesModel.getColorFromPalette(
// TODO series count changed.
seriesModel.name, null, ecModel.getSeriesCount()
); // Default color
// FIXME Set color function or use the platte color
data.setVisual('color', color);
// Only visible series has each data be visual encoded
if (!ecModel.isSeriesFiltered(seriesModel)) {
if (typeof color === 'function' && !(color instanceof Gradient)) {
data.each(function (idx) {
data.setItemVisual(
idx, 'color', color(seriesModel.getDataParams(idx))
);
});
}
// itemStyle in each data item
var dataEach = function (data, idx) {
var itemModel = data.getItemModel(idx);
var color = itemModel.get(colorAccessPath, true);
if (color != null) {
data.setItemVisual(idx, 'color', color);
}
};
return { dataEach: data.hasItemOption ? dataEach : null };
}
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var lang = {
toolbox: {
brush: {
title: {
rect: '矩形选择',
polygon: '圈选',
lineX: '横向选择',
lineY: '纵向选择',
keep: '保持选择',
clear: '清除选择'
}
},
dataView: {
title: '数据视图',
lang: ['数据视图', '关闭', '刷新']
},
dataZoom: {
title: {
zoom: '区域缩放',
back: '区域缩放还原'
}
},
magicType: {
title: {
line: '切换为折线图',
bar: '切换为柱状图',
stack: '切换为堆叠',
tiled: '切换为平铺'
}
},
restore: {
title: '还原'
},
saveAsImage: {
title: '保存为图片',
lang: ['右键另存为图片']
}
},
series: {
typeNames: {
pie: '饼图',
bar: '柱状图',
line: '折线图',
scatter: '散点图',
effectScatter: '涟漪散点图',
radar: '雷达图',
tree: '树图',
treemap: '矩形树图',
boxplot: '箱型图',
candlestick: 'K线图',
k: 'K线图',
heatmap: '热力图',
map: '地图',
parallel: '平行坐标图',
lines: '线图',
graph: '关系图',
sankey: '桑基图',
funnel: '漏斗图',
gauge: '仪表盘图',
pictorialBar: '象形柱图',
themeRiver: '主题河流图',
sunburst: '旭日图'
}
},
aria: {
general: {
withTitle: '这是一个关于“{title}”的图表。',
withoutTitle: '这是一个图表，'
},
series: {
single: {
prefix: '',
withName: '图表类型是{seriesType}，表示{seriesName}。',
withoutName: '图表类型是{seriesType}。'
},
multiple: {
prefix: '它由{seriesCount}个图表系列组成。',
withName: '第{seriesId}个系列是一个表示{seriesName}的{seriesType}，',
withoutName: '第{seriesId}个系列是一个{seriesType}，',
separator: {
middle: '；',
end: '。'
}
}
},
data: {
allData: '其数据是——',
partialData: '其中，前{displayCnt}项是——',
withName: '{name}的数据是{value}',
withoutName: '{value}',
separator: {
middle: '，',
end: ''
}
}
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var aria = function (dom, ecModel) {
var ariaModel = ecModel.getModel('aria');
if (!ariaModel.get('show')) {
return;
}
else if (ariaModel.get('description')) {
dom.setAttribute('aria-label', ariaModel.get('description'));
return;
}
var seriesCnt = 0;
ecModel.eachSeries(function (seriesModel, idx) {
++seriesCnt;
}, this);
var maxDataCnt = ariaModel.get('data.maxCount') || 10;
var maxSeriesCnt = ariaModel.get('series.maxCount') || 10;
var displaySeriesCnt = Math.min(seriesCnt, maxSeriesCnt);
var ariaLabel;
if (seriesCnt < 1) {
// No series, no aria label
return;
}
else {
var title = getTitle();
if (title) {
ariaLabel = replace(getConfig('general.withTitle'), {
title: title
});
}
else {
ariaLabel = getConfig('general.withoutTitle');
}
var seriesLabels = [];
var prefix = seriesCnt > 1
? 'series.multiple.prefix'
: 'series.single.prefix';
ariaLabel += replace(getConfig(prefix), { seriesCount: seriesCnt });
ecModel.eachSeries(function (seriesModel, idx) {
if (idx < displaySeriesCnt) {
var seriesLabel;
var seriesName = seriesModel.get('name');
var seriesTpl = 'series.'
+ (seriesCnt > 1 ? 'multiple' : 'single') + '.';
seriesLabel = getConfig(seriesName
? seriesTpl + 'withName'
: seriesTpl + 'withoutName');
seriesLabel = replace(seriesLabel, {
seriesId: seriesModel.seriesIndex,
seriesName: seriesModel.get('name'),
seriesType: getSeriesTypeName(seriesModel.subType)
});
var data = seriesModel.getData();
window.data = data;
if (data.count() > maxDataCnt) {
// Show part of data
seriesLabel += replace(getConfig('data.partialData'), {
displayCnt: maxDataCnt
});
}
else {
seriesLabel += getConfig('data.allData');
}
var dataLabels = [];
for (var i = 0; i < data.count(); i++) {
if (i < maxDataCnt) {
var name = data.getName(i);
var value = retrieveRawValue(data, i);
dataLabels.push(
replace(
name
? getConfig('data.withName')
: getConfig('data.withoutName'),
{
name: name,
value: value
}
)
);
}
}
seriesLabel += dataLabels
.join(getConfig('data.separator.middle'))
+ getConfig('data.separator.end');
seriesLabels.push(seriesLabel);
}
});
ariaLabel += seriesLabels
.join(getConfig('series.multiple.separator.middle'))
+ getConfig('series.multiple.separator.end');
dom.setAttribute('aria-label', ariaLabel);
}
function replace(str, keyValues) {
if (typeof str !== 'string') {
return str;
}
var result = str;
each$1(keyValues, function (value, key) {
result = result.replace(
new RegExp('\\{\\s*' + key + '\\s*\\}', 'g'),
value
);
});
return result;
}
function getConfig(path) {
var userConfig = ariaModel.get(path);
if (userConfig == null) {
var pathArr = path.split('.');
var result = lang.aria;
for (var i = 0; i < pathArr.length; ++i) {
result = result[pathArr[i]];
}
return result;
}
else {
return userConfig;
}
}
function getTitle() {
var title = ecModel.getModel('title').option;
if (title && title.length) {
title = title[0];
}
return title && title.text;
}
function getSeriesTypeName(type) {
return lang.series.typeNames[type] || '自定义图';
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var PI$1 = Math.PI;
/**
* @param {module:echarts/ExtensionAPI} api
* @param {Object} [opts]
* @param {string} [opts.text]
* @param {string} [opts.color]
* @param {string} [opts.textColor]
* @return {module:zrender/Element}
*/
var loadingDefault = function (api, opts) {
opts = opts || {};
defaults(opts, {
text: 'loading',
color: '#c23531',
textColor: '#000',
maskColor: 'rgba(255, 255, 255, 0.8)',
zlevel: 0
});
var mask = new Rect({
style: {
fill: opts.maskColor
},
zlevel: opts.zlevel,
z: 10000
});
var arc = new Arc({
shape: {
startAngle: -PI$1 / 2,
endAngle: -PI$1 / 2 + 0.1,
r: 10
},
style: {
stroke: opts.color,
lineCap: 'round',
lineWidth: 5
},
zlevel: opts.zlevel,
z: 10001
});
var labelRect = new Rect({
style: {
fill: 'none',
text: opts.text,
textPosition: 'right',
textDistance: 10,
textFill: opts.textColor
},
zlevel: opts.zlevel,
z: 10001
});
arc.animateShape(true)
.when(1000, {
endAngle: PI$1 * 3 / 2
})
.start('circularInOut');
arc.animateShape(true)
.when(1000, {
startAngle: PI$1 * 3 / 2
})
.delay(300)
.start('circularInOut');
var group = new Group();
group.add(arc);
group.add(labelRect);
group.add(mask);
// Inject resize
group.resize = function () {
var cx = api.getWidth() / 2;
var cy = api.getHeight() / 2;
arc.setShape({
cx: cx,
cy: cy
});
var r = arc.shape.r;
labelRect.setShape({
x: cx - r,
y: cy - r,
width: r * 2,
height: r * 2
});
mask.setShape({
x: 0,
y: 0,
width: api.getWidth(),
height: api.getHeight()
});
};
group.resize();
return group;
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @module echarts/stream/Scheduler
*/
/**
* @constructor
*/
function Scheduler(ecInstance, api, dataProcessorHandlers, visualHandlers) {
this.ecInstance = ecInstance;
this.api = api;
this.unfinished;
// Fix current processors in case that in some rear cases that
// processors might be registered after echarts instance created.
// Register processors incrementally for a echarts instance is
// not supported by this stream architecture.
var dataProcessorHandlers = this._dataProcessorHandlers = dataProcessorHandlers.slice();
var visualHandlers = this._visualHandlers = visualHandlers.slice();
this._allHandlers = dataProcessorHandlers.concat(visualHandlers);
/**
* @private
* @type {
* [handlerUID: string]: {
* seriesTaskMap?: {
* [seriesUID: string]: Task
* },
* overallTask?: Task
* }
* }
*/
this._stageTaskMap = createHashMap();
}
var proto = Scheduler.prototype;
/**
* @param {module:echarts/model/Global} ecModel
* @param {Object} payload
*/
proto.restoreData = function (ecModel, payload) {
// TODO: Only restroe needed series and components, but not all components.
// Currently `restoreData` of all of the series and component will be called.
// But some independent components like `title`, `legend`, `graphic`, `toolbox`,
// `tooltip`, `axisPointer`, etc, do not need series refresh when `setOption`,
// and some components like coordinate system, axes, dataZoom, visualMap only
// need their target series refresh.
// (1) If we are implementing this feature some day, we should consider these cases:
// if a data processor depends on a component (e.g., dataZoomProcessor depends
// on the settings of `dataZoom`), it should be re-performed if the component
// is modified by `setOption`.
// (2) If a processor depends on sevral series, speicified by its `getTargetSeries`,
// it should be re-performed when the result array of `getTargetSeries` changed.
// We use `dependencies` to cover these issues.
// (3) How to update target series when coordinate system related components modified.
// TODO: simply the dirty mechanism? Check whether only the case here can set tasks dirty,
// and this case all of the tasks will be set as dirty.
ecModel.restoreData(payload);
// Theoretically an overall task not only depends on each of its target series, but also
// depends on all of the series.
// The overall task is not in pipeline, and `ecModel.restoreData` only set pipeline tasks
// dirty. If `getTargetSeries` of an overall task returns nothing, we should also ensure
// that the overall task is set as dirty and to be performed, otherwise it probably cause
// state chaos. So we have to set dirty of all of the overall tasks manually, otherwise it
// probably cause state chaos (consider `dataZoomProcessor`).
this._stageTaskMap.each(function (taskRecord) {
var overallTask = taskRecord.overallTask;
overallTask && overallTask.dirty();
});
};
// If seriesModel provided, incremental threshold is check by series data.
proto.getPerformArgs = function (task, isBlock) {
// For overall task
if (!task.__pipeline) {
return;
}
var pipeline = this._pipelineMap.get(task.__pipeline.id);
var pCtx = pipeline.context;
var incremental = !isBlock
&& pipeline.progressiveEnabled
&& (!pCtx || pCtx.progressiveRender)
&& task.__idxInPipeline > pipeline.blockIndex;
var step = incremental ? pipeline.step : null;
var modDataCount = pCtx && pCtx.modDataCount;
var modBy = modDataCount != null ? Math.ceil(modDataCount / step) : null;
return {step: step, modBy: modBy, modDataCount: modDataCount};
};
proto.getPipeline = function (pipelineId) {
return this._pipelineMap.get(pipelineId);
};
/**
* Current, progressive rendering starts from visual and layout.
* Always detect render mode in the same stage, avoiding that incorrect
* detection caused by data filtering.
* Caution:
* `updateStreamModes` use `seriesModel.getData()`.
*/
proto.updateStreamModes = function (seriesModel, view) {
var pipeline = this._pipelineMap.get(seriesModel.uid);
var data = seriesModel.getData();
var dataLen = data.count();
// `progressiveRender` means that can render progressively in each
// animation frame. Note that some types of series do not provide
// `view.incrementalPrepareRender` but support `chart.appendData`. We
// use the term `incremental` but not `progressive` to describe the
// case that `chart.appendData`.
var progressiveRender = pipeline.progressiveEnabled
&& view.incrementalPrepareRender
&& dataLen >= pipeline.threshold;
var large = seriesModel.get('large') && dataLen >= seriesModel.get('largeThreshold');
// TODO: modDataCount should not updated if `appendData`, otherwise cause whole repaint.
// see `test/candlestick-large3.html`
var modDataCount = seriesModel.get('progressiveChunkMode') === 'mod' ? dataLen : null;
seriesModel.pipelineContext = pipeline.context = {
progressiveRender: progressiveRender,
modDataCount: modDataCount,
large: large
};
};
proto.restorePipelines = function (ecModel) {
var scheduler = this;
var pipelineMap = scheduler._pipelineMap = createHashMap();
ecModel.eachSeries(function (seriesModel) {
var progressive = seriesModel.getProgressive();
var pipelineId = seriesModel.uid;
pipelineMap.set(pipelineId, {
id: pipelineId,
head: null,
tail: null,
threshold: seriesModel.getProgressiveThreshold(),
progressiveEnabled: progressive
&& !(seriesModel.preventIncremental && seriesModel.preventIncremental()),
blockIndex: -1,
step: Math.round(progressive || 700),
count: 0
});
pipe(scheduler, seriesModel, seriesModel.dataTask);
});
};
proto.prepareStageTasks = function () {
var stageTaskMap = this._stageTaskMap;
var ecModel = this.ecInstance.getModel();
var api = this.api;
each$1(this._allHandlers, function (handler) {
var record = stageTaskMap.get(handler.uid) || stageTaskMap.set(handler.uid, []);
handler.reset && createSeriesStageTask(this, handler, record, ecModel, api);
handler.overallReset && createOverallStageTask(this, handler, record, ecModel, api);
}, this);
};
proto.prepareView = function (view, model, ecModel, api) {
var renderTask = view.renderTask;
var context = renderTask.context;
context.model = model;
context.ecModel = ecModel;
context.api = api;
renderTask.__block = !view.incrementalPrepareRender;
pipe(this, model, renderTask);
};
proto.performDataProcessorTasks = function (ecModel, payload) {
// If we do not use `block` here, it should be considered when to update modes.
performStageTasks(this, this._dataProcessorHandlers, ecModel, payload, {block: true});
};
// opt
// opt.visualType: 'visual' or 'layout'
// opt.setDirty
proto.performVisualTasks = function (ecModel, payload, opt) {
performStageTasks(this, this._visualHandlers, ecModel, payload, opt);
};
function performStageTasks(scheduler, stageHandlers, ecModel, payload, opt) {
opt = opt || {};
var unfinished;
each$1(stageHandlers, function (stageHandler, idx) {
if (opt.visualType && opt.visualType !== stageHandler.visualType) {
return;
}
var stageHandlerRecord = scheduler._stageTaskMap.get(stageHandler.uid);
var seriesTaskMap = stageHandlerRecord.seriesTaskMap;
var overallTask = stageHandlerRecord.overallTask;
if (overallTask) {
var overallNeedDirty;
var agentStubMap = overallTask.agentStubMap;
agentStubMap.each(function (stub) {
if (needSetDirty(opt, stub)) {
stub.dirty();
overallNeedDirty = true;
}
});
overallNeedDirty && overallTask.dirty();
updatePayload(overallTask, payload);
var performArgs = scheduler.getPerformArgs(overallTask, opt.block);
// Execute stubs firstly, which may set the overall task dirty,
// then execute the overall task. And stub will call seriesModel.setData,
// which ensures that in the overallTask seriesModel.getData() will not
// return incorrect data.
agentStubMap.each(function (stub) {
stub.perform(performArgs);
});
unfinished |= overallTask.perform(performArgs);
}
else if (seriesTaskMap) {
seriesTaskMap.each(function (task, pipelineId) {
if (needSetDirty(opt, task)) {
task.dirty();
}
var performArgs = scheduler.getPerformArgs(task, opt.block);
performArgs.skip = !stageHandler.performRawSeries
&& ecModel.isSeriesFiltered(task.context.model);
updatePayload(task, payload);
unfinished |= task.perform(performArgs);
});
}
});
function needSetDirty(opt, task) {
return opt.setDirty && (!opt.dirtyMap || opt.dirtyMap.get(task.__pipeline.id));
}
scheduler.unfinished |= unfinished;
}
proto.performSeriesTasks = function (ecModel) {
var unfinished;
ecModel.eachSeries(function (seriesModel) {
// Progress to the end for dataInit and dataRestore.
unfinished |= seriesModel.dataTask.perform();
});
this.unfinished |= unfinished;
};
proto.plan = function () {
// Travel pipelines, check block.
this._pipelineMap.each(function (pipeline) {
var task = pipeline.tail;
do {
if (task.__block) {
pipeline.blockIndex = task.__idxInPipeline;
break;
}
task = task.getUpstream();
}
while (task);
});
};
var updatePayload = proto.updatePayload = function (task, payload) {
payload !== 'remain' && (task.context.payload = payload);
};
function createSeriesStageTask(scheduler, stageHandler, stageHandlerRecord, ecModel, api) {
var seriesTaskMap = stageHandlerRecord.seriesTaskMap
|| (stageHandlerRecord.seriesTaskMap = createHashMap());
var seriesType = stageHandler.seriesType;
var getTargetSeries = stageHandler.getTargetSeries;
// If a stageHandler should cover all series, `createOnAllSeries` should be declared mandatorily,
// to avoid some typo or abuse. Otherwise if an extension do not specify a `seriesType`,
// it works but it may cause other irrelevant charts blocked.
if (stageHandler.createOnAllSeries) {
ecModel.eachRawSeries(create);
}
else if (seriesType) {
ecModel.eachRawSeriesByType(seriesType, create);
}
else if (getTargetSeries) {
getTargetSeries(ecModel, api).each(create);
}
function create(seriesModel) {
var pipelineId = seriesModel.uid;
// Init tasks for each seriesModel only once.
// Reuse original task instance.
var task = seriesTaskMap.get(pipelineId)
|| seriesTaskMap.set(pipelineId, createTask({
plan: seriesTaskPlan,
reset: seriesTaskReset,
count: seriesTaskCount
}));
task.context = {
model: seriesModel,
ecModel: ecModel,
api: api,
useClearVisual: stageHandler.isVisual && !stageHandler.isLayout,
plan: stageHandler.plan,
reset: stageHandler.reset,
scheduler: scheduler
};
pipe(scheduler, seriesModel, task);
}
// Clear unused series tasks.
var pipelineMap = scheduler._pipelineMap;
seriesTaskMap.each(function (task, pipelineId) {
if (!pipelineMap.get(pipelineId)) {
task.dispose();
seriesTaskMap.removeKey(pipelineId);
}
});
}
function createOverallStageTask(scheduler, stageHandler, stageHandlerRecord, ecModel, api) {
var overallTask = stageHandlerRecord.overallTask = stageHandlerRecord.overallTask
// For overall task, the function only be called on reset stage.
|| createTask({reset: overallTaskReset});
overallTask.context = {
ecModel: ecModel,
api: api,
overallReset: stageHandler.overallReset,
scheduler: scheduler
};
// Reuse orignal stubs.
var agentStubMap = overallTask.agentStubMap = overallTask.agentStubMap || createHashMap();
var seriesType = stageHandler.seriesType;
var getTargetSeries = stageHandler.getTargetSeries;
var overallProgress = true;
var modifyOutputEnd = stageHandler.modifyOutputEnd;
// An overall task with seriesType detected or has `getTargetSeries`, we add
// stub in each pipelines, it will set the overall task dirty when the pipeline
// progress. Moreover, to avoid call the overall task each frame (too frequent),
// we set the pipeline block.
if (seriesType) {
ecModel.eachRawSeriesByType(seriesType, createStub);
}
else if (getTargetSeries) {
getTargetSeries(ecModel, api).each(createStub);
}
// Otherwise, (usually it is legancy case), the overall task will only be
// executed when upstream dirty. Otherwise the progressive rendering of all
// pipelines will be disabled unexpectedly. But it still needs stubs to receive
// dirty info from upsteam.
else {
overallProgress = false;
each$1(ecModel.getSeries(), createStub);
}
function createStub(seriesModel) {
var pipelineId = seriesModel.uid;
var stub = agentStubMap.get(pipelineId);
if (!stub) {
stub = agentStubMap.set(pipelineId, createTask(
{reset: stubReset, onDirty: stubOnDirty}
));
// When the result of `getTargetSeries` changed, the overallTask
// should be set as dirty and re-performed.
overallTask.dirty();
}
stub.context = {
model: seriesModel,
overallProgress: overallProgress,
modifyOutputEnd: modifyOutputEnd
};
stub.agent = overallTask;
stub.__block = overallProgress;
pipe(scheduler, seriesModel, stub);
}
// Clear unused stubs.
var pipelineMap = scheduler._pipelineMap;
agentStubMap.each(function (stub, pipelineId) {
if (!pipelineMap.get(pipelineId)) {
stub.dispose();
// When the result of `getTargetSeries` changed, the overallTask
// should be set as dirty and re-performed.
overallTask.dirty();
agentStubMap.removeKey(pipelineId);
}
});
}
function overallTaskReset(context) {
context.overallReset(
context.ecModel, context.api, context.payload
);
}
function stubReset(context, upstreamContext) {
return context.overallProgress && stubProgress;
}
function stubProgress() {
this.agent.dirty();
this.getDownstream().dirty();
}
function stubOnDirty() {
this.agent && this.agent.dirty();
}
function seriesTaskPlan(context) {
return context.plan && context.plan(
context.model, context.ecModel, context.api, context.payload
);
}
function seriesTaskReset(context) {
if (context.useClearVisual) {
context.data.clearAllVisual();
}
var resetDefines = context.resetDefines = normalizeToArray(context.reset(
context.model, context.ecModel, context.api, context.payload
));
return resetDefines.length > 1
? map(resetDefines, function (v, idx) {
return makeSeriesTaskProgress(idx);
})
: singleSeriesTaskProgress;
}
var singleSeriesTaskProgress = makeSeriesTaskProgress(0);
function makeSeriesTaskProgress(resetDefineIdx) {
return function (params, context) {
var data = context.data;
var resetDefine = context.resetDefines[resetDefineIdx];
if (resetDefine && resetDefine.dataEach) {
for (var i = params.start; i < params.end; i++) {
resetDefine.dataEach(data, i);
}
}
else if (resetDefine && resetDefine.progress) {
resetDefine.progress(params, data);
}
};
}
function seriesTaskCount(context) {
return context.data.count();
}
function pipe(scheduler, seriesModel, task) {
var pipelineId = seriesModel.uid;
var pipeline = scheduler._pipelineMap.get(pipelineId);
!pipeline.head && (pipeline.head = task);
pipeline.tail && pipeline.tail.pipe(task);
pipeline.tail = task;
task.__idxInPipeline = pipeline.count++;
task.__pipeline = pipeline;
}
Scheduler.wrapStageHandler = function (stageHandler, visualType) {
if (isFunction$1(stageHandler)) {
stageHandler = {
overallReset: stageHandler,
seriesType: detectSeriseType(stageHandler)
};
}
stageHandler.uid = getUID('stageHandler');
visualType && (stageHandler.visualType = visualType);
return stageHandler;
};
/**
* Only some legacy stage handlers (usually in echarts extensions) are pure function.
* To ensure that they can work normally, they should work in block mode, that is,
* they should not be started util the previous tasks finished. So they cause the
* progressive rendering disabled. We try to detect the series type, to narrow down
* the block range to only the series type they concern, but not all series.
*/
function detectSeriseType(legacyFunc) {
seriesType = null;
try {
// Assume there is no async when calling `eachSeriesByType`.
legacyFunc(ecModelMock, apiMock);
}
catch (e) {
}
return seriesType;
}
var ecModelMock = {};
var apiMock = {};
var seriesType;
mockMethods(ecModelMock, GlobalModel);
mockMethods(apiMock, ExtensionAPI);
ecModelMock.eachSeriesByType = ecModelMock.eachRawSeriesByType = function (type) {
seriesType = type;
};
ecModelMock.eachComponent = function (cond) {
if (cond.mainType === 'series' && cond.subType) {
seriesType = cond.subType;
}
};
function mockMethods(target, Clz) {
/* eslint-disable */
for (var name in Clz.prototype) {
// Do not use hasOwnProperty
target[name] = noop;
}
/* eslint-enable */
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var colorAll = [
'#37A2DA', '#32C5E9', '#67E0E3', '#9FE6B8', '#FFDB5C', '#ff9f7f',
'#fb7293', '#E062AE', '#E690D1', '#e7bcf3', '#9d96f5', '#8378EA', '#96BFFF'
];
var lightTheme = {
color: colorAll,
colorLayer: [
['#37A2DA', '#ffd85c', '#fd7b5f'],
['#37A2DA', '#67E0E3', '#FFDB5C', '#ff9f7f', '#E062AE', '#9d96f5'],
['#37A2DA', '#32C5E9', '#9FE6B8', '#FFDB5C', '#ff9f7f', '#fb7293', '#e7bcf3', '#8378EA', '#96BFFF'],
colorAll
]
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var contrastColor = '#eee';
var axisCommon = function () {
return {
axisLine: {
lineStyle: {
color: contrastColor
}
},
axisTick: {
lineStyle: {
color: contrastColor
}
},
axisLabel: {
textStyle: {
color: contrastColor
}
},
splitLine: {
lineStyle: {
type: 'dashed',
color: '#aaa'
}
},
splitArea: {
areaStyle: {
color: contrastColor
}
}
};
};
var colorPalette = [
'#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53',
'#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42'
];
var theme = {
color: colorPalette,
backgroundColor: '#333',
tooltip: {
axisPointer: {
lineStyle: {
color: contrastColor
},
crossStyle: {
color: contrastColor
}
}
},
legend: {
textStyle: {
color: contrastColor
}
},
textStyle: {
color: contrastColor
},
title: {
textStyle: {
color: contrastColor
}
},
toolbox: {
iconStyle: {
normal: {
borderColor: contrastColor
}
}
},
dataZoom: {
textStyle: {
color: contrastColor
}
},
visualMap: {
textStyle: {
color: contrastColor
}
},
timeline: {
lineStyle: {
color: contrastColor
},
itemStyle: {
normal: {
color: colorPalette[1]
}
},
label: {
normal: {
textStyle: {
color: contrastColor
}
}
},
controlStyle: {
normal: {
color: contrastColor,
borderColor: contrastColor
}
}
},
timeAxis: axisCommon(),
logAxis: axisCommon(),
valueAxis: axisCommon(),
categoryAxis: axisCommon(),
line: {
symbol: 'circle'
},
graph: {
color: colorPalette
},
gauge: {
title: {
textStyle: {
color: contrastColor
}
}
},
candlestick: {
itemStyle: {
normal: {
color: '#FD1050',
color0: '#0CF49B',
borderColor: '#FD1050',
borderColor0: '#0CF49B'
}
}
}
};
theme.categoryAxis.splitLine.show = false;
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* This module is imported by echarts directly.
*
* Notice:
* Always keep this file exists for backward compatibility.
* Because before 4.1.0, dataset is an optional component,
* some users may import this module manually.
*/
ComponentModel.extend({
type: 'dataset',
/**
* @protected
*/
defaultOption: {
// 'row', 'column'
seriesLayoutBy: SERIES_LAYOUT_BY_COLUMN,
// null/'auto': auto detect header, see "module:echarts/data/helper/sourceHelper"
sourceHeader: null,
dimensions: null,
source: null
},
optionUpdated: function () {
detectSourceFormat(this);
}
});
Component$1.extend({
type: 'dataset'
});
/**
* 椭圆形状
* @module zrender/graphic/shape/Ellipse
*/
var Ellipse = Path.extend({
type: 'ellipse',
shape: {
cx: 0, cy: 0,
rx: 0, ry: 0
},
buildPath: function (ctx, shape) {
var k = 0.5522848;
var x = shape.cx;
var y = shape.cy;
var a = shape.rx;
var b = shape.ry;
var ox = a * k; // 水平控制点偏移量
var oy = b * k; // 垂直控制点偏移量
// 从椭圆的左端点开始顺时针绘制四条三次贝塞尔曲线
ctx.moveTo(x - a, y);
ctx.bezierCurveTo(x - a, y - oy, x - ox, y - b, x, y - b);
ctx.bezierCurveTo(x + ox, y - b, x + a, y - oy, x + a, y);
ctx.bezierCurveTo(x + a, y + oy, x + ox, y + b, x, y + b);
ctx.bezierCurveTo(x - ox, y + b, x - a, y + oy, x - a, y);
ctx.closePath();
}
});
// import RadialGradient from '../graphic/RadialGradient';
// import Pattern from '../graphic/Pattern';
// import * as vector from '../core/vector';
// Most of the values can be separated by comma and/or white space.
var DILIMITER_REG = /[\s,]+/;
/**
* For big svg string, this method might be time consuming.
*
* @param {string} svg xml string
* @return {Object} xml root.
*/
function parseXML(svg) {
if (isString(svg)) {
var parser = new DOMParser();
svg = parser.parseFromString(svg, 'text/xml');
}
// Document node. If using $.get, doc node may be input.
if (svg.nodeType === 9) {
svg = svg.firstChild;
}
// nodeName of is also 'svg'.
while (svg.nodeName.toLowerCase() !== 'svg' || svg.nodeType !== 1) {
svg = svg.nextSibling;
}
return svg;
}
function SVGParser() {
this._defs = {};
this._root = null;
this._isDefine = false;
this._isText = false;
}
SVGParser.prototype.parse = function (xml, opt) {
opt = opt || {};
var svg = parseXML(xml);
if (!svg) {
throw new Error('Illegal svg');
}
var root = new Group();
this._root = root;
// parse view port
var viewBox = svg.getAttribute('viewBox') || '';
// If width/height not specified, means "100%" of `opt.width/height`.
// TODO: Other percent value not supported yet.
var width = parseFloat(svg.getAttribute('width') || opt.width);
var height = parseFloat(svg.getAttribute('height') || opt.height);
// If width/height not specified, set as null for output.
isNaN(width) && (width = null);
isNaN(height) && (height = null);
// Apply inline style on svg element.
parseAttributes(svg, root, null, true);
var child = svg.firstChild;
while (child) {
this._parseNode(child, root);
child = child.nextSibling;
}
var viewBoxRect;
var viewBoxTransform;
if (viewBox) {
var viewBoxArr = trim(viewBox).split(DILIMITER_REG);
// Some invalid case like viewBox: 'none'.
if (viewBoxArr.length >= 4) {
viewBoxRect = {
x: parseFloat(viewBoxArr[0] || 0),
y: parseFloat(viewBoxArr[1] || 0),
width: parseFloat(viewBoxArr[2]),
height: parseFloat(viewBoxArr[3])
};
}
}
if (viewBoxRect && width != null && height != null) {
viewBoxTransform = makeViewBoxTransform(viewBoxRect, width, height);
if (!opt.ignoreViewBox) {
// If set transform on the output group, it probably bring trouble when
// some users only intend to show the clipped content inside the viewBox,
// but not intend to transform the output group. So we keep the output
// group no transform. If the user intend to use the viewBox as a
// camera, just set `opt.ignoreViewBox` as `true` and set transfrom
// manually according to the viewBox info in the output of this method.
var elRoot = root;
root = new Group();
root.add(elRoot);
elRoot.scale = viewBoxTransform.scale.slice();
elRoot.position = viewBoxTransform.position.slice();
}
}
// Some shapes might be overflow the viewport, which should be
// clipped despite whether the viewBox is used, as the SVG does.
if (!opt.ignoreRootClip && width != null && height != null) {
root.setClipPath(new Rect({
shape: {x: 0, y: 0, width: width, height: height}
}));
}
// Set width/height on group just for output the viewport size.
return {
root: root,
width: width,
height: height,
viewBoxRect: viewBoxRect,
viewBoxTransform: viewBoxTransform
};
};
SVGParser.prototype._parseNode = function (xmlNode, parentGroup) {
var nodeName = xmlNode.nodeName.toLowerCase();
// TODO
// support in svg, where nodeName is 'style',
// CSS classes is defined globally wherever the style tags are declared.
if (nodeName === 'defs') {
// define flag
this._isDefine = true;
}
else if (nodeName === 'text') {
this._isText = true;
}
var el;
if (this._isDefine) {
var parser = defineParsers[nodeName];
if (parser) {
var def = parser.call(this, xmlNode);
var id = xmlNode.getAttribute('id');
if (id) {
this._defs[id] = def;
}
}
}
else {
var parser = nodeParsers[nodeName];
if (parser) {
el = parser.call(this, xmlNode, parentGroup);
parentGroup.add(el);
}
}
var child = xmlNode.firstChild;
while (child) {
if (child.nodeType === 1) {
this._parseNode(child, el);
}
// Is text
if (child.nodeType === 3 && this._isText) {
this._parseText(child, el);
}
child = child.nextSibling;
}
// Quit define
if (nodeName === 'defs') {
this._isDefine = false;
}
else if (nodeName === 'text') {
this._isText = false;
}
};
SVGParser.prototype._parseText = function (xmlNode, parentGroup) {
if (xmlNode.nodeType === 1) {
var dx = xmlNode.getAttribute('dx') || 0;
var dy = xmlNode.getAttribute('dy') || 0;
this._textX += parseFloat(dx);
this._textY += parseFloat(dy);
}
var text = new Text({
style: {
text: xmlNode.textContent,
transformText: true
},
position: [this._textX || 0, this._textY || 0]
});
inheritStyle(parentGroup, text);
parseAttributes(xmlNode, text, this._defs);
var fontSize = text.style.fontSize;
if (fontSize && fontSize < 9) {
// PENDING
text.style.fontSize = 9;
text.scale = text.scale || [1, 1];
text.scale[0] *= fontSize / 9;
text.scale[1] *= fontSize / 9;
}
var rect = text.getBoundingRect();
this._textX += rect.width;
parentGroup.add(text);
return text;
};
var nodeParsers = {
'g': function (xmlNode, parentGroup) {
var g = new Group();
inheritStyle(parentGroup, g);
parseAttributes(xmlNode, g, this._defs);
return g;
},
'rect': function (xmlNode, parentGroup) {
var rect = new Rect();
inheritStyle(parentGroup, rect);
parseAttributes(xmlNode, rect, this._defs);
rect.setShape({
x: parseFloat(xmlNode.getAttribute('x') || 0),
y: parseFloat(xmlNode.getAttribute('y') || 0),
width: parseFloat(xmlNode.getAttribute('width') || 0),
height: parseFloat(xmlNode.getAttribute('height') || 0)
});
// console.log(xmlNode.getAttribute('transform'));
// console.log(rect.transform);
return rect;
},
'circle': function (xmlNode, parentGroup) {
var circle = new Circle();
inheritStyle(parentGroup, circle);
parseAttributes(xmlNode, circle, this._defs);
circle.setShape({
cx: parseFloat(xmlNode.getAttribute('cx') || 0),
cy: parseFloat(xmlNode.getAttribute('cy') || 0),
r: parseFloat(xmlNode.getAttribute('r') || 0)
});
return circle;
},
'line': function (xmlNode, parentGroup) {
var line = new Line();
inheritStyle(parentGroup, line);
parseAttributes(xmlNode, line, this._defs);
line.setShape({
x1: parseFloat(xmlNode.getAttribute('x1') || 0),
y1: parseFloat(xmlNode.getAttribute('y1') || 0),
x2: parseFloat(xmlNode.getAttribute('x2') || 0),
y2: parseFloat(xmlNode.getAttribute('y2') || 0)
});
return line;
},
'ellipse': function (xmlNode, parentGroup) {
var ellipse = new Ellipse();
inheritStyle(parentGroup, ellipse);
parseAttributes(xmlNode, ellipse, this._defs);
ellipse.setShape({
cx: parseFloat(xmlNode.getAttribute('cx') || 0),
cy: parseFloat(xmlNode.getAttribute('cy') || 0),
rx: parseFloat(xmlNode.getAttribute('rx') || 0),
ry: parseFloat(xmlNode.getAttribute('ry') || 0)
});
return ellipse;
},
'polygon': function (xmlNode, parentGroup) {
var points = xmlNode.getAttribute('points');
if (points) {
points = parsePoints(points);
}
var polygon = new Polygon({
shape: {
points: points || []
}
});
inheritStyle(parentGroup, polygon);
parseAttributes(xmlNode, polygon, this._defs);
return polygon;
},
'polyline': function (xmlNode, parentGroup) {
var path = new Path();
inheritStyle(parentGroup, path);
parseAttributes(xmlNode, path, this._defs);
var points = xmlNode.getAttribute('points');
if (points) {
points = parsePoints(points);
}
var polyline = new Polyline({
shape: {
points: points || []
}
});
return polyline;
},
'image': function (xmlNode, parentGroup) {
var img = new ZImage();
inheritStyle(parentGroup, img);
parseAttributes(xmlNode, img, this._defs);
img.setStyle({
image: xmlNode.getAttribute('xlink:href'),
x: xmlNode.getAttribute('x'),
y: xmlNode.getAttribute('y'),
width: xmlNode.getAttribute('width'),
height: xmlNode.getAttribute('height')
});
return img;
},
'text': function (xmlNode, parentGroup) {
var x = xmlNode.getAttribute('x') || 0;
var y = xmlNode.getAttribute('y') || 0;
var dx = xmlNode.getAttribute('dx') || 0;
var dy = xmlNode.getAttribute('dy') || 0;
this._textX = parseFloat(x) + parseFloat(dx);
this._textY = parseFloat(y) + parseFloat(dy);
var g = new Group();
inheritStyle(parentGroup, g);
parseAttributes(xmlNode, g, this._defs);
return g;
},
'tspan': function (xmlNode, parentGroup) {
var x = xmlNode.getAttribute('x');
var y = xmlNode.getAttribute('y');
if (x != null) {
// new offset x
this._textX = parseFloat(x);
}
if (y != null) {
// new offset y
this._textY = parseFloat(y);
}
var dx = xmlNode.getAttribute('dx') || 0;
var dy = xmlNode.getAttribute('dy') || 0;
var g = new Group();
inheritStyle(parentGroup, g);
parseAttributes(xmlNode, g, this._defs);
this._textX += dx;
this._textY += dy;
return g;
},
'path': function (xmlNode, parentGroup) {
// TODO svg fill rule
// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule
// path.style.globalCompositeOperation = 'xor';
var d = xmlNode.getAttribute('d') || '';
// Performance sensitive.
var path = createFromString(d);
inheritStyle(parentGroup, path);
parseAttributes(xmlNode, path, this._defs);
return path;
}
};
var defineParsers = {
'lineargradient': function (xmlNode) {
var x1 = parseInt(xmlNode.getAttribute('x1') || 0, 10);
var y1 = parseInt(xmlNode.getAttribute('y1') || 0, 10);
var x2 = parseInt(xmlNode.getAttribute('x2') || 10, 10);
var y2 = parseInt(xmlNode.getAttribute('y2') || 0, 10);
var gradient = new LinearGradient(x1, y1, x2, y2);
_parseGradientColorStops(xmlNode, gradient);
return gradient;
},
'radialgradient': function (xmlNode) {
}
};
function _parseGradientColorStops(xmlNode, gradient) {
var stop = xmlNode.firstChild;
while (stop) {
if (stop.nodeType === 1) {
var offset = stop.getAttribute('offset');
if (offset.indexOf('%') > 0) { // percentage
offset = parseInt(offset, 10) / 100;
}
else if (offset) { // number from 0 to 1
offset = parseFloat(offset);
}
else {
offset = 0;
}
var stopColor = stop.getAttribute('stop-color') || '#000000';
gradient.addColorStop(offset, stopColor);
}
stop = stop.nextSibling;
}
}
function inheritStyle(parent, child) {
if (parent && parent.__inheritedStyle) {
if (!child.__inheritedStyle) {
child.__inheritedStyle = {};
}
defaults(child.__inheritedStyle, parent.__inheritedStyle);
}
}
function parsePoints(pointsString) {
var list = trim(pointsString).split(DILIMITER_REG);
var points = [];
for (var i = 0; i < list.length; i += 2) {
var x = parseFloat(list[i]);
var y = parseFloat(list[i + 1]);
points.push([x, y]);
}
return points;
}
var attributesMap = {
'fill': 'fill',
'stroke': 'stroke',
'stroke-width': 'lineWidth',
'opacity': 'opacity',
'fill-opacity': 'fillOpacity',
'stroke-opacity': 'strokeOpacity',
'stroke-dasharray': 'lineDash',
'stroke-dashoffset': 'lineDashOffset',
'stroke-linecap': 'lineCap',
'stroke-linejoin': 'lineJoin',
'stroke-miterlimit': 'miterLimit',
'font-family': 'fontFamily',
'font-size': 'fontSize',
'font-style': 'fontStyle',
'font-weight': 'fontWeight',
'text-align': 'textAlign',
'alignment-baseline': 'textBaseline'
};
function parseAttributes(xmlNode, el, defs, onlyInlineStyle) {
var zrStyle = el.__inheritedStyle || {};
var isTextEl = el.type === 'text';
// TODO Shadow
if (xmlNode.nodeType === 1) {
parseTransformAttribute(xmlNode, el);
extend(zrStyle, parseStyleAttribute(xmlNode));
if (!onlyInlineStyle) {
for (var svgAttrName in attributesMap) {
if (attributesMap.hasOwnProperty(svgAttrName)) {
var attrValue = xmlNode.getAttribute(svgAttrName);
if (attrValue != null) {
zrStyle[attributesMap[svgAttrName]] = attrValue;
}
}
}
}
}
var elFillProp = isTextEl ? 'textFill' : 'fill';
var elStrokeProp = isTextEl ? 'textStroke' : 'stroke';
el.style = el.style || new Style();
var elStyle = el.style;
zrStyle.fill != null && elStyle.set(elFillProp, getPaint(zrStyle.fill, defs));
zrStyle.stroke != null && elStyle.set(elStrokeProp, getPaint(zrStyle.stroke, defs));
each$1([
'lineWidth', 'opacity', 'fillOpacity', 'strokeOpacity', 'miterLimit', 'fontSize'
], function (propName) {
var elPropName = (propName === 'lineWidth' && isTextEl) ? 'textStrokeWidth' : propName;
zrStyle[propName] != null && elStyle.set(elPropName, parseFloat(zrStyle[propName]));
});
if (!zrStyle.textBaseline || zrStyle.textBaseline === 'auto') {
zrStyle.textBaseline = 'alphabetic';
}
if (zrStyle.textBaseline === 'alphabetic') {
zrStyle.textBaseline = 'bottom';
}
if (zrStyle.textAlign === 'start') {
zrStyle.textAlign = 'left';
}
if (zrStyle.textAlign === 'end') {
zrStyle.textAlign = 'right';
}
each$1(['lineDashOffset', 'lineCap', 'lineJoin',
'fontWeight', 'fontFamily', 'fontStyle', 'textAlign', 'textBaseline'
], function (propName) {
zrStyle[propName] != null && elStyle.set(propName, zrStyle[propName]);
});
if (zrStyle.lineDash) {
el.style.lineDash = trim(zrStyle.lineDash).split(DILIMITER_REG);
}
if (elStyle[elStrokeProp] && elStyle[elStrokeProp] !== 'none') {
// enable stroke
el[elStrokeProp] = true;
}
el.__inheritedStyle = zrStyle;
}
var urlRegex = /url\(\s*#(.*?)\)/;
function getPaint(str, defs) {
// if (str === 'none') {
// return;
// }
var urlMatch = defs && str && str.match(urlRegex);
if (urlMatch) {
var url = trim(urlMatch[1]);
var def = defs[url];
return def;
}
return str;
}
var transformRegex = /(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.e,]*)\)/g;
function parseTransformAttribute(xmlNode, node) {
var transform = xmlNode.getAttribute('transform');
if (transform) {
transform = transform.replace(/,/g, ' ');
var m = null;
var transformOps = [];
transform.replace(transformRegex, function (str, type, value) {
transformOps.push(type, value);
});
for (var i = transformOps.length - 1; i > 0; i -= 2) {
var value = transformOps[i];
var type = transformOps[i - 1];
m = m || create$1();
switch (type) {
case 'translate':
value = trim(value).split(DILIMITER_REG);
translate(m, m, [parseFloat(value[0]), parseFloat(value[1] || 0)]);
break;
case 'scale':
value = trim(value).split(DILIMITER_REG);
scale$1(m, m, [parseFloat(value[0]), parseFloat(value[1] || value[0])]);
break;
case 'rotate':
value = trim(value).split(DILIMITER_REG);
rotate(m, m, parseFloat(value[0]));
break;
case 'skew':
value = trim(value).split(DILIMITER_REG);
console.warn('Skew transform is not supported yet');
break;
case 'matrix':
var value = trim(value).split(DILIMITER_REG);
m[0] = parseFloat(value[0]);
m[1] = parseFloat(value[1]);
m[2] = parseFloat(value[2]);
m[3] = parseFloat(value[3]);
m[4] = parseFloat(value[4]);
m[5] = parseFloat(value[5]);
break;
}
}
node.setLocalTransform(m);
}
}
// Value may contain space.
var styleRegex = /([^\s:;]+)\s*:\s*([^:;]+)/g;
function parseStyleAttribute(xmlNode) {
var style = xmlNode.getAttribute('style');
var result = {};
if (!style) {
return result;
}
var styleList = {};
styleRegex.lastIndex = 0;
var styleRegResult;
while ((styleRegResult = styleRegex.exec(style)) != null) {
styleList[styleRegResult[1]] = styleRegResult[2];
}
for (var svgAttrName in attributesMap) {
if (attributesMap.hasOwnProperty(svgAttrName) && styleList[svgAttrName] != null) {
result[attributesMap[svgAttrName]] = styleList[svgAttrName];
}
}
return result;
}
/**
* @param {Array.} viewBoxRect
* @param {number} width
* @param {number} height
* @return {Object} {scale, position}
*/
function makeViewBoxTransform(viewBoxRect, width, height) {
var scaleX = width / viewBoxRect.width;
var scaleY = height / viewBoxRect.height;
var scale = Math.min(scaleX, scaleY);
// preserveAspectRatio 'xMidYMid'
var viewBoxScale = [scale, scale];
var viewBoxPosition = [
-(viewBoxRect.x + viewBoxRect.width / 2) * scale + width / 2,
-(viewBoxRect.y + viewBoxRect.height / 2) * scale + height / 2
];
return {
scale: viewBoxScale,
position: viewBoxPosition
};
}
/**
* @param {string|XMLElement} xml
* @param {Object} [opt]
* @param {number} [opt.width] Default width if svg width not specified or is a percent value.
* @param {number} [opt.height] Default height if svg height not specified or is a percent value.
* @param {boolean} [opt.ignoreViewBox]
* @param {boolean} [opt.ignoreRootClip]
* @return {Object} result:
* {
* root: Group, The root of the the result tree of zrender shapes,
* width: number, the viewport width of the SVG,
* height: number, the viewport height of the SVG,
* viewBoxRect: {x, y, width, height}, the declared viewBox rect of the SVG, if exists,
* viewBoxTransform: the {scale, position} calculated by viewBox and viewport, is exists.
* }
*/
function parseSVG(xml, opt) {
var parser = new SVGParser();
return parser.parse(xml, opt);
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var storage = createHashMap();
// For minimize the code size of common echarts package,
// do not put too much logic in this module.
var mapDataStorage = {
// The format of record: see `echarts.registerMap`.
// Compatible with previous `echarts.registerMap`.
registerMap: function (mapName, rawGeoJson, rawSpecialAreas) {
var records;
if (isArray(rawGeoJson)) {
records = rawGeoJson;
}
else if (rawGeoJson.svg) {
records = [{
type: 'svg',
source: rawGeoJson.svg,
specialAreas: rawGeoJson.specialAreas
}];
}
else {
// Backward compatibility.
if (rawGeoJson.geoJson && !rawGeoJson.features) {
rawSpecialAreas = rawGeoJson.specialAreas;
rawGeoJson = rawGeoJson.geoJson;
}
records = [{
type: 'geoJSON',
source: rawGeoJson,
specialAreas: rawSpecialAreas
}];
}
each$1(records, function (record) {
var type = record.type;
type === 'geoJson' && (type = record.type = 'geoJSON');
var parse = parsers[type];
if (__DEV__) {
assert$1(parse, 'Illegal map type: ' + type);
}
parse(record);
});
return storage.set(mapName, records);
},
retrieveMap: function (mapName) {
return storage.get(mapName);
}
};
var parsers = {
geoJSON: function (record) {
var source = record.source;
record.geoJSON = !isString(source)
? source
: (typeof JSON !== 'undefined' && JSON.parse)
? JSON.parse(source)
: (new Function('return (' + source + ');'))();
},
// Only perform parse to XML object here, which might be time
// consiming for large SVG.
// Although convert XML to zrender element is also time consiming,
// if we do it here, the clone of zrender elements has to be
// required. So we do it once for each geo instance, util real
// performance issues call for optimizing it.
svg: function (record) {
record.svgXML = parseXML(record.source);
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var assert = assert$1;
var each = each$1;
var isFunction = isFunction$1;
var isObject = isObject$1;
var parseClassType = ComponentModel.parseClassType;
var version = '4.3.0';
var dependencies = {
zrender: '4.1.0'
};
var TEST_FRAME_REMAIN_TIME = 1;
var PRIORITY_PROCESSOR_FILTER = 1000;
var PRIORITY_PROCESSOR_STATISTIC = 5000;
var PRIORITY_VISUAL_LAYOUT = 1000;
var PRIORITY_VISUAL_PROGRESSIVE_LAYOUT = 1100;
var PRIORITY_VISUAL_GLOBAL = 2000;
var PRIORITY_VISUAL_CHART = 3000;
var PRIORITY_VISUAL_POST_CHART_LAYOUT = 3500;
var PRIORITY_VISUAL_COMPONENT = 4000;
// FIXME
// necessary?
var PRIORITY_VISUAL_BRUSH = 5000;
var PRIORITY = {
PROCESSOR: {
FILTER: PRIORITY_PROCESSOR_FILTER,
STATISTIC: PRIORITY_PROCESSOR_STATISTIC
},
VISUAL: {
LAYOUT: PRIORITY_VISUAL_LAYOUT,
PROGRESSIVE_LAYOUT: PRIORITY_VISUAL_PROGRESSIVE_LAYOUT,
GLOBAL: PRIORITY_VISUAL_GLOBAL,
CHART: PRIORITY_VISUAL_CHART,
POST_CHART_LAYOUT: PRIORITY_VISUAL_POST_CHART_LAYOUT,
COMPONENT: PRIORITY_VISUAL_COMPONENT,
BRUSH: PRIORITY_VISUAL_BRUSH
}
};
// Main process have three entries: `setOption`, `dispatchAction` and `resize`,
// where they must not be invoked nestedly, except the only case: invoke
// dispatchAction with updateMethod "none" in main process.
// This flag is used to carry out this rule.
// All events will be triggered out side main process (i.e. when !this[IN_MAIN_PROCESS]).
var IN_MAIN_PROCESS = '__flagInMainProcess';
var OPTION_UPDATED = '__optionUpdated';
var ACTION_REG = /^[a-zA-Z0-9_]+$/;
function createRegisterEventWithLowercaseName(method) {
return function (eventName, handler, context) {
// Event name is all lowercase
eventName = eventName && eventName.toLowerCase();
Eventful.prototype[method].call(this, eventName, handler, context);
};
}
/**
* @module echarts~MessageCenter
*/
function MessageCenter() {
Eventful.call(this);
}
MessageCenter.prototype.on = createRegisterEventWithLowercaseName('on');
MessageCenter.prototype.off = createRegisterEventWithLowercaseName('off');
MessageCenter.prototype.one = createRegisterEventWithLowercaseName('one');
mixin(MessageCenter, Eventful);
/**
* @module echarts~ECharts
*/
function ECharts(dom, theme$$1, opts) {
opts = opts || {};
// Get theme by name
if (typeof theme$$1 === 'string') {
theme$$1 = themeStorage[theme$$1];
}
/**
* @type {string}
*/
this.id;
/**
* Group id
* @type {string}
*/
this.group;
/**
* @type {HTMLElement}
* @private
*/
this._dom = dom;
var defaultRenderer = 'canvas';
if (__DEV__) {
defaultRenderer = (
typeof window === 'undefined' ? global : window
).__ECHARTS__DEFAULT__RENDERER__ || defaultRenderer;
}
/**
* @type {module:zrender/ZRender}
* @private
*/
var zr = this._zr = init$1(dom, {
renderer: opts.renderer || defaultRenderer,
devicePixelRatio: opts.devicePixelRatio,
width: opts.width,
height: opts.height
});
/**
* Expect 60 fps.
* @type {Function}
* @private
*/
this._throttledZrFlush = throttle(bind(zr.flush, zr), 17);
var theme$$1 = clone(theme$$1);
theme$$1 && backwardCompat(theme$$1, true);
/**
* @type {Object}
* @private
*/
this._theme = theme$$1;
/**
* @type {Array.}
* @private
*/
this._chartsViews = [];
/**
* @type {Object.}
* @private
*/
this._chartsMap = {};
/**
* @type {Array.}
* @private
*/
this._componentsViews = [];
/**
* @type {Object.}
* @private
*/
this._componentsMap = {};
/**
* @type {module:echarts/CoordinateSystem}
* @private
*/
this._coordSysMgr = new CoordinateSystemManager();
/**
* @type {module:echarts/ExtensionAPI}
* @private
*/
var api = this._api = createExtensionAPI(this);
// Sort on demand
function prioritySortFunc(a, b) {
return a.__prio - b.__prio;
}
sort(visualFuncs, prioritySortFunc);
sort(dataProcessorFuncs, prioritySortFunc);
/**
* @type {module:echarts/stream/Scheduler}
*/
this._scheduler = new Scheduler(this, api, dataProcessorFuncs, visualFuncs);
Eventful.call(this, this._ecEventProcessor = new EventProcessor());
/**
* @type {module:echarts~MessageCenter}
* @private
*/
this._messageCenter = new MessageCenter();
// Init mouse events
this._initEvents();
// In case some people write `window.onresize = chart.resize`
this.resize = bind(this.resize, this);
// Can't dispatch action during rendering procedure
this._pendingActions = [];
zr.animation.on('frame', this._onframe, this);
bindRenderedEvent(zr, this);
// ECharts instance can be used as value.
setAsPrimitive(this);
}
var echartsProto = ECharts.prototype;
echartsProto._onframe = function () {
if (this._disposed) {
return;
}
var scheduler = this._scheduler;
// Lazy update
if (this[OPTION_UPDATED]) {
var silent = this[OPTION_UPDATED].silent;
this[IN_MAIN_PROCESS] = true;
prepare(this);
updateMethods.update.call(this);
this[IN_MAIN_PROCESS] = false;
this[OPTION_UPDATED] = false;
flushPendingActions.call(this, silent);
triggerUpdatedEvent.call(this, silent);
}
// Avoid do both lazy update and progress in one frame.
else if (scheduler.unfinished) {
// Stream progress.
var remainTime = TEST_FRAME_REMAIN_TIME;
var ecModel = this._model;
var api = this._api;
scheduler.unfinished = false;
do {
var startTime = +new Date();
scheduler.performSeriesTasks(ecModel);
// Currently dataProcessorFuncs do not check threshold.
scheduler.performDataProcessorTasks(ecModel);
updateStreamModes(this, ecModel);
// Do not update coordinate system here. Because that coord system update in
// each frame is not a good user experience. So we follow the rule that
// the extent of the coordinate system is determin in the first frame (the
// frame is executed immedietely after task reset.
// this._coordSysMgr.update(ecModel, api);
// console.log('--- ec frame visual ---', remainTime);
scheduler.performVisualTasks(ecModel);
renderSeries(this, this._model, api, 'remain');
remainTime -= (+new Date() - startTime);
}
while (remainTime > 0 && scheduler.unfinished);
// Call flush explicitly for trigger finished event.
if (!scheduler.unfinished) {
this._zr.flush();
}
// Else, zr flushing be ensue within the same frame,
// because zr flushing is after onframe event.
}
};
/**
* @return {HTMLElement}
*/
echartsProto.getDom = function () {
return this._dom;
};
/**
* @return {module:zrender~ZRender}
*/
echartsProto.getZr = function () {
return this._zr;
};
/**
* Usage:
* chart.setOption(option, notMerge, lazyUpdate);
* chart.setOption(option, {
* notMerge: ...,
* lazyUpdate: ...,
* silent: ...
* });
*
* @param {Object} option
* @param {Object|boolean} [opts] opts or notMerge.
* @param {boolean} [opts.notMerge=false]
* @param {boolean} [opts.lazyUpdate=false] Useful when setOption frequently.
*/
echartsProto.setOption = function (option, notMerge, lazyUpdate) {
if (__DEV__) {
assert(!this[IN_MAIN_PROCESS], '`setOption` should not be called during main process.');
}
var silent;
if (isObject(notMerge)) {
lazyUpdate = notMerge.lazyUpdate;
silent = notMerge.silent;
notMerge = notMerge.notMerge;
}
this[IN_MAIN_PROCESS] = true;
if (!this._model || notMerge) {
var optionManager = new OptionManager(this._api);
var theme$$1 = this._theme;
var ecModel = this._model = new GlobalModel();
ecModel.scheduler = this._scheduler;
ecModel.init(null, null, theme$$1, optionManager);
}
this._model.setOption(option, optionPreprocessorFuncs);
if (lazyUpdate) {
this[OPTION_UPDATED] = {silent: silent};
this[IN_MAIN_PROCESS] = false;
}
else {
prepare(this);
updateMethods.update.call(this);
// Ensure zr refresh sychronously, and then pixel in canvas can be
// fetched after `setOption`.
this._zr.flush();
this[OPTION_UPDATED] = false;
this[IN_MAIN_PROCESS] = false;
flushPendingActions.call(this, silent);
triggerUpdatedEvent.call(this, silent);
}
};
/**
* @DEPRECATED
*/
echartsProto.setTheme = function () {
console.error('ECharts#setTheme() is DEPRECATED in ECharts 3.0');
};
/**
* @return {module:echarts/model/Global}
*/
echartsProto.getModel = function () {
return this._model;
};
/**
* @return {Object}
*/
echartsProto.getOption = function () {
return this._model && this._model.getOption();
};
/**
* @return {number}
*/
echartsProto.getWidth = function () {
return this._zr.getWidth();
};
/**
* @return {number}
*/
echartsProto.getHeight = function () {
return this._zr.getHeight();
};
/**
* @return {number}
*/
echartsProto.getDevicePixelRatio = function () {
return this._zr.painter.dpr || window.devicePixelRatio || 1;
};
/**
* Get canvas which has all thing rendered
* @param {Object} opts
* @param {string} [opts.backgroundColor]
* @return {string}
*/
echartsProto.getRenderedCanvas = function (opts) {
if (!env$1.canvasSupported) {
return;
}
opts = opts || {};
opts.pixelRatio = opts.pixelRatio || 1;
opts.backgroundColor = opts.backgroundColor
|| this._model.get('backgroundColor');
var zr = this._zr;
// var list = zr.storage.getDisplayList();
// Stop animations
// Never works before in init animation, so remove it.
// zrUtil.each(list, function (el) {
// el.stopAnimation(true);
// });
return zr.painter.getRenderedCanvas(opts);
};
/**
* Get svg data url
* @return {string}
*/
echartsProto.getSvgDataUrl = function () {
if (!env$1.svgSupported) {
return;
}
var zr = this._zr;
var list = zr.storage.getDisplayList();
// Stop animations
each$1(list, function (el) {
el.stopAnimation(true);
});
return zr.painter.pathToDataUrl();
};
/**
* @return {string}
* @param {Object} opts
* @param {string} [opts.type='png']
* @param {string} [opts.pixelRatio=1]
* @param {string} [opts.backgroundColor]
* @param {string} [opts.excludeComponents]
*/
echartsProto.getDataURL = function (opts) {
opts = opts || {};
var excludeComponents = opts.excludeComponents;
var ecModel = this._model;
var excludesComponentViews = [];
var self = this;
each(excludeComponents, function (componentType) {
ecModel.eachComponent({
mainType: componentType
}, function (component) {
var view = self._componentsMap[component.__viewId];
if (!view.group.ignore) {
excludesComponentViews.push(view);
view.group.ignore = true;
}
});
});
var url = this._zr.painter.getType() === 'svg'
? this.getSvgDataUrl()
: this.getRenderedCanvas(opts).toDataURL(
'image/' + (opts && opts.type || 'png')
);
each(excludesComponentViews, function (view) {
view.group.ignore = false;
});
return url;
};
/**
* @return {string}
* @param {Object} opts
* @param {string} [opts.type='png']
* @param {string} [opts.pixelRatio=1]
* @param {string} [opts.backgroundColor]
*/
echartsProto.getConnectedDataURL = function (opts) {
if (!env$1.canvasSupported) {
return;
}
var groupId = this.group;
var mathMin = Math.min;
var mathMax = Math.max;
var MAX_NUMBER = Infinity;
if (connectedGroups[groupId]) {
var left = MAX_NUMBER;
var top = MAX_NUMBER;
var right = -MAX_NUMBER;
var bottom = -MAX_NUMBER;
var canvasList = [];
var dpr = (opts && opts.pixelRatio) || 1;
each$1(instances, function (chart, id) {
if (chart.group === groupId) {
var canvas = chart.getRenderedCanvas(
clone(opts)
);
var boundingRect = chart.getDom().getBoundingClientRect();
left = mathMin(boundingRect.left, left);
top = mathMin(boundingRect.top, top);
right = mathMax(boundingRect.right, right);
bottom = mathMax(boundingRect.bottom, bottom);
canvasList.push({
dom: canvas,
left: boundingRect.left,
top: boundingRect.top
});
}
});
left *= dpr;
top *= dpr;
right *= dpr;
bottom *= dpr;
var width = right - left;
var height = bottom - top;
var targetCanvas = createCanvas();
targetCanvas.width = width;
targetCanvas.height = height;
var zr = init$1(targetCanvas);
// Background between the charts
if (opts.connectedBackgroundColor) {
zr.add(new Rect({
shape: {
x: 0,
y: 0,
width: width,
height: height
},
style: {
fill: opts.connectedBackgroundColor
}
}));
}
each(canvasList, function (item) {
var img = new ZImage({
style: {
x: item.left * dpr - left,
y: item.top * dpr - top,
image: item.dom
}
});
zr.add(img);
});
zr.refreshImmediately();
return targetCanvas.toDataURL('image/' + (opts && opts.type || 'png'));
}
else {
return this.getDataURL(opts);
}
};
/**
* Convert from logical coordinate system to pixel coordinate system.
* See CoordinateSystem#convertToPixel.
* @param {string|Object} finder
* If string, e.g., 'geo', means {geoIndex: 0}.
* If Object, could contain some of these properties below:
* {
* seriesIndex / seriesId / seriesName,
* geoIndex / geoId, geoName,
* bmapIndex / bmapId / bmapName,
* xAxisIndex / xAxisId / xAxisName,
* yAxisIndex / yAxisId / yAxisName,
* gridIndex / gridId / gridName,
* ... (can be extended)
* }
* @param {Array|number} value
* @return {Array|number} result
*/
echartsProto.convertToPixel = curry(doConvertPixel, 'convertToPixel');
/**
* Convert from pixel coordinate system to logical coordinate system.
* See CoordinateSystem#convertFromPixel.
* @param {string|Object} finder
* If string, e.g., 'geo', means {geoIndex: 0}.
* If Object, could contain some of these properties below:
* {
* seriesIndex / seriesId / seriesName,
* geoIndex / geoId / geoName,
* bmapIndex / bmapId / bmapName,
* xAxisIndex / xAxisId / xAxisName,
* yAxisIndex / yAxisId / yAxisName
* gridIndex / gridId / gridName,
* ... (can be extended)
* }
* @param {Array|number} value
* @return {Array|number} result
*/
echartsProto.convertFromPixel = curry(doConvertPixel, 'convertFromPixel');
function doConvertPixel(methodName, finder, value) {
var ecModel = this._model;
var coordSysList = this._coordSysMgr.getCoordinateSystems();
var result;
finder = parseFinder(ecModel, finder);
for (var i = 0; i < coordSysList.length; i++) {
var coordSys = coordSysList[i];
if (coordSys[methodName]
&& (result = coordSys[methodName](ecModel, finder, value)) != null
) {
return result;
}
}
if (__DEV__) {
console.warn(
'No coordinate system that supports ' + methodName + ' found by the given finder.'
);
}
}
/**
* Is the specified coordinate systems or components contain the given pixel point.
* @param {string|Object} finder
* If string, e.g., 'geo', means {geoIndex: 0}.
* If Object, could contain some of these properties below:
* {
* seriesIndex / seriesId / seriesName,
* geoIndex / geoId / geoName,
* bmapIndex / bmapId / bmapName,
* xAxisIndex / xAxisId / xAxisName,
* yAxisIndex / yAxisId / yAxisName,
* gridIndex / gridId / gridName,
* ... (can be extended)
* }
* @param {Array|number} value
* @return {boolean} result
*/
echartsProto.containPixel = function (finder, value) {
var ecModel = this._model;
var result;
finder = parseFinder(ecModel, finder);
each$1(finder, function (models, key) {
key.indexOf('Models') >= 0 && each$1(models, function (model) {
var coordSys = model.coordinateSystem;
if (coordSys && coordSys.containPoint) {
result |= !!coordSys.containPoint(value);
}
else if (key === 'seriesModels') {
var view = this._chartsMap[model.__viewId];
if (view && view.containPoint) {
result |= view.containPoint(value, model);
}
else {
if (__DEV__) {
console.warn(key + ': ' + (view
? 'The found component do not support containPoint.'
: 'No view mapping to the found component.'
));
}
}
}
else {
if (__DEV__) {
console.warn(key + ': containPoint is not supported');
}
}
}, this);
}, this);
return !!result;
};
/**
* Get visual from series or data.
* @param {string|Object} finder
* If string, e.g., 'series', means {seriesIndex: 0}.
* If Object, could contain some of these properties below:
* {
* seriesIndex / seriesId / seriesName,
* dataIndex / dataIndexInside
* }
* If dataIndex is not specified, series visual will be fetched,
* but not data item visual.
* If all of seriesIndex, seriesId, seriesName are not specified,
* visual will be fetched from first series.
* @param {string} visualType 'color', 'symbol', 'symbolSize'
*/
echartsProto.getVisual = function (finder, visualType) {
var ecModel = this._model;
finder = parseFinder(ecModel, finder, {defaultMainType: 'series'});
var seriesModel = finder.seriesModel;
if (__DEV__) {
if (!seriesModel) {
console.warn('There is no specified seires model');
}
}
var data = seriesModel.getData();
var dataIndexInside = finder.hasOwnProperty('dataIndexInside')
? finder.dataIndexInside
: finder.hasOwnProperty('dataIndex')
? data.indexOfRawIndex(finder.dataIndex)
: null;
return dataIndexInside != null
? data.getItemVisual(dataIndexInside, visualType)
: data.getVisual(visualType);
};
/**
* Get view of corresponding component model
* @param {module:echarts/model/Component} componentModel
* @return {module:echarts/view/Component}
*/
echartsProto.getViewOfComponentModel = function (componentModel) {
return this._componentsMap[componentModel.__viewId];
};
/**
* Get view of corresponding series model
* @param {module:echarts/model/Series} seriesModel
* @return {module:echarts/view/Chart}
*/
echartsProto.getViewOfSeriesModel = function (seriesModel) {
return this._chartsMap[seriesModel.__viewId];
};
var updateMethods = {
prepareAndUpdate: function (payload) {
prepare(this);
updateMethods.update.call(this, payload);
},
/**
* @param {Object} payload
* @private
*/
update: function (payload) {
// console.profile && console.profile('update');
var ecModel = this._model;
var api = this._api;
var zr = this._zr;
var coordSysMgr = this._coordSysMgr;
var scheduler = this._scheduler;
// update before setOption
if (!ecModel) {
return;
}
scheduler.restoreData(ecModel, payload);
scheduler.performSeriesTasks(ecModel);
// TODO
// Save total ecModel here for undo/redo (after restoring data and before processing data).
// Undo (restoration of total ecModel) can be carried out in 'action' or outside API call.
// Create new coordinate system each update
// In LineView may save the old coordinate system and use it to get the orignal point
coordSysMgr.create(ecModel, api);
scheduler.performDataProcessorTasks(ecModel, payload);
// Current stream render is not supported in data process. So we can update
// stream modes after data processing, where the filtered data is used to
// deteming whether use progressive rendering.
updateStreamModes(this, ecModel);
// We update stream modes before coordinate system updated, then the modes info
// can be fetched when coord sys updating (consider the barGrid extent fix). But
// the drawback is the full coord info can not be fetched. Fortunately this full
// coord is not requied in stream mode updater currently.
coordSysMgr.update(ecModel, api);
clearColorPalette(ecModel);
scheduler.performVisualTasks(ecModel, payload);
render(this, ecModel, api, payload);
// Set background
var backgroundColor = ecModel.get('backgroundColor') || 'transparent';
// In IE8
if (!env$1.canvasSupported) {
var colorArr = parse(backgroundColor);
backgroundColor = stringify(colorArr, 'rgb');
if (colorArr[3] === 0) {
backgroundColor = 'transparent';
}
}
else {
zr.setBackgroundColor(backgroundColor);
}
performPostUpdateFuncs(ecModel, api);
// console.profile && console.profileEnd('update');
},
/**
* @param {Object} payload
* @private
*/
updateTransform: function (payload) {
var ecModel = this._model;
var ecIns = this;
var api = this._api;
// update before setOption
if (!ecModel) {
return;
}
// ChartView.markUpdateMethod(payload, 'updateTransform');
var componentDirtyList = [];
ecModel.eachComponent(function (componentType, componentModel) {
var componentView = ecIns.getViewOfComponentModel(componentModel);
if (componentView && componentView.__alive) {
if (componentView.updateTransform) {
var result = componentView.updateTransform(componentModel, ecModel, api, payload);
result && result.update && componentDirtyList.push(componentView);
}
else {
componentDirtyList.push(componentView);
}
}
});
var seriesDirtyMap = createHashMap();
ecModel.eachSeries(function (seriesModel) {
var chartView = ecIns._chartsMap[seriesModel.__viewId];
if (chartView.updateTransform) {
var result = chartView.updateTransform(seriesModel, ecModel, api, payload);
result && result.update && seriesDirtyMap.set(seriesModel.uid, 1);
}
else {
seriesDirtyMap.set(seriesModel.uid, 1);
}
});
clearColorPalette(ecModel);
// Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
// this._scheduler.performVisualTasks(ecModel, payload, 'layout', true);
this._scheduler.performVisualTasks(
ecModel, payload, {setDirty: true, dirtyMap: seriesDirtyMap}
);
// Currently, not call render of components. Geo render cost a lot.
// renderComponents(ecIns, ecModel, api, payload, componentDirtyList);
renderSeries(ecIns, ecModel, api, payload, seriesDirtyMap);
performPostUpdateFuncs(ecModel, this._api);
},
/**
* @param {Object} payload
* @private
*/
updateView: function (payload) {
var ecModel = this._model;
// update before setOption
if (!ecModel) {
return;
}
Chart.markUpdateMethod(payload, 'updateView');
clearColorPalette(ecModel);
// Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
this._scheduler.performVisualTasks(ecModel, payload, {setDirty: true});
render(this, this._model, this._api, payload);
performPostUpdateFuncs(ecModel, this._api);
},
/**
* @param {Object} payload
* @private
*/
updateVisual: function (payload) {
updateMethods.update.call(this, payload);
// var ecModel = this._model;
// // update before setOption
// if (!ecModel) {
// return;
// }
// ChartView.markUpdateMethod(payload, 'updateVisual');
// clearColorPalette(ecModel);
// // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
// this._scheduler.performVisualTasks(ecModel, payload, {visualType: 'visual', setDirty: true});
// render(this, this._model, this._api, payload);
// performPostUpdateFuncs(ecModel, this._api);
},
/**
* @param {Object} payload
* @private
*/
updateLayout: function (payload) {
updateMethods.update.call(this, payload);
// var ecModel = this._model;
// // update before setOption
// if (!ecModel) {
// return;
// }
// ChartView.markUpdateMethod(payload, 'updateLayout');
// // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
// // this._scheduler.performVisualTasks(ecModel, payload, 'layout', true);
// this._scheduler.performVisualTasks(ecModel, payload, {setDirty: true});
// render(this, this._model, this._api, payload);
// performPostUpdateFuncs(ecModel, this._api);
}
};
function prepare(ecIns) {
var ecModel = ecIns._model;
var scheduler = ecIns._scheduler;
scheduler.restorePipelines(ecModel);
scheduler.prepareStageTasks();
prepareView(ecIns, 'component', ecModel, scheduler);
prepareView(ecIns, 'chart', ecModel, scheduler);
scheduler.plan();
}
/**
* @private
*/
function updateDirectly(ecIns, method, payload, mainType, subType) {
var ecModel = ecIns._model;
// broadcast
if (!mainType) {
// FIXME
// Chart will not be update directly here, except set dirty.
// But there is no such scenario now.
each(ecIns._componentsViews.concat(ecIns._chartsViews), callView);
return;
}
var query = {};
query[mainType + 'Id'] = payload[mainType + 'Id'];
query[mainType + 'Index'] = payload[mainType + 'Index'];
query[mainType + 'Name'] = payload[mainType + 'Name'];
var condition = {mainType: mainType, query: query};
subType && (condition.subType = subType); // subType may be '' by parseClassType;
var excludeSeriesId = payload.excludeSeriesId;
if (excludeSeriesId != null) {
excludeSeriesId = createHashMap(normalizeToArray(excludeSeriesId));
}
// If dispatchAction before setOption, do nothing.
ecModel && ecModel.eachComponent(condition, function (model) {
if (!excludeSeriesId || excludeSeriesId.get(model.id) == null) {
callView(ecIns[
mainType === 'series' ? '_chartsMap' : '_componentsMap'
][model.__viewId]);
}
}, ecIns);
function callView(view) {
view && view.__alive && view[method] && view[method](
view.__model, ecModel, ecIns._api, payload
);
}
}
/**
* Resize the chart
* @param {Object} opts
* @param {number} [opts.width] Can be 'auto' (the same as null/undefined)
* @param {number} [opts.height] Can be 'auto' (the same as null/undefined)
* @param {boolean} [opts.silent=false]
*/
echartsProto.resize = function (opts) {
if (__DEV__) {
assert(!this[IN_MAIN_PROCESS], '`resize` should not be called during main process.');
}
this._zr.resize(opts);
var ecModel = this._model;
// Resize loading effect
this._loadingFX && this._loadingFX.resize();
if (!ecModel) {
return;
}
var optionChanged = ecModel.resetOption('media');
var silent = opts && opts.silent;
this[IN_MAIN_PROCESS] = true;
optionChanged && prepare(this);
updateMethods.update.call(this);
this[IN_MAIN_PROCESS] = false;
flushPendingActions.call(this, silent);
triggerUpdatedEvent.call(this, silent);
};
function updateStreamModes(ecIns, ecModel) {
var chartsMap = ecIns._chartsMap;
var scheduler = ecIns._scheduler;
ecModel.eachSeries(function (seriesModel) {
scheduler.updateStreamModes(seriesModel, chartsMap[seriesModel.__viewId]);
});
}
/**
* Show loading effect
* @param {string} [name='default']
* @param {Object} [cfg]
*/
echartsProto.showLoading = function (name, cfg) {
if (isObject(name)) {
cfg = name;
name = '';
}
name = name || 'default';
this.hideLoading();
if (!loadingEffects[name]) {
if (__DEV__) {
console.warn('Loading effects ' + name + ' not exists.');
}
return;
}
var el = loadingEffects[name](this._api, cfg);
var zr = this._zr;
this._loadingFX = el;
zr.add(el);
};
/**
* Hide loading effect
*/
echartsProto.hideLoading = function () {
this._loadingFX && this._zr.remove(this._loadingFX);
this._loadingFX = null;
};
/**
* @param {Object} eventObj
* @return {Object}
*/
echartsProto.makeActionFromEvent = function (eventObj) {
var payload = extend({}, eventObj);
payload.type = eventActionMap[eventObj.type];
return payload;
};
/**
* @pubilc
* @param {Object} payload
* @param {string} [payload.type] Action type
* @param {Object|boolean} [opt] If pass boolean, means opt.silent
* @param {boolean} [opt.silent=false] Whether trigger events.
* @param {boolean} [opt.flush=undefined]
* true: Flush immediately, and then pixel in canvas can be fetched
* immediately. Caution: it might affect performance.
* false: Not not flush.
* undefined: Auto decide whether perform flush.
*/
echartsProto.dispatchAction = function (payload, opt) {
if (!isObject(opt)) {
opt = {silent: !!opt};
}
if (!actions[payload.type]) {
return;
}
// Avoid dispatch action before setOption. Especially in `connect`.
if (!this._model) {
return;
}
// May dispatchAction in rendering procedure
if (this[IN_MAIN_PROCESS]) {
this._pendingActions.push(payload);
return;
}
doDispatchAction.call(this, payload, opt.silent);
if (opt.flush) {
this._zr.flush(true);
}
else if (opt.flush !== false && env$1.browser.weChat) {
// In WeChat embeded browser, `requestAnimationFrame` and `setInterval`
// hang when sliding page (on touch event), which cause that zr does not
// refresh util user interaction finished, which is not expected.
// But `dispatchAction` may be called too frequently when pan on touch
// screen, which impacts performance if do not throttle them.
this._throttledZrFlush();
}
flushPendingActions.call(this, opt.silent);
triggerUpdatedEvent.call(this, opt.silent);
};
function doDispatchAction(payload, silent) {
var payloadType = payload.type;
var escapeConnect = payload.escapeConnect;
var actionWrap = actions[payloadType];
var actionInfo = actionWrap.actionInfo;
var cptType = (actionInfo.update || 'update').split(':');
var updateMethod = cptType.pop();
cptType = cptType[0] != null && parseClassType(cptType[0]);
this[IN_MAIN_PROCESS] = true;
var payloads = [payload];
var batched = false;
// Batch action
if (payload.batch) {
batched = true;
payloads = map(payload.batch, function (item) {
item = defaults(extend({}, item), payload);
item.batch = null;
return item;
});
}
var eventObjBatch = [];
var eventObj;
var isHighDown = payloadType === 'highlight' || payloadType === 'downplay';
each(payloads, function (batchItem) {
// Action can specify the event by return it.
eventObj = actionWrap.action(batchItem, this._model, this._api);
// Emit event outside
eventObj = eventObj || extend({}, batchItem);
// Convert type to eventType
eventObj.type = actionInfo.event || eventObj.type;
eventObjBatch.push(eventObj);
// light update does not perform data process, layout and visual.
if (isHighDown) {
// method, payload, mainType, subType
updateDirectly(this, updateMethod, batchItem, 'series');
}
else if (cptType) {
updateDirectly(this, updateMethod, batchItem, cptType.main, cptType.sub);
}
}, this);
if (updateMethod !== 'none' && !isHighDown && !cptType) {
// Still dirty
if (this[OPTION_UPDATED]) {
// FIXME Pass payload ?
prepare(this);
updateMethods.update.call(this, payload);
this[OPTION_UPDATED] = false;
}
else {
updateMethods[updateMethod].call(this, payload);
}
}
// Follow the rule of action batch
if (batched) {
eventObj = {
type: actionInfo.event || payloadType,
escapeConnect: escapeConnect,
batch: eventObjBatch
};
}
else {
eventObj = eventObjBatch[0];
}
this[IN_MAIN_PROCESS] = false;
!silent && this._messageCenter.trigger(eventObj.type, eventObj);
}
function flushPendingActions(silent) {
var pendingActions = this._pendingActions;
while (pendingActions.length) {
var payload = pendingActions.shift();
doDispatchAction.call(this, payload, silent);
}
}
function triggerUpdatedEvent(silent) {
!silent && this.trigger('updated');
}
/**
* Event `rendered` is triggered when zr
* rendered. It is useful for realtime
* snapshot (reflect animation).
*
* Event `finished` is triggered when:
* (1) zrender rendering finished.
* (2) initial animation finished.
* (3) progressive rendering finished.
* (4) no pending action.
* (5) no delayed setOption needs to be processed.
*/
function bindRenderedEvent(zr, ecIns) {
zr.on('rendered', function () {
ecIns.trigger('rendered');
// The `finished` event should not be triggered repeatly,
// so it should only be triggered when rendering indeed happend
// in zrender. (Consider the case that dipatchAction is keep
// triggering when mouse move).
if (
// Although zr is dirty if initial animation is not finished
// and this checking is called on frame, we also check
// animation finished for robustness.
zr.animation.isFinished()
&& !ecIns[OPTION_UPDATED]
&& !ecIns._scheduler.unfinished
&& !ecIns._pendingActions.length
) {
ecIns.trigger('finished');
}
});
}
/**
* @param {Object} params
* @param {number} params.seriesIndex
* @param {Array|TypedArray} params.data
*/
echartsProto.appendData = function (params) {
var seriesIndex = params.seriesIndex;
var ecModel = this.getModel();
var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
if (__DEV__) {
assert(params.data && seriesModel);
}
seriesModel.appendData(params);
// Note: `appendData` does not support that update extent of coordinate
// system, util some scenario require that. In the expected usage of
// `appendData`, the initial extent of coordinate system should better
// be fixed by axis `min`/`max` setting or initial data, otherwise if
// the extent changed while `appendData`, the location of the painted
// graphic elements have to be changed, which make the usage of
// `appendData` meaningless.
this._scheduler.unfinished = true;
};
/**
* Register event
* @method
*/
echartsProto.on = createRegisterEventWithLowercaseName('on');
echartsProto.off = createRegisterEventWithLowercaseName('off');
echartsProto.one = createRegisterEventWithLowercaseName('one');
/**
* Prepare view instances of charts and components
* @param {module:echarts/model/Global} ecModel
* @private
*/
function prepareView(ecIns, type, ecModel, scheduler) {
var isComponent = type === 'component';
var viewList = isComponent ? ecIns._componentsViews : ecIns._chartsViews;
var viewMap = isComponent ? ecIns._componentsMap : ecIns._chartsMap;
var zr = ecIns._zr;
var api = ecIns._api;
for (var i = 0; i < viewList.length; i++) {
viewList[i].__alive = false;
}
isComponent
? ecModel.eachComponent(function (componentType, model) {
componentType !== 'series' && doPrepare(model);
})
: ecModel.eachSeries(doPrepare);
function doPrepare(model) {
// Consider: id same and type changed.
var viewId = '_ec_' + model.id + '_' + model.type;
var view = viewMap[viewId];
if (!view) {
var classType = parseClassType(model.type);
var Clazz = isComponent
? Component$1.getClass(classType.main, classType.sub)
: Chart.getClass(classType.sub);
if (__DEV__) {
assert(Clazz, classType.sub + ' does not exist.');
}
view = new Clazz();
view.init(ecModel, api);
viewMap[viewId] = view;
viewList.push(view);
zr.add(view.group);
}
model.__viewId = view.__id = viewId;
view.__alive = true;
view.__model = model;
view.group.__ecComponentInfo = {
mainType: model.mainType,
index: model.componentIndex
};
!isComponent && scheduler.prepareView(view, model, ecModel, api);
}
for (var i = 0; i < viewList.length;) {
var view = viewList[i];
if (!view.__alive) {
!isComponent && view.renderTask.dispose();
zr.remove(view.group);
view.dispose(ecModel, api);
viewList.splice(i, 1);
delete viewMap[view.__id];
view.__id = view.group.__ecComponentInfo = null;
}
else {
i++;
}
}
}
// /**
// * Encode visual infomation from data after data processing
// *
// * @param {module:echarts/model/Global} ecModel
// * @param {object} layout
// * @param {boolean} [layoutFilter] `true`: only layout,
// * `false`: only not layout,
// * `null`/`undefined`: all.
// * @param {string} taskBaseTag
// * @private
// */
// function startVisualEncoding(ecIns, ecModel, api, payload, layoutFilter) {
// each(visualFuncs, function (visual, index) {
// var isLayout = visual.isLayout;
// if (layoutFilter == null
// || (layoutFilter === false && !isLayout)
// || (layoutFilter === true && isLayout)
// ) {
// visual.func(ecModel, api, payload);
// }
// });
// }
function clearColorPalette(ecModel) {
ecModel.clearColorPalette();
ecModel.eachSeries(function (seriesModel) {
seriesModel.clearColorPalette();
});
}
function render(ecIns, ecModel, api, payload) {
renderComponents(ecIns, ecModel, api, payload);
each(ecIns._chartsViews, function (chart) {
chart.__alive = false;
});
renderSeries(ecIns, ecModel, api, payload);
// Remove groups of unrendered charts
each(ecIns._chartsViews, function (chart) {
if (!chart.__alive) {
chart.remove(ecModel, api);
}
});
}
function renderComponents(ecIns, ecModel, api, payload, dirtyList) {
each(dirtyList || ecIns._componentsViews, function (componentView) {
var componentModel = componentView.__model;
componentView.render(componentModel, ecModel, api, payload);
updateZ(componentModel, componentView);
});
}
/**
* Render each chart and component
* @private
*/
function renderSeries(ecIns, ecModel, api, payload, dirtyMap) {
// Render all charts
var scheduler = ecIns._scheduler;
var unfinished;
ecModel.eachSeries(function (seriesModel) {
var chartView = ecIns._chartsMap[seriesModel.__viewId];
chartView.__alive = true;
var renderTask = chartView.renderTask;
scheduler.updatePayload(renderTask, payload);
if (dirtyMap && dirtyMap.get(seriesModel.uid)) {
renderTask.dirty();
}
unfinished |= renderTask.perform(scheduler.getPerformArgs(renderTask));
chartView.group.silent = !!seriesModel.get('silent');
updateZ(seriesModel, chartView);
updateBlend(seriesModel, chartView);
});
scheduler.unfinished |= unfinished;
// If use hover layer
updateHoverLayerStatus(ecIns, ecModel);
// Add aria
aria(ecIns._zr.dom, ecModel);
}
function performPostUpdateFuncs(ecModel, api) {
each(postUpdateFuncs, function (func) {
func(ecModel, api);
});
}
var MOUSE_EVENT_NAMES = [
'click', 'dblclick', 'mouseover', 'mouseout', 'mousemove',
'mousedown', 'mouseup', 'globalout', 'contextmenu'
];
/**
* @private
*/
echartsProto._initEvents = function () {
each(MOUSE_EVENT_NAMES, function (eveName) {
var handler = function (e) {
var ecModel = this.getModel();
var el = e.target;
var params;
var isGlobalOut = eveName === 'globalout';
// no e.target when 'globalout'.
if (isGlobalOut) {
params = {};
}
else if (el && el.dataIndex != null) {
var dataModel = el.dataModel || ecModel.getSeriesByIndex(el.seriesIndex);
params = dataModel && dataModel.getDataParams(el.dataIndex, el.dataType, el) || {};
}
// If element has custom eventData of components
else if (el && el.eventData) {
params = extend({}, el.eventData);
}
// Contract: if params prepared in mouse event,
// these properties must be specified:
// {
// componentType: string (component main type)
// componentIndex: number
// }
// Otherwise event query can not work.
if (params) {
var componentType = params.componentType;
var componentIndex = params.componentIndex;
// Special handling for historic reason: when trigger by
// markLine/markPoint/markArea, the componentType is
// 'markLine'/'markPoint'/'markArea', but we should better
// enable them to be queried by seriesIndex, since their
// option is set in each series.
if (componentType === 'markLine'
|| componentType === 'markPoint'
|| componentType === 'markArea'
) {
componentType = 'series';
componentIndex = params.seriesIndex;
}
var model = componentType && componentIndex != null
&& ecModel.getComponent(componentType, componentIndex);
var view = model && this[
model.mainType === 'series' ? '_chartsMap' : '_componentsMap'
][model.__viewId];
if (__DEV__) {
// `event.componentType` and `event[componentTpype + 'Index']` must not
// be missed, otherwise there is no way to distinguish source component.
// See `dataFormat.getDataParams`.
if (!isGlobalOut && !(model && view)) {
console.warn('model or view can not be found by params');
}
}
params.event = e;
params.type = eveName;
this._ecEventProcessor.eventInfo = {
targetEl: el,
packedEvent: params,
model: model,
view: view
};
this.trigger(eveName, params);
}
};
// Consider that some component (like tooltip, brush, ...)
// register zr event handler, but user event handler might
// do anything, such as call `setOption` or `dispatchAction`,
// which probably update any of the content and probably
// cause problem if it is called previous other inner handlers.
handler.zrEventfulCallAtLast = true;
this._zr.on(eveName, handler, this);
}, this);
each(eventActionMap, function (actionType, eventType) {
this._messageCenter.on(eventType, function (event) {
this.trigger(eventType, event);
}, this);
}, this);
};
/**
* @return {boolean}
*/
echartsProto.isDisposed = function () {
return this._disposed;
};
/**
* Clear
*/
echartsProto.clear = function () {
this.setOption({ series: [] }, true);
};
/**
* Dispose instance
*/
echartsProto.dispose = function () {
if (this._disposed) {
if (__DEV__) {
console.warn('Instance ' + this.id + ' has been disposed');
}
return;
}
this._disposed = true;
setAttribute(this.getDom(), DOM_ATTRIBUTE_KEY, '');
var api = this._api;
var ecModel = this._model;
each(this._componentsViews, function (component) {
component.dispose(ecModel, api);
});
each(this._chartsViews, function (chart) {
chart.dispose(ecModel, api);
});
// Dispose after all views disposed
this._zr.dispose();
delete instances[this.id];
};
mixin(ECharts, Eventful);
function updateHoverLayerStatus(ecIns, ecModel) {
var zr = ecIns._zr;
var storage = zr.storage;
var elCount = 0;
storage.traverse(function (el) {
elCount++;
});
if (elCount > ecModel.get('hoverLayerThreshold') && !env$1.node) {
ecModel.eachSeries(function (seriesModel) {
if (seriesModel.preventUsingHoverLayer) {
return;
}
var chartView = ecIns._chartsMap[seriesModel.__viewId];
if (chartView.__alive) {
chartView.group.traverse(function (el) {
// Don't switch back.
el.useHoverLayer = true;
});
}
});
}
}
/**
* Update chart progressive and blend.
* @param {module:echarts/model/Series|module:echarts/model/Component} model
* @param {module:echarts/view/Component|module:echarts/view/Chart} view
*/
function updateBlend(seriesModel, chartView) {
var blendMode = seriesModel.get('blendMode') || null;
if (__DEV__) {
if (!env$1.canvasSupported && blendMode && blendMode !== 'source-over') {
console.warn('Only canvas support blendMode');
}
}
chartView.group.traverse(function (el) {
// FIXME marker and other components
if (!el.isGroup) {
// Only set if blendMode is changed. In case element is incremental and don't wan't to rerender.
if (el.style.blend !== blendMode) {
el.setStyle('blend', blendMode);
}
}
if (el.eachPendingDisplayable) {
el.eachPendingDisplayable(function (displayable) {
displayable.setStyle('blend', blendMode);
});
}
});
}
/**
* @param {module:echarts/model/Series|module:echarts/model/Component} model
* @param {module:echarts/view/Component|module:echarts/view/Chart} view
*/
function updateZ(model, view) {
var z = model.get('z');
var zlevel = model.get('zlevel');
// Set z and zlevel
view.group.traverse(function (el) {
if (el.type !== 'group') {
z != null && (el.z = z);
zlevel != null && (el.zlevel = zlevel);
}
});
}
function createExtensionAPI(ecInstance) {
var coordSysMgr = ecInstance._coordSysMgr;
return extend(new ExtensionAPI(ecInstance), {
// Inject methods
getCoordinateSystems: bind(
coordSysMgr.getCoordinateSystems, coordSysMgr
),
getComponentByElement: function (el) {
while (el) {
var modelInfo = el.__ecComponentInfo;
if (modelInfo != null) {
return ecInstance._model.getComponent(modelInfo.mainType, modelInfo.index);
}
el = el.parent;
}
}
});
}
/**
* @class
* Usage of query:
* `chart.on('click', query, handler);`
* The `query` can be:
* + The component type query string, only `mainType` or `mainType.subType`,
* like: 'xAxis', 'series', 'xAxis.category' or 'series.line'.
* + The component query object, like:
* `{seriesIndex: 2}`, `{seriesName: 'xx'}`, `{seriesId: 'some'}`,
* `{xAxisIndex: 2}`, `{xAxisName: 'xx'}`, `{xAxisId: 'some'}`.
* + The data query object, like:
* `{dataIndex: 123}`, `{dataType: 'link'}`, `{name: 'some'}`.
* + The other query object (cmponent customized query), like:
* `{element: 'some'}` (only available in custom series).
*
* Caveat: If a prop in the `query` object is `null/undefined`, it is the
* same as there is no such prop in the `query` object.
*/
function EventProcessor() {
// These info required: targetEl, packedEvent, model, view
this.eventInfo;
}
EventProcessor.prototype = {
constructor: EventProcessor,
normalizeQuery: function (query) {
var cptQuery = {};
var dataQuery = {};
var otherQuery = {};
// `query` is `mainType` or `mainType.subType` of component.
if (isString(query)) {
var condCptType = parseClassType(query);
// `.main` and `.sub` may be ''.
cptQuery.mainType = condCptType.main || null;
cptQuery.subType = condCptType.sub || null;
}
// `query` is an object, convert to {mainType, index, name, id}.
else {
// `xxxIndex`, `xxxName`, `xxxId`, `name`, `dataIndex`, `dataType` is reserved,
// can not be used in `compomentModel.filterForExposedEvent`.
var suffixes = ['Index', 'Name', 'Id'];
var dataKeys = {name: 1, dataIndex: 1, dataType: 1};
each$1(query, function (val, key) {
var reserved = false;
for (var i = 0; i < suffixes.length; i++) {
var propSuffix = suffixes[i];
var suffixPos = key.lastIndexOf(propSuffix);
if (suffixPos > 0 && suffixPos === key.length - propSuffix.length) {
var mainType = key.slice(0, suffixPos);
// Consider `dataIndex`.
if (mainType !== 'data') {
cptQuery.mainType = mainType;
cptQuery[propSuffix.toLowerCase()] = val;
reserved = true;
}
}
}
if (dataKeys.hasOwnProperty(key)) {
dataQuery[key] = val;
reserved = true;
}
if (!reserved) {
otherQuery[key] = val;
}
});
}
return {
cptQuery: cptQuery,
dataQuery: dataQuery,
otherQuery: otherQuery
};
},
filter: function (eventType, query, args) {
// They should be assigned before each trigger call.
var eventInfo = this.eventInfo;
if (!eventInfo) {
return true;
}
var targetEl = eventInfo.targetEl;
var packedEvent = eventInfo.packedEvent;
var model = eventInfo.model;
var view = eventInfo.view;
// For event like 'globalout'.
if (!model || !view) {
return true;
}
var cptQuery = query.cptQuery;
var dataQuery = query.dataQuery;
return check(cptQuery, model, 'mainType')
&& check(cptQuery, model, 'subType')
&& check(cptQuery, model, 'index', 'componentIndex')
&& check(cptQuery, model, 'name')
&& check(cptQuery, model, 'id')
&& check(dataQuery, packedEvent, 'name')
&& check(dataQuery, packedEvent, 'dataIndex')
&& check(dataQuery, packedEvent, 'dataType')
&& (!view.filterForExposedEvent || view.filterForExposedEvent(
eventType, query.otherQuery, targetEl, packedEvent
));
function check(query, host, prop, propOnHost) {
return query[prop] == null || host[propOnHost || prop] === query[prop];
}
},
afterTrigger: function () {
// Make sure the eventInfo wont be used in next trigger.
this.eventInfo = null;
}
};
/**
* @type {Object} key: actionType.
* @inner
*/
var actions = {};
/**
* Map eventType to actionType
* @type {Object}
*/
var eventActionMap = {};
/**
* Data processor functions of each stage
* @type {Array.>}
* @inner
*/
var dataProcessorFuncs = [];
/**
* @type {Array.}
* @inner
*/
var optionPreprocessorFuncs = [];
/**
* @type {Array.}
* @inner
*/
var postUpdateFuncs = [];
/**
* Visual encoding functions of each stage
* @type {Array.>}
*/
var visualFuncs = [];
/**
* Theme storage
* @type {Object.}
*/
var themeStorage = {};
/**
* Loading effects
*/
var loadingEffects = {};
var instances = {};
var connectedGroups = {};
var idBase = new Date() - 0;
var groupIdBase = new Date() - 0;
var DOM_ATTRIBUTE_KEY = '_echarts_instance_';
function enableConnect(chart) {
var STATUS_PENDING = 0;
var STATUS_UPDATING = 1;
var STATUS_UPDATED = 2;
var STATUS_KEY = '__connectUpdateStatus';
function updateConnectedChartsStatus(charts, status) {
for (var i = 0; i < charts.length; i++) {
var otherChart = charts[i];
otherChart[STATUS_KEY] = status;
}
}
each(eventActionMap, function (actionType, eventType) {
chart._messageCenter.on(eventType, function (event) {
if (connectedGroups[chart.group] && chart[STATUS_KEY] !== STATUS_PENDING) {
if (event && event.escapeConnect) {
return;
}
var action = chart.makeActionFromEvent(event);
var otherCharts = [];
each(instances, function (otherChart) {
if (otherChart !== chart && otherChart.group === chart.group) {
otherCharts.push(otherChart);
}
});
updateConnectedChartsStatus(otherCharts, STATUS_PENDING);
each(otherCharts, function (otherChart) {
if (otherChart[STATUS_KEY] !== STATUS_UPDATING) {
otherChart.dispatchAction(action);
}
});
updateConnectedChartsStatus(otherCharts, STATUS_UPDATED);
}
});
});
}
/**
* @param {HTMLElement} dom
* @param {Object} [theme]
* @param {Object} opts
* @param {number} [opts.devicePixelRatio] Use window.devicePixelRatio by default
* @param {string} [opts.renderer] Can choose 'canvas' or 'svg' to render the chart.
* @param {number} [opts.width] Use clientWidth of the input `dom` by default.
* Can be 'auto' (the same as null/undefined)
* @param {number} [opts.height] Use clientHeight of the input `dom` by default.
* Can be 'auto' (the same as null/undefined)
*/
function init(dom, theme$$1, opts) {
if (__DEV__) {
// Check version
if ((version$1.replace('.', '') - 0) < (dependencies.zrender.replace('.', '') - 0)) {
throw new Error(
'zrender/src ' + version$1
+ ' is too old for ECharts ' + version
+ '. Current version need ZRender '
+ dependencies.zrender + '+'
);
}
if (!dom) {
throw new Error('Initialize failed: invalid dom.');
}
}
var existInstance = getInstanceByDom(dom);
if (existInstance) {
if (__DEV__) {
console.warn('There is a chart instance already initialized on the dom.');
}
return existInstance;
}
if (__DEV__) {
if (isDom(dom)
&& dom.nodeName.toUpperCase() !== 'CANVAS'
&& (
(!dom.clientWidth && (!opts || opts.width == null))
|| (!dom.clientHeight && (!opts || opts.height == null))
)
) {
console.warn('Can\'t get DOM width or height. Please check '
+ 'dom.clientWidth and dom.clientHeight. They should not be 0.'
+ 'For example, you may need to call this in the callback '
+ 'of window.onload.');
}
}
var chart = new ECharts(dom, theme$$1, opts);
chart.id = 'ec_' + idBase++;
instances[chart.id] = chart;
setAttribute(dom, DOM_ATTRIBUTE_KEY, chart.id);
enableConnect(chart);
return chart;
}
/**
* @return {string|Array.} groupId
*/
function connect(groupId) {
// Is array of charts
if (isArray(groupId)) {
var charts = groupId;
groupId = null;
// If any chart has group
each(charts, function (chart) {
if (chart.group != null) {
groupId = chart.group;
}
});
groupId = groupId || ('g_' + groupIdBase++);
each(charts, function (chart) {
chart.group = groupId;
});
}
connectedGroups[groupId] = true;
return groupId;
}
/**
* @DEPRECATED
* @return {string} groupId
*/
function disConnect(groupId) {
connectedGroups[groupId] = false;
}
/**
* @return {string} groupId
*/
var disconnect = disConnect;
/**
* Dispose a chart instance
* @param {module:echarts~ECharts|HTMLDomElement|string} chart
*/
function dispose(chart) {
if (typeof chart === 'string') {
chart = instances[chart];
}
else if (!(chart instanceof ECharts)) {
// Try to treat as dom
chart = getInstanceByDom(chart);
}
if ((chart instanceof ECharts) && !chart.isDisposed()) {
chart.dispose();
}
}
/**
* @param {HTMLElement} dom
* @return {echarts~ECharts}
*/
function getInstanceByDom(dom) {
return instances[getAttribute(dom, DOM_ATTRIBUTE_KEY)];
}
/**
* @param {string} key
* @return {echarts~ECharts}
*/
function getInstanceById(key) {
return instances[key];
}
/**
* Register theme
*/
function registerTheme(name, theme$$1) {
themeStorage[name] = theme$$1;
}
/**
* Register option preprocessor
* @param {Function} preprocessorFunc
*/
function registerPreprocessor(preprocessorFunc) {
optionPreprocessorFuncs.push(preprocessorFunc);
}
/**
* @param {number} [priority=1000]
* @param {Object|Function} processor
*/
function registerProcessor(priority, processor) {
normalizeRegister(dataProcessorFuncs, priority, processor, PRIORITY_PROCESSOR_FILTER);
}
/**
* Register postUpdater
* @param {Function} postUpdateFunc
*/
function registerPostUpdate(postUpdateFunc) {
postUpdateFuncs.push(postUpdateFunc);
}
/**
* Usage:
* registerAction('someAction', 'someEvent', function () { ... });
* registerAction('someAction', function () { ... });
* registerAction(
* {type: 'someAction', event: 'someEvent', update: 'updateView'},
* function () { ... }
* );
*
* @param {(string|Object)} actionInfo
* @param {string} actionInfo.type
* @param {string} [actionInfo.event]
* @param {string} [actionInfo.update]
* @param {string} [eventName]
* @param {Function} action
*/
function registerAction(actionInfo, eventName, action) {
if (typeof eventName === 'function') {
action = eventName;
eventName = '';
}
var actionType = isObject(actionInfo)
? actionInfo.type
: ([actionInfo, actionInfo = {
event: eventName
}][0]);
// Event name is all lowercase
actionInfo.event = (actionInfo.event || actionType).toLowerCase();
eventName = actionInfo.event;
// Validate action type and event name.
assert(ACTION_REG.test(actionType) && ACTION_REG.test(eventName));
if (!actions[actionType]) {
actions[actionType] = {action: action, actionInfo: actionInfo};
}
eventActionMap[eventName] = actionType;
}
/**
* @param {string} type
* @param {*} CoordinateSystem
*/
function registerCoordinateSystem(type, CoordinateSystem$$1) {
CoordinateSystemManager.register(type, CoordinateSystem$$1);
}
/**
* Get dimensions of specified coordinate system.
* @param {string} type
* @return {Array.}
*/
function getCoordinateSystemDimensions(type) {
var coordSysCreator = CoordinateSystemManager.get(type);
if (coordSysCreator) {
return coordSysCreator.getDimensionsInfo
? coordSysCreator.getDimensionsInfo()
: coordSysCreator.dimensions.slice();
}
}
/**
* Layout is a special stage of visual encoding
* Most visual encoding like color are common for different chart
* But each chart has it's own layout algorithm
*
* @param {number} [priority=1000]
* @param {Function} layoutTask
*/
function registerLayout(priority, layoutTask) {
normalizeRegister(visualFuncs, priority, layoutTask, PRIORITY_VISUAL_LAYOUT, 'layout');
}
/**
* @param {number} [priority=3000]
* @param {module:echarts/stream/Task} visualTask
*/
function registerVisual(priority, visualTask) {
normalizeRegister(visualFuncs, priority, visualTask, PRIORITY_VISUAL_CHART, 'visual');
}
/**
* @param {Object|Function} fn: {seriesType, createOnAllSeries, performRawSeries, reset}
*/
function normalizeRegister(targetList, priority, fn, defaultPriority, visualType) {
if (isFunction(priority) || isObject(priority)) {
fn = priority;
priority = defaultPriority;
}
if (__DEV__) {
if (isNaN(priority) || priority == null) {
throw new Error('Illegal priority');
}
// Check duplicate
each(targetList, function (wrap) {
assert(wrap.__raw !== fn);
});
}
var stageHandler = Scheduler.wrapStageHandler(fn, visualType);
stageHandler.__prio = priority;
stageHandler.__raw = fn;
targetList.push(stageHandler);
return stageHandler;
}
/**
* @param {string} name
*/
function registerLoading(name, loadingFx) {
loadingEffects[name] = loadingFx;
}
/**
* @param {Object} opts
* @param {string} [superClass]
*/
function extendComponentModel(opts/*, superClass*/) {
// var Clazz = ComponentModel;
// if (superClass) {
// var classType = parseClassType(superClass);
// Clazz = ComponentModel.getClass(classType.main, classType.sub, true);
// }
return ComponentModel.extend(opts);
}
/**
* @param {Object} opts
* @param {string} [superClass]
*/
function extendComponentView(opts/*, superClass*/) {
// var Clazz = ComponentView;
// if (superClass) {
// var classType = parseClassType(superClass);
// Clazz = ComponentView.getClass(classType.main, classType.sub, true);
// }
return Component$1.extend(opts);
}
/**
* @param {Object} opts
* @param {string} [superClass]
*/
function extendSeriesModel(opts/*, superClass*/) {
// var Clazz = SeriesModel;
// if (superClass) {
// superClass = 'series.' + superClass.replace('series.', '');
// var classType = parseClassType(superClass);
// Clazz = ComponentModel.getClass(classType.main, classType.sub, true);
// }
return SeriesModel.extend(opts);
}
/**
* @param {Object} opts
* @param {string} [superClass]
*/
function extendChartView(opts/*, superClass*/) {
// var Clazz = ChartView;
// if (superClass) {
// superClass = superClass.replace('series.', '');
// var classType = parseClassType(superClass);
// Clazz = ChartView.getClass(classType.main, true);
// }
return Chart.extend(opts);
}
/**
* ZRender need a canvas context to do measureText.
* But in node environment canvas may be created by node-canvas.
* So we need to specify how to create a canvas instead of using document.createElement('canvas')
*
* Be careful of using it in the browser.
*
* @param {Function} creator
* @example
* var Canvas = require('canvas');
* var echarts = require('echarts');
* echarts.setCanvasCreator(function () {
* // Small size is enough.
* return new Canvas(32, 32);
* });
*/
function setCanvasCreator(creator) {
$override('createCanvas', creator);
}
/**
* @param {string} mapName
* @param {Array.|Object|string} geoJson
* @param {Object} [specialAreas]
*
* @example GeoJSON
* $.get('USA.json', function (geoJson) {
* echarts.registerMap('USA', geoJson);
* // Or
* echarts.registerMap('USA', {
* geoJson: geoJson,
* specialAreas: {}
* })
* });
*
* $.get('airport.svg', function (svg) {
* echarts.registerMap('airport', {
* svg: svg
* }
* });
*
* echarts.registerMap('eu', [
* {svg: eu-topographic.svg},
* {geoJSON: eu.json}
* ])
*/
function registerMap(mapName, geoJson, specialAreas) {
mapDataStorage.registerMap(mapName, geoJson, specialAreas);
}
/**
* @param {string} mapName
* @return {Object}
*/
function getMap(mapName) {
// For backward compatibility, only return the first one.
var records = mapDataStorage.retrieveMap(mapName);
return records && records[0] && {
geoJson: records[0].geoJSON,
specialAreas: records[0].specialAreas
};
}
registerVisual(PRIORITY_VISUAL_GLOBAL, seriesColor);
registerPreprocessor(backwardCompat);
registerProcessor(PRIORITY_PROCESSOR_STATISTIC, dataStack);
registerLoading('default', loadingDefault);
// Default actions
registerAction({
type: 'highlight',
event: 'highlight',
update: 'highlight'
}, noop);
registerAction({
type: 'downplay',
event: 'downplay',
update: 'downplay'
}, noop);
// Default theme
registerTheme('light', lightTheme);
registerTheme('dark', theme);
// For backward compatibility, where the namespace `dataTool` will
// be mounted on `echarts` is the extension `dataTool` is imported.
var dataTool = {};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
function defaultKeyGetter(item) {
return item;
}
/**
* @param {Array} oldArr
* @param {Array} newArr
* @param {Function} oldKeyGetter
* @param {Function} newKeyGetter
* @param {Object} [context] Can be visited by this.context in callback.
*/
function DataDiffer(oldArr, newArr, oldKeyGetter, newKeyGetter, context) {
this._old = oldArr;
this._new = newArr;
this._oldKeyGetter = oldKeyGetter || defaultKeyGetter;
this._newKeyGetter = newKeyGetter || defaultKeyGetter;
this.context = context;
}
DataDiffer.prototype = {
constructor: DataDiffer,
/**
* Callback function when add a data
*/
add: function (func) {
this._add = func;
return this;
},
/**
* Callback function when update a data
*/
update: function (func) {
this._update = func;
return this;
},
/**
* Callback function when remove a data
*/
remove: function (func) {
this._remove = func;
return this;
},
execute: function () {
var oldArr = this._old;
var newArr = this._new;
var oldDataIndexMap = {};
var newDataIndexMap = {};
var oldDataKeyArr = [];
var newDataKeyArr = [];
var i;
initIndexMap(oldArr, oldDataIndexMap, oldDataKeyArr, '_oldKeyGetter', this);
initIndexMap(newArr, newDataIndexMap, newDataKeyArr, '_newKeyGetter', this);
// Travel by inverted order to make sure order consistency
// when duplicate keys exists (consider newDataIndex.pop() below).
// For performance consideration, these code below do not look neat.
for (i = 0; i < oldArr.length; i++) {
var key = oldDataKeyArr[i];
var idx = newDataIndexMap[key];
// idx can never be empty array here. see 'set null' logic below.
if (idx != null) {
// Consider there is duplicate key (for example, use dataItem.name as key).
// We should make sure every item in newArr and oldArr can be visited.
var len = idx.length;
if (len) {
len === 1 && (newDataIndexMap[key] = null);
idx = idx.unshift();
}
else {
newDataIndexMap[key] = null;
}
this._update && this._update(idx, i);
}
else {
this._remove && this._remove(i);
}
}
for (var i = 0; i < newDataKeyArr.length; i++) {
var key = newDataKeyArr[i];
if (newDataIndexMap.hasOwnProperty(key)) {
var idx = newDataIndexMap[key];
if (idx == null) {
continue;
}
// idx can never be empty array here. see 'set null' logic above.
if (!idx.length) {
this._add && this._add(idx);
}
else {
for (var j = 0, len = idx.length; j < len; j++) {
this._add && this._add(idx[j]);
}
}
}
}
}
};
function initIndexMap(arr, map, keyArr, keyGetterName, dataDiffer) {
for (var i = 0; i < arr.length; i++) {
// Add prefix to avoid conflict with Object.prototype.
var key = '_ec_' + dataDiffer[keyGetterName](arr[i], i);
var existence = map[key];
if (existence == null) {
keyArr.push(key);
map[key] = i;
}
else {
if (!existence.length) {
map[key] = existence = [existence];
}
existence.push(i);
}
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var OTHER_DIMENSIONS = createHashMap([
'tooltip', 'label', 'itemName', 'itemId', 'seriesName'
]);
function summarizeDimensions(data) {
var summary = {};
var encode = summary.encode = {};
var notExtraCoordDimMap = createHashMap();
var defaultedLabel = [];
var defaultedTooltip = [];
// See the comment of `List.js#userOutput`.
var userOutput = summary.userOutput = {
dimensionNames: data.dimensions.slice(),
encode: {}
};
each$1(data.dimensions, function (dimName) {
var dimItem = data.getDimensionInfo(dimName);
var coordDim = dimItem.coordDim;
if (coordDim) {
if (__DEV__) {
assert$1(OTHER_DIMENSIONS.get(coordDim) == null);
}
var coordDimIndex = dimItem.coordDimIndex;
getOrCreateEncodeArr(encode, coordDim)[coordDimIndex] = dimName;
if (!dimItem.isExtraCoord) {
notExtraCoordDimMap.set(coordDim, 1);
// Use the last coord dim (and label friendly) as default label,
// because when dataset is used, it is hard to guess which dimension
// can be value dimension. If both show x, y on label is not look good,
// and conventionally y axis is focused more.
if (mayLabelDimType(dimItem.type)) {
defaultedLabel[0] = dimName;
}
// User output encode do not contain generated coords.
// And it only has index. User can use index to retrieve value from the raw item array.
getOrCreateEncodeArr(userOutput.encode, coordDim)[coordDimIndex] = dimItem.index;
}
if (dimItem.defaultTooltip) {
defaultedTooltip.push(dimName);
}
}
OTHER_DIMENSIONS.each(function (v, otherDim) {
var encodeArr = getOrCreateEncodeArr(encode, otherDim);
var dimIndex = dimItem.otherDims[otherDim];
if (dimIndex != null && dimIndex !== false) {
encodeArr[dimIndex] = dimItem.name;
}
});
});
var dataDimsOnCoord = [];
var encodeFirstDimNotExtra = {};
notExtraCoordDimMap.each(function (v, coordDim) {
var dimArr = encode[coordDim];
// ??? FIXME extra coord should not be set in dataDimsOnCoord.
// But should fix the case that radar axes: simplify the logic
// of `completeDimension`, remove `extraPrefix`.
encodeFirstDimNotExtra[coordDim] = dimArr[0];
// Not necessary to remove duplicate, because a data
// dim canot on more than one coordDim.
dataDimsOnCoord = dataDimsOnCoord.concat(dimArr);
});
summary.dataDimsOnCoord = dataDimsOnCoord;
summary.encodeFirstDimNotExtra = encodeFirstDimNotExtra;
var encodeLabel = encode.label;
// FIXME `encode.label` is not recommanded, because formatter can not be set
// in this way. Use label.formatter instead. May be remove this approach someday.
if (encodeLabel && encodeLabel.length) {
defaultedLabel = encodeLabel.slice();
}
var encodeTooltip = encode.tooltip;
if (encodeTooltip && encodeTooltip.length) {
defaultedTooltip = encodeTooltip.slice();
}
else if (!defaultedTooltip.length) {
defaultedTooltip = defaultedLabel.slice();
}
encode.defaultedLabel = defaultedLabel;
encode.defaultedTooltip = defaultedTooltip;
return summary;
}
function getOrCreateEncodeArr(encode, dim) {
if (!encode.hasOwnProperty(dim)) {
encode[dim] = [];
}
return encode[dim];
}
function getDimensionTypeByAxis(axisType) {
return axisType === 'category'
? 'ordinal'
: axisType === 'time'
? 'time'
: 'float';
}
function mayLabelDimType(dimType) {
// In most cases, ordinal and time do not suitable for label.
// Ordinal info can be displayed on axis. Time is too long.
return !(dimType === 'ordinal' || dimType === 'time');
}
// function findTheLastDimMayLabel(data) {
// // Get last value dim
// var dimensions = data.dimensions.slice();
// var valueType;
// var valueDim;
// while (dimensions.length && (
// valueDim = dimensions.pop(),
// valueType = data.getDimensionInfo(valueDim).type,
// valueType === 'ordinal' || valueType === 'time'
// )) {} // jshint ignore:line
// return valueDim;
// }
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/* global Float64Array, Int32Array, Uint32Array, Uint16Array */
/**
* List for data storage
* @module echarts/data/List
*/
var isObject$4 = isObject$1;
var UNDEFINED = 'undefined';
var INDEX_NOT_FOUND = -1;
// Use prefix to avoid index to be the same as otherIdList[idx],
// which will cause weird udpate animation.
var ID_PREFIX = 'e\0\0';
var dataCtors = {
'float': typeof Float64Array === UNDEFINED
? Array : Float64Array,
'int': typeof Int32Array === UNDEFINED
? Array : Int32Array,
// Ordinal data type can be string or int
'ordinal': Array,
'number': Array,
'time': Array
};
// Caution: MUST not use `new CtorUint32Array(arr, 0, len)`, because the Ctor of array is
// different from the Ctor of typed array.
var CtorUint32Array = typeof Uint32Array === UNDEFINED ? Array : Uint32Array;
var CtorInt32Array = typeof Int32Array === UNDEFINED ? Array : Int32Array;
var CtorUint16Array = typeof Uint16Array === UNDEFINED ? Array : Uint16Array;
function getIndicesCtor(list) {
// The possible max value in this._indicies is always this._rawCount despite of filtering.
return list._rawCount > 65535 ? CtorUint32Array : CtorUint16Array;
}
function cloneChunk(originalChunk) {
var Ctor = originalChunk.constructor;
// Only shallow clone is enough when Array.
return Ctor === Array ? originalChunk.slice() : new Ctor(originalChunk);
}
var TRANSFERABLE_PROPERTIES = [
'hasItemOption', '_nameList', '_idList', '_invertedIndicesMap',
'_rawData', '_chunkSize', '_chunkCount', '_dimValueGetter',
'_count', '_rawCount', '_nameDimIdx', '_idDimIdx'
];
var CLONE_PROPERTIES = [
'_extent', '_approximateExtent', '_rawExtent'
];
function transferProperties(target, source) {
each$1(TRANSFERABLE_PROPERTIES.concat(source.__wrappedMethods || []), function (propName) {
if (source.hasOwnProperty(propName)) {
target[propName] = source[propName];
}
});
target.__wrappedMethods = source.__wrappedMethods;
each$1(CLONE_PROPERTIES, function (propName) {
target[propName] = clone(source[propName]);
});
target._calculationInfo = extend(source._calculationInfo);
}
/**
* @constructor
* @alias module:echarts/data/List
*
* @param {Array.} dimensions
* For example, ['someDimName', {name: 'someDimName', type: 'someDimType'}, ...].
* Dimensions should be concrete names like x, y, z, lng, lat, angle, radius
* Spetial fields: {
* ordinalMeta:
* createInvertedIndices:
* }
* @param {module:echarts/model/Model} hostModel
*/
var List = function (dimensions, hostModel) {
dimensions = dimensions || ['x', 'y'];
var dimensionInfos = {};
var dimensionNames = [];
var invertedIndicesMap = {};
for (var i = 0; i < dimensions.length; i++) {
// Use the original dimensions[i], where other flag props may exists.
var dimensionInfo = dimensions[i];
if (isString(dimensionInfo)) {
dimensionInfo = {name: dimensionInfo};
}
var dimensionName = dimensionInfo.name;
dimensionInfo.type = dimensionInfo.type || 'float';
if (!dimensionInfo.coordDim) {
dimensionInfo.coordDim = dimensionName;
dimensionInfo.coordDimIndex = 0;
}
dimensionInfo.otherDims = dimensionInfo.otherDims || {};
dimensionNames.push(dimensionName);
dimensionInfos[dimensionName] = dimensionInfo;
dimensionInfo.index = i;
if (dimensionInfo.createInvertedIndices) {
invertedIndicesMap[dimensionName] = [];
}
}
/**
* @readOnly
* @type {Array.}
*/
this.dimensions = dimensionNames;
/**
* Infomation of each data dimension, like data type.
* @type {Object}
*/
this._dimensionInfos = dimensionInfos;
/**
* @type {module:echarts/model/Model}
*/
this.hostModel = hostModel;
/**
* @type {module:echarts/model/Model}
*/
this.dataType;
/**
* Indices stores the indices of data subset after filtered.
* This data subset will be used in chart.
* @type {Array.}
* @readOnly
*/
this._indices = null;
this._count = 0;
this._rawCount = 0;
/**
* Data storage
* @type {Object.>}
* @private
*/
this._storage = {};
/**
* @type {Array.}
*/
this._nameList = [];
/**
* @type {Array.}
*/
this._idList = [];
/**
* Models of data option is stored sparse for optimizing memory cost
* @type {Array.}
* @private
*/
this._optionModels = [];
/**
* Global visual properties after visual coding
* @type {Object}
* @private
*/
this._visual = {};
/**
* Globel layout properties.
* @type {Object}
* @private
*/
this._layout = {};
/**
* Item visual properties after visual coding
* @type {Array.}
* @private
*/
this._itemVisuals = [];
/**
* Key: visual type, Value: boolean
* @type {Object}
* @readOnly
*/
this.hasItemVisual = {};
/**
* Item layout properties after layout
* @type {Array.}
* @private
*/
this._itemLayouts = [];
/**
* Graphic elemnents
* @type {Array.}
* @private
*/
this._graphicEls = [];
/**
* Max size of each chunk.
* @type {number}
* @private
*/
this._chunkSize = 1e5;
/**
* @type {number}
* @private
*/
this._chunkCount = 0;
/**
* @type {Array.}
* @private
*/
this._rawData;
/**
* Raw extent will not be cloned, but only transfered.
* It will not be calculated util needed.
* key: dim,
* value: {end: number, extent: Array.}
* @type {Object}
* @private
*/
this._rawExtent = {};
/**
* @type {Object}
* @private
*/
this._extent = {};
/**
* key: dim
* value: extent
* @type {Object}
* @private
*/
this._approximateExtent = {};
/**
* Cache summary info for fast visit. See "dimensionHelper".
* @type {Object}
* @private
*/
this._dimensionsSummary = summarizeDimensions(this);
/**
* @type {Object.}
* @private
*/
this._invertedIndicesMap = invertedIndicesMap;
/**
* @type {Object}
* @private
*/
this._calculationInfo = {};
/**
* User output info of this data.
* DO NOT use it in other places!
*
* When preparing user params for user callbacks, we have
* to clone these inner data structures to prevent users
* from modifying them to effect built-in logic. And for
* performance consideration we make this `userOutput` to
* avoid clone them too many times.
*
* @type {Object}
* @readOnly
*/
this.userOutput = this._dimensionsSummary.userOutput;
};
var listProto = List.prototype;
listProto.type = 'list';
/**
* If each data item has it's own option
* @type {boolean}
*/
listProto.hasItemOption = true;
/**
* The meanings of the input parameter `dim`:
*
* + If dim is a number (e.g., `1`), it means the index of the dimension.
* For example, `getDimension(0)` will return 'x' or 'lng' or 'radius'.
* + If dim is a number-like string (e.g., `"1"`):
* + If there is the same concrete dim name defined in `this.dimensions`, it means that concrete name.
* + If not, it will be converted to a number, which means the index of the dimension.
* (why? because of the backward compatbility. We have been tolerating number-like string in
* dimension setting, although now it seems that it is not a good idea.)
* For example, `visualMap[i].dimension: "1"` is the same meaning as `visualMap[i].dimension: 1`,
* if no dimension name is defined as `"1"`.
* + If dim is a not-number-like string, it means the concrete dim name.
* For example, it can be be default name `"x"`, `"y"`, `"z"`, `"lng"`, `"lat"`, `"angle"`, `"radius"`,
* or customized in `dimensions` property of option like `"age"`.
*
* Get dimension name
* @param {string|number} dim See above.
* @return {string} Concrete dim name.
*/
listProto.getDimension = function (dim) {
if (typeof dim === 'number'
// If being a number-like string but not being defined a dimension name.
|| (!isNaN(dim) && !this._dimensionInfos.hasOwnProperty(dim))
) {
dim = this.dimensions[dim];
}
return dim;
};
/**
* Get type and calculation info of particular dimension
* @param {string|number} dim
* Dimension can be concrete names like x, y, z, lng, lat, angle, radius
* Or a ordinal number. For example getDimensionInfo(0) will return 'x' or 'lng' or 'radius'
*/
listProto.getDimensionInfo = function (dim) {
// Do not clone, because there may be categories in dimInfo.
return this._dimensionInfos[this.getDimension(dim)];
};
/**
* @return {Array.} concrete dimension name list on coord.
*/
listProto.getDimensionsOnCoord = function () {
return this._dimensionsSummary.dataDimsOnCoord.slice();
};
/**
* @param {string} coordDim
* @param {number} [idx] A coordDim may map to more than one data dim.
* If idx is `true`, return a array of all mapped dims.
* If idx is not specified, return the first dim not extra.
* @return {string|Array.} concrete data dim.
* If idx is number, and not found, return null/undefined.
* If idx is `true`, and not found, return empty array (always return array).
*/
listProto.mapDimension = function (coordDim, idx) {
var dimensionsSummary = this._dimensionsSummary;
if (idx == null) {
return dimensionsSummary.encodeFirstDimNotExtra[coordDim];
}
var dims = dimensionsSummary.encode[coordDim];
return idx === true
// always return array if idx is `true`
? (dims || []).slice()
: (dims && dims[idx]);
};
/**
* Initialize from data
* @param {Array.} data source or data or data provider.
* @param {Array.} [nameLIst] The name of a datum is used on data diff and
* defualt label/tooltip.
* A name can be specified in encode.itemName,
* or dataItem.name (only for series option data),
* or provided in nameList from outside.
* @param {Function} [dimValueGetter] (dataItem, dimName, dataIndex, dimIndex) => number
*/
listProto.initData = function (data, nameList, dimValueGetter) {
var notProvider = Source.isInstance(data) || isArrayLike(data);
if (notProvider) {
data = new DefaultDataProvider(data, this.dimensions.length);
}
if (__DEV__) {
if (!notProvider && (typeof data.getItem !== 'function' || typeof data.count !== 'function')) {
throw new Error('Inavlid data provider.');
}
}
this._rawData = data;
// Clear
this._storage = {};
this._indices = null;
this._nameList = nameList || [];
this._idList = [];
this._nameRepeatCount = {};
if (!dimValueGetter) {
this.hasItemOption = false;
}
/**
* @readOnly
*/
this.defaultDimValueGetter = defaultDimValueGetters[
this._rawData.getSource().sourceFormat
];
// Default dim value getter
this._dimValueGetter = dimValueGetter = dimValueGetter
|| this.defaultDimValueGetter;
this._dimValueGetterArrayRows = defaultDimValueGetters.arrayRows;
// Reset raw extent.
this._rawExtent = {};
this._initDataFromProvider(0, data.count());
// If data has no item option.
if (data.pure) {
this.hasItemOption = false;
}
};
listProto.getProvider = function () {
return this._rawData;
};
/**
* Caution: Can be only called on raw data (before `this._indices` created).
*/
listProto.appendData = function (data) {
if (__DEV__) {
assert$1(!this._indices, 'appendData can only be called on raw data.');
}
var rawData = this._rawData;
var start = this.count();
rawData.appendData(data);
var end = rawData.count();
if (!rawData.persistent) {
end += start;
}
this._initDataFromProvider(start, end);
};
/**
* Caution: Can be only called on raw data (before `this._indices` created).
* This method does not modify `rawData` (`dataProvider`), but only
* add values to storage.
*
* The final count will be increased by `Math.max(values.length, names.length)`.
*
* @param {Array.>} values That is the SourceType: 'arrayRows', like
* [
* [12, 33, 44],
* [NaN, 43, 1],
* ['-', 'asdf', 0]
* ]
* Each item is exaclty cooresponding to a dimension.
* @param {Array.} [names]
*/
listProto.appendValues = function (values, names) {
var chunkSize = this._chunkSize;
var storage = this._storage;
var dimensions = this.dimensions;
var dimLen = dimensions.length;
var rawExtent = this._rawExtent;
var start = this.count();
var end = start + Math.max(values.length, names ? names.length : 0);
var originalChunkCount = this._chunkCount;
for (var i = 0; i < dimLen; i++) {
var dim = dimensions[i];
if (!rawExtent[dim]) {
rawExtent[dim] = getInitialExtent();
}
if (!storage[dim]) {
storage[dim] = [];
}
prepareChunks(storage, this._dimensionInfos[dim], chunkSize, originalChunkCount, end);
this._chunkCount = storage[dim].length;
}
var emptyDataItem = new Array(dimLen);
for (var idx = start; idx < end; idx++) {
var sourceIdx = idx - start;
var chunkIndex = Math.floor(idx / chunkSize);
var chunkOffset = idx % chunkSize;
// Store the data by dimensions
for (var k = 0; k < dimLen; k++) {
var dim = dimensions[k];
var val = this._dimValueGetterArrayRows(
values[sourceIdx] || emptyDataItem, dim, sourceIdx, k
);
storage[dim][chunkIndex][chunkOffset] = val;
var dimRawExtent = rawExtent[dim];
val < dimRawExtent[0] && (dimRawExtent[0] = val);
val > dimRawExtent[1] && (dimRawExtent[1] = val);
}
if (names) {
this._nameList[idx] = names[sourceIdx];
}
}
this._rawCount = this._count = end;
// Reset data extent
this._extent = {};
prepareInvertedIndex(this);
};
listProto._initDataFromProvider = function (start, end) {
// Optimize.
if (start >= end) {
return;
}
var chunkSize = this._chunkSize;
var rawData = this._rawData;
var storage = this._storage;
var dimensions = this.dimensions;
var dimLen = dimensions.length;
var dimensionInfoMap = this._dimensionInfos;
var nameList = this._nameList;
var idList = this._idList;
var rawExtent = this._rawExtent;
var nameRepeatCount = this._nameRepeatCount = {};
var nameDimIdx;
var originalChunkCount = this._chunkCount;
for (var i = 0; i < dimLen; i++) {
var dim = dimensions[i];
if (!rawExtent[dim]) {
rawExtent[dim] = getInitialExtent();
}
var dimInfo = dimensionInfoMap[dim];
if (dimInfo.otherDims.itemName === 0) {
nameDimIdx = this._nameDimIdx = i;
}
if (dimInfo.otherDims.itemId === 0) {
this._idDimIdx = i;
}
if (!storage[dim]) {
storage[dim] = [];
}
prepareChunks(storage, dimInfo, chunkSize, originalChunkCount, end);
this._chunkCount = storage[dim].length;
}
var dataItem = new Array(dimLen);
for (var idx = start; idx < end; idx++) {
// NOTICE: Try not to write things into dataItem
dataItem = rawData.getItem(idx, dataItem);
// Each data item is value
// [1, 2]
// 2
// Bar chart, line chart which uses category axis
// only gives the 'y' value. 'x' value is the indices of category
// Use a tempValue to normalize the value to be a (x, y) value
var chunkIndex = Math.floor(idx / chunkSize);
var chunkOffset = idx % chunkSize;
// Store the data by dimensions
for (var k = 0; k < dimLen; k++) {
var dim = dimensions[k];
var dimStorage = storage[dim][chunkIndex];
// PENDING NULL is empty or zero
var val = this._dimValueGetter(dataItem, dim, idx, k);
dimStorage[chunkOffset] = val;
var dimRawExtent = rawExtent[dim];
val < dimRawExtent[0] && (dimRawExtent[0] = val);
val > dimRawExtent[1] && (dimRawExtent[1] = val);
}
// ??? FIXME not check by pure but sourceFormat?
// TODO refactor these logic.
if (!rawData.pure) {
var name = nameList[idx];
if (dataItem && name == null) {
// If dataItem is {name: ...}, it has highest priority.
// That is appropriate for many common cases.
if (dataItem.name != null) {
// There is no other place to persistent dataItem.name,
// so save it to nameList.
nameList[idx] = name = dataItem.name;
}
else if (nameDimIdx != null) {
var nameDim = dimensions[nameDimIdx];
var nameDimChunk = storage[nameDim][chunkIndex];
if (nameDimChunk) {
name = nameDimChunk[chunkOffset];
var ordinalMeta = dimensionInfoMap[nameDim].ordinalMeta;
if (ordinalMeta && ordinalMeta.categories.length) {
name = ordinalMeta.categories[name];
}
}
}
}
// Try using the id in option
// id or name is used on dynamical data, mapping old and new items.
var id = dataItem == null ? null : dataItem.id;
if (id == null && name != null) {
// Use name as id and add counter to avoid same name
nameRepeatCount[name] = nameRepeatCount[name] || 0;
id = name;
if (nameRepeatCount[name] > 0) {
id += '__ec__' + nameRepeatCount[name];
}
nameRepeatCount[name]++;
}
id != null && (idList[idx] = id);
}
}
if (!rawData.persistent && rawData.clean) {
// Clean unused data if data source is typed array.
rawData.clean();
}
this._rawCount = this._count = end;
// Reset data extent
this._extent = {};
prepareInvertedIndex(this);
};
function prepareChunks(storage, dimInfo, chunkSize, chunkCount, end) {
var DataCtor = dataCtors[dimInfo.type];
var lastChunkIndex = chunkCount - 1;
var dim = dimInfo.name;
var resizeChunkArray = storage[dim][lastChunkIndex];
if (resizeChunkArray && resizeChunkArray.length < chunkSize) {
var newStore = new DataCtor(Math.min(end - lastChunkIndex * chunkSize, chunkSize));
// The cost of the copy is probably inconsiderable
// within the initial chunkSize.
for (var j = 0; j < resizeChunkArray.length; j++) {
newStore[j] = resizeChunkArray[j];
}
storage[dim][lastChunkIndex] = newStore;
}
// Create new chunks.
for (var k = chunkCount * chunkSize; k < end; k += chunkSize) {
storage[dim].push(new DataCtor(Math.min(end - k, chunkSize)));
}
}
function prepareInvertedIndex(list) {
var invertedIndicesMap = list._invertedIndicesMap;
each$1(invertedIndicesMap, function (invertedIndices, dim) {
var dimInfo = list._dimensionInfos[dim];
// Currently, only dimensions that has ordinalMeta can create inverted indices.
var ordinalMeta = dimInfo.ordinalMeta;
if (ordinalMeta) {
invertedIndices = invertedIndicesMap[dim] = new CtorInt32Array(
ordinalMeta.categories.length
);
// The default value of TypedArray is 0. To avoid miss
// mapping to 0, we should set it as INDEX_NOT_FOUND.
for (var i = 0; i < invertedIndices.length; i++) {
invertedIndices[i] = INDEX_NOT_FOUND;
}
for (var i = 0; i < list._count; i++) {
// Only support the case that all values are distinct.
invertedIndices[list.get(dim, i)] = i;
}
}
});
}
function getRawValueFromStore(list, dimIndex, rawIndex) {
var val;
if (dimIndex != null) {
var chunkSize = list._chunkSize;
var chunkIndex = Math.floor(rawIndex / chunkSize);
var chunkOffset = rawIndex % chunkSize;
var dim = list.dimensions[dimIndex];
var chunk = list._storage[dim][chunkIndex];
if (chunk) {
val = chunk[chunkOffset];
var ordinalMeta = list._dimensionInfos[dim].ordinalMeta;
if (ordinalMeta && ordinalMeta.categories.length) {
val = ordinalMeta.categories[val];
}
}
}
return val;
}
/**
* @return {number}
*/
listProto.count = function () {
return this._count;
};
listProto.getIndices = function () {
var newIndices;
var indices = this._indices;
if (indices) {
var Ctor = indices.constructor;
var thisCount = this._count;
// `new Array(a, b, c)` is different from `new Uint32Array(a, b, c)`.
if (Ctor === Array) {
newIndices = new Ctor(thisCount);
for (var i = 0; i < thisCount; i++) {
newIndices[i] = indices[i];
}
}
else {
newIndices = new Ctor(indices.buffer, 0, thisCount);
}
}
else {
var Ctor = getIndicesCtor(this);
var newIndices = new Ctor(this.count());
for (var i = 0; i < newIndices.length; i++) {
newIndices[i] = i;
}
}
return newIndices;
};
/**
* Get value. Return NaN if idx is out of range.
* @param {string} dim Dim must be concrete name.
* @param {number} idx
* @param {boolean} stack
* @return {number}
*/
listProto.get = function (dim, idx /*, stack */) {
if (!(idx >= 0 && idx < this._count)) {
return NaN;
}
var storage = this._storage;
if (!storage[dim]) {
// TODO Warn ?
return NaN;
}
idx = this.getRawIndex(idx);
var chunkIndex = Math.floor(idx / this._chunkSize);
var chunkOffset = idx % this._chunkSize;
var chunkStore = storage[dim][chunkIndex];
var value = chunkStore[chunkOffset];
// FIXME ordinal data type is not stackable
// if (stack) {
// var dimensionInfo = this._dimensionInfos[dim];
// if (dimensionInfo && dimensionInfo.stackable) {
// var stackedOn = this.stackedOn;
// while (stackedOn) {
// // Get no stacked data of stacked on
// var stackedValue = stackedOn.get(dim, idx);
// // Considering positive stack, negative stack and empty data
// if ((value >= 0 && stackedValue > 0) // Positive stack
// || (value <= 0 && stackedValue < 0) // Negative stack
// ) {
// value += stackedValue;
// }
// stackedOn = stackedOn.stackedOn;
// }
// }
// }
return value;
};
/**
* @param {string} dim concrete dim
* @param {number} rawIndex
* @return {number|string}
*/
listProto.getByRawIndex = function (dim, rawIdx) {
if (!(rawIdx >= 0 && rawIdx < this._rawCount)) {
return NaN;
}
var dimStore = this._storage[dim];
if (!dimStore) {
// TODO Warn ?
return NaN;
}
var chunkIndex = Math.floor(rawIdx / this._chunkSize);
var chunkOffset = rawIdx % this._chunkSize;
var chunkStore = dimStore[chunkIndex];
return chunkStore[chunkOffset];
};
/**
* FIXME Use `get` on chrome maybe slow(in filterSelf and selectRange).
* Hack a much simpler _getFast
* @private
*/
listProto._getFast = function (dim, rawIdx) {
var chunkIndex = Math.floor(rawIdx / this._chunkSize);
var chunkOffset = rawIdx % this._chunkSize;
var chunkStore = this._storage[dim][chunkIndex];
return chunkStore[chunkOffset];
};
/**
* Get value for multi dimensions.
* @param {Array.} [dimensions] If ignored, using all dimensions.
* @param {number} idx
* @return {number}
*/
listProto.getValues = function (dimensions, idx /*, stack */) {
var values = [];
if (!isArray(dimensions)) {
// stack = idx;
idx = dimensions;
dimensions = this.dimensions;
}
for (var i = 0, len = dimensions.length; i < len; i++) {
values.push(this.get(dimensions[i], idx /*, stack */));
}
return values;
};
/**
* If value is NaN. Inlcuding '-'
* Only check the coord dimensions.
* @param {string} dim
* @param {number} idx
* @return {number}
*/
listProto.hasValue = function (idx) {
var dataDimsOnCoord = this._dimensionsSummary.dataDimsOnCoord;
for (var i = 0, len = dataDimsOnCoord.length; i < len; i++) {
// Ordinal type originally can be string or number.
// But when an ordinal type is used on coord, it can
// not be string but only number. So we can also use isNaN.
if (isNaN(this.get(dataDimsOnCoord[i], idx))) {
return false;
}
}
return true;
};
/**
* Get extent of data in one dimension
* @param {string} dim
* @param {boolean} stack
*/
listProto.getDataExtent = function (dim /*, stack */) {
// Make sure use concrete dim as cache name.
dim = this.getDimension(dim);
var dimData = this._storage[dim];
var initialExtent = getInitialExtent();
// stack = !!((stack || false) && this.getCalculationInfo(dim));
if (!dimData) {
return initialExtent;
}
// Make more strict checkings to ensure hitting cache.
var currEnd = this.count();
// var cacheName = [dim, !!stack].join('_');
// var cacheName = dim;
// Consider the most cases when using data zoom, `getDataExtent`
// happened before filtering. We cache raw extent, which is not
// necessary to be cleared and recalculated when restore data.
var useRaw = !this._indices; // && !stack;
var dimExtent;
if (useRaw) {
return this._rawExtent[dim].slice();
}
dimExtent = this._extent[dim];
if (dimExtent) {
return dimExtent.slice();
}
dimExtent = initialExtent;
var min = dimExtent[0];
var max = dimExtent[1];
for (var i = 0; i < currEnd; i++) {
// var value = stack ? this.get(dim, i, true) : this._getFast(dim, this.getRawIndex(i));
var value = this._getFast(dim, this.getRawIndex(i));
value < min && (min = value);
value > max && (max = value);
}
dimExtent = [min, max];
this._extent[dim] = dimExtent;
return dimExtent;
};
/**
* Optimize for the scenario that data is filtered by a given extent.
* Consider that if data amount is more than hundreds of thousand,
* extent calculation will cost more than 10ms and the cache will
* be erased because of the filtering.
*/
listProto.getApproximateExtent = function (dim /*, stack */) {
dim = this.getDimension(dim);
return this._approximateExtent[dim] || this.getDataExtent(dim /*, stack */);
};
listProto.setApproximateExtent = function (extent, dim /*, stack */) {
dim = this.getDimension(dim);
this._approximateExtent[dim] = extent.slice();
};
/**
* @param {string} key
* @return {*}
*/
listProto.getCalculationInfo = function (key) {
return this._calculationInfo[key];
};
/**
* @param {string|Object} key or k-v object
* @param {*} [value]
*/
listProto.setCalculationInfo = function (key, value) {
isObject$4(key)
? extend(this._calculationInfo, key)
: (this._calculationInfo[key] = value);
};
/**
* Get sum of data in one dimension
* @param {string} dim
*/
listProto.getSum = function (dim /*, stack */) {
var dimData = this._storage[dim];
var sum = 0;
if (dimData) {
for (var i = 0, len = this.count(); i < len; i++) {
var value = this.get(dim, i /*, stack */);
if (!isNaN(value)) {
sum += value;
}
}
}
return sum;
};
/**
* Get median of data in one dimension
* @param {string} dim
*/
listProto.getMedian = function (dim /*, stack */) {
var dimDataArray = [];
// map all data of one dimension
this.each(dim, function (val, idx) {
if (!isNaN(val)) {
dimDataArray.push(val);
}
});
// TODO
// Use quick select?
// immutability & sort
var sortedDimDataArray = [].concat(dimDataArray).sort(function (a, b) {
return a - b;
});
var len = this.count();
// calculate median
return len === 0
? 0
: len % 2 === 1
? sortedDimDataArray[(len - 1) / 2]
: (sortedDimDataArray[len / 2] + sortedDimDataArray[len / 2 - 1]) / 2;
};
// /**
// * Retreive the index with given value
// * @param {string} dim Concrete dimension.
// * @param {number} value
// * @return {number}
// */
// Currently incorrect: should return dataIndex but not rawIndex.
// Do not fix it until this method is to be used somewhere.
// FIXME Precision of float value
// listProto.indexOf = function (dim, value) {
// var storage = this._storage;
// var dimData = storage[dim];
// var chunkSize = this._chunkSize;
// if (dimData) {
// for (var i = 0, len = this.count(); i < len; i++) {
// var chunkIndex = Math.floor(i / chunkSize);
// var chunkOffset = i % chunkSize;
// if (dimData[chunkIndex][chunkOffset] === value) {
// return i;
// }
// }
// }
// return -1;
// };
/**
* Only support the dimension which inverted index created.
* Do not support other cases until required.
* @param {string} concrete dim
* @param {number|string} value
* @return {number} rawIndex
*/
listProto.rawIndexOf = function (dim, value) {
var invertedIndices = dim && this._invertedIndicesMap[dim];
if (__DEV__) {
if (!invertedIndices) {
throw new Error('Do not supported yet');
}
}
var rawIndex = invertedIndices[value];
if (rawIndex == null || isNaN(rawIndex)) {
return INDEX_NOT_FOUND;
}
return rawIndex;
};
/**
* Retreive the index with given name
* @param {number} idx
* @param {number} name
* @return {number}
*/
listProto.indexOfName = function (name) {
for (var i = 0, len = this.count(); i < len; i++) {
if (this.getName(i) === name) {
return i;
}
}
return -1;
};
/**
* Retreive the index with given raw data index
* @param {number} idx
* @param {number} name
* @return {number}
*/
listProto.indexOfRawIndex = function (rawIndex) {
if (!this._indices) {
return rawIndex;
}
if (rawIndex >= this._rawCount || rawIndex < 0) {
return -1;
}
// Indices are ascending
var indices = this._indices;
// If rawIndex === dataIndex
var rawDataIndex = indices[rawIndex];
if (rawDataIndex != null && rawDataIndex < this._count && rawDataIndex === rawIndex) {
return rawIndex;
}
var left = 0;
var right = this._count - 1;
while (left <= right) {
var mid = (left + right) / 2 | 0;
if (indices[mid] < rawIndex) {
left = mid + 1;
}
else if (indices[mid] > rawIndex) {
right = mid - 1;
}
else {
return mid;
}
}
return -1;
};
/**
* Retreive the index of nearest value
* @param {string} dim
* @param {number} value
* @param {number} [maxDistance=Infinity]
* @return {Array.} Considere multiple points has the same value.
*/
listProto.indicesOfNearest = function (dim, value, maxDistance) {
var storage = this._storage;
var dimData = storage[dim];
var nearestIndices = [];
if (!dimData) {
return nearestIndices;
}
if (maxDistance == null) {
maxDistance = Infinity;
}
var minDist = Number.MAX_VALUE;
var minDiff = -1;
for (var i = 0, len = this.count(); i < len; i++) {
var diff = value - this.get(dim, i /*, stack */);
var dist = Math.abs(diff);
if (diff <= maxDistance && dist <= minDist) {
// For the case of two data are same on xAxis, which has sequence data.
// Show the nearest index
// https://github.com/ecomfe/echarts/issues/2869
if (dist < minDist || (diff >= 0 && minDiff < 0)) {
minDist = dist;
minDiff = diff;
nearestIndices.length = 0;
}
nearestIndices.push(i);
}
}
return nearestIndices;
};
/**
* Get raw data index
* @param {number} idx
* @return {number}
*/
listProto.getRawIndex = getRawIndexWithoutIndices;
function getRawIndexWithoutIndices(idx) {
return idx;
}
function getRawIndexWithIndices(idx) {
if (idx < this._count && idx >= 0) {
return this._indices[idx];
}
return -1;
}
/**
* Get raw data item
* @param {number} idx
* @return {number}
*/
listProto.getRawDataItem = function (idx) {
if (!this._rawData.persistent) {
var val = [];
for (var i = 0; i < this.dimensions.length; i++) {
var dim = this.dimensions[i];
val.push(this.get(dim, idx));
}
return val;
}
else {
return this._rawData.getItem(this.getRawIndex(idx));
}
};
/**
* @param {number} idx
* @param {boolean} [notDefaultIdx=false]
* @return {string}
*/
listProto.getName = function (idx) {
var rawIndex = this.getRawIndex(idx);
return this._nameList[rawIndex]
|| getRawValueFromStore(this, this._nameDimIdx, rawIndex)
|| '';
};
/**
* @param {number} idx
* @param {boolean} [notDefaultIdx=false]
* @return {string}
*/
listProto.getId = function (idx) {
return getId(this, this.getRawIndex(idx));
};
function getId(list, rawIndex) {
var id = list._idList[rawIndex];
if (id == null) {
id = getRawValueFromStore(list, list._idDimIdx, rawIndex);
}
if (id == null) {
// FIXME Check the usage in graph, should not use prefix.
id = ID_PREFIX + rawIndex;
}
return id;
}
function normalizeDimensions(dimensions) {
if (!isArray(dimensions)) {
dimensions = [dimensions];
}
return dimensions;
}
function validateDimensions(list, dims) {
for (var i = 0; i < dims.length; i++) {
// stroage may be empty when no data, so use
// dimensionInfos to check.
if (!list._dimensionInfos[dims[i]]) {
console.error('Unkown dimension ' + dims[i]);
}
}
}
/**
* Data iteration
* @param {string|Array.}
* @param {Function} cb
* @param {*} [context=this]
*
* @example
* list.each('x', function (x, idx) {});
* list.each(['x', 'y'], function (x, y, idx) {});
* list.each(function (idx) {})
*/
listProto.each = function (dims, cb, context, contextCompat) {
'use strict';
if (!this._count) {
return;
}
if (typeof dims === 'function') {
contextCompat = context;
context = cb;
cb = dims;
dims = [];
}
// contextCompat just for compat echarts3
context = context || contextCompat || this;
dims = map(normalizeDimensions(dims), this.getDimension, this);
if (__DEV__) {
validateDimensions(this, dims);
}
var dimSize = dims.length;
for (var i = 0; i < this.count(); i++) {
// Simple optimization
switch (dimSize) {
case 0:
cb.call(context, i);
break;
case 1:
cb.call(context, this.get(dims[0], i), i);
break;
case 2:
cb.call(context, this.get(dims[0], i), this.get(dims[1], i), i);
break;
default:
var k = 0;
var value = [];
for (; k < dimSize; k++) {
value[k] = this.get(dims[k], i);
}
// Index
value[k] = i;
cb.apply(context, value);
}
}
};
/**
* Data filter
* @param {string|Array.}
* @param {Function} cb
* @param {*} [context=this]
*/
listProto.filterSelf = function (dimensions, cb, context, contextCompat) {
'use strict';
if (!this._count) {
return;
}
if (typeof dimensions === 'function') {
contextCompat = context;
context = cb;
cb = dimensions;
dimensions = [];
}
// contextCompat just for compat echarts3
context = context || contextCompat || this;
dimensions = map(
normalizeDimensions(dimensions), this.getDimension, this
);
if (__DEV__) {
validateDimensions(this, dimensions);
}
var count = this.count();
var Ctor = getIndicesCtor(this);
var newIndices = new Ctor(count);
var value = [];
var dimSize = dimensions.length;
var offset = 0;
var dim0 = dimensions[0];
for (var i = 0; i < count; i++) {
var keep;
var rawIdx = this.getRawIndex(i);
// Simple optimization
if (dimSize === 0) {
keep = cb.call(context, i);
}
else if (dimSize === 1) {
var val = this._getFast(dim0, rawIdx);
keep = cb.call(context, val, i);
}
else {
for (var k = 0; k < dimSize; k++) {
value[k] = this._getFast(dim0, rawIdx);
}
value[k] = i;
keep = cb.apply(context, value);
}
if (keep) {
newIndices[offset++] = rawIdx;
}
}
// Set indices after filtered.
if (offset < count) {
this._indices = newIndices;
}
this._count = offset;
// Reset data extent
this._extent = {};
this.getRawIndex = this._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
return this;
};
/**
* Select data in range. (For optimization of filter)
* (Manually inline code, support 5 million data filtering in data zoom.)
*/
listProto.selectRange = function (range) {
'use strict';
if (!this._count) {
return;
}
var dimensions = [];
for (var dim in range) {
if (range.hasOwnProperty(dim)) {
dimensions.push(dim);
}
}
if (__DEV__) {
validateDimensions(this, dimensions);
}
var dimSize = dimensions.length;
if (!dimSize) {
return;
}
var originalCount = this.count();
var Ctor = getIndicesCtor(this);
var newIndices = new Ctor(originalCount);
var offset = 0;
var dim0 = dimensions[0];
var min = range[dim0][0];
var max = range[dim0][1];
var quickFinished = false;
if (!this._indices) {
// Extreme optimization for common case. About 2x faster in chrome.
var idx = 0;
if (dimSize === 1) {
var dimStorage = this._storage[dimensions[0]];
for (var k = 0; k < this._chunkCount; k++) {
var chunkStorage = dimStorage[k];
var len = Math.min(this._count - k * this._chunkSize, this._chunkSize);
for (var i = 0; i < len; i++) {
var val = chunkStorage[i];
// NaN will not be filtered. Consider the case, in line chart, empty
// value indicates the line should be broken. But for the case like
// scatter plot, a data item with empty value will not be rendered,
// but the axis extent may be effected if some other dim of the data
// item has value. Fortunately it is not a significant negative effect.
if (
(val >= min && val <= max) || isNaN(val)
) {
newIndices[offset++] = idx;
}
idx++;
}
}
quickFinished = true;
}
else if (dimSize === 2) {
var dimStorage = this._storage[dim0];
var dimStorage2 = this._storage[dimensions[1]];
var min2 = range[dimensions[1]][0];
var max2 = range[dimensions[1]][1];
for (var k = 0; k < this._chunkCount; k++) {
var chunkStorage = dimStorage[k];
var chunkStorage2 = dimStorage2[k];
var len = Math.min(this._count - k * this._chunkSize, this._chunkSize);
for (var i = 0; i < len; i++) {
var val = chunkStorage[i];
var val2 = chunkStorage2[i];
// Do not filter NaN, see comment above.
if ((
(val >= min && val <= max) || isNaN(val)
)
&& (
(val2 >= min2 && val2 <= max2) || isNaN(val2)
)
) {
newIndices[offset++] = idx;
}
idx++;
}
}
quickFinished = true;
}
}
if (!quickFinished) {
if (dimSize === 1) {
for (var i = 0; i < originalCount; i++) {
var rawIndex = this.getRawIndex(i);
var val = this._getFast(dim0, rawIndex);
// Do not filter NaN, see comment above.
if (
(val >= min && val <= max) || isNaN(val)
) {
newIndices[offset++] = rawIndex;
}
}
}
else {
for (var i = 0; i < originalCount; i++) {
var keep = true;
var rawIndex = this.getRawIndex(i);
for (var k = 0; k < dimSize; k++) {
var dimk = dimensions[k];
var val = this._getFast(dim, rawIndex);
// Do not filter NaN, see comment above.
if (val < range[dimk][0] || val > range[dimk][1]) {
keep = false;
}
}
if (keep) {
newIndices[offset++] = this.getRawIndex(i);
}
}
}
}
// Set indices after filtered.
if (offset < originalCount) {
this._indices = newIndices;
}
this._count = offset;
// Reset data extent
this._extent = {};
this.getRawIndex = this._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
return this;
};
/**
* Data mapping to a plain array
* @param {string|Array.} [dimensions]
* @param {Function} cb
* @param {*} [context=this]
* @return {Array}
*/
listProto.mapArray = function (dimensions, cb, context, contextCompat) {
'use strict';
if (typeof dimensions === 'function') {
contextCompat = context;
context = cb;
cb = dimensions;
dimensions = [];
}
// contextCompat just for compat echarts3
context = context || contextCompat || this;
var result = [];
this.each(dimensions, function () {
result.push(cb && cb.apply(this, arguments));
}, context);
return result;
};
// Data in excludeDimensions is copied, otherwise transfered.
function cloneListForMapAndSample(original, excludeDimensions) {
var allDimensions = original.dimensions;
var list = new List(
map(allDimensions, original.getDimensionInfo, original),
original.hostModel
);
// FIXME If needs stackedOn, value may already been stacked
transferProperties(list, original);
var storage = list._storage = {};
var originalStorage = original._storage;
// Init storage
for (var i = 0; i < allDimensions.length; i++) {
var dim = allDimensions[i];
if (originalStorage[dim]) {
// Notice that we do not reset invertedIndicesMap here, becuase
// there is no scenario of mapping or sampling ordinal dimension.
if (indexOf(excludeDimensions, dim) >= 0) {
storage[dim] = cloneDimStore(originalStorage[dim]);
list._rawExtent[dim] = getInitialExtent();
list._extent[dim] = null;
}
else {
// Direct reference for other dimensions
storage[dim] = originalStorage[dim];
}
}
}
return list;
}
function cloneDimStore(originalDimStore) {
var newDimStore = new Array(originalDimStore.length);
for (var j = 0; j < originalDimStore.length; j++) {
newDimStore[j] = cloneChunk(originalDimStore[j]);
}
return newDimStore;
}
function getInitialExtent() {
return [Infinity, -Infinity];
}
/**
* Data mapping to a new List with given dimensions
* @param {string|Array.} dimensions
* @param {Function} cb
* @param {*} [context=this]
* @return {Array}
*/
listProto.map = function (dimensions, cb, context, contextCompat) {
'use strict';
// contextCompat just for compat echarts3
context = context || contextCompat || this;
dimensions = map(
normalizeDimensions(dimensions), this.getDimension, this
);
if (__DEV__) {
validateDimensions(this, dimensions);
}
var list = cloneListForMapAndSample(this, dimensions);
// Following properties are all immutable.
// So we can reference to the same value
list._indices = this._indices;
list.getRawIndex = list._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
var storage = list._storage;
var tmpRetValue = [];
var chunkSize = this._chunkSize;
var dimSize = dimensions.length;
var dataCount = this.count();
var values = [];
var rawExtent = list._rawExtent;
for (var dataIndex = 0; dataIndex < dataCount; dataIndex++) {
for (var dimIndex = 0; dimIndex < dimSize; dimIndex++) {
values[dimIndex] = this.get(dimensions[dimIndex], dataIndex /*, stack */);
}
values[dimSize] = dataIndex;
var retValue = cb && cb.apply(context, values);
if (retValue != null) {
// a number or string (in oridinal dimension)?
if (typeof retValue !== 'object') {
tmpRetValue[0] = retValue;
retValue = tmpRetValue;
}
var rawIndex = this.getRawIndex(dataIndex);
var chunkIndex = Math.floor(rawIndex / chunkSize);
var chunkOffset = rawIndex % chunkSize;
for (var i = 0; i < retValue.length; i++) {
var dim = dimensions[i];
var val = retValue[i];
var rawExtentOnDim = rawExtent[dim];
var dimStore = storage[dim];
if (dimStore) {
dimStore[chunkIndex][chunkOffset] = val;
}
if (val < rawExtentOnDim[0]) {
rawExtentOnDim[0] = val;
}
if (val > rawExtentOnDim[1]) {
rawExtentOnDim[1] = val;
}
}
}
}
return list;
};
/**
* Large data down sampling on given dimension
* @param {string} dimension
* @param {number} rate
* @param {Function} sampleValue
* @param {Function} sampleIndex Sample index for name and id
*/
listProto.downSample = function (dimension, rate, sampleValue, sampleIndex) {
var list = cloneListForMapAndSample(this, [dimension]);
var targetStorage = list._storage;
var frameValues = [];
var frameSize = Math.floor(1 / rate);
var dimStore = targetStorage[dimension];
var len = this.count();
var chunkSize = this._chunkSize;
var rawExtentOnDim = list._rawExtent[dimension];
var newIndices = new (getIndicesCtor(this))(len);
var offset = 0;
for (var i = 0; i < len; i += frameSize) {
// Last frame
if (frameSize > len - i) {
frameSize = len - i;
frameValues.length = frameSize;
}
for (var k = 0; k < frameSize; k++) {
var dataIdx = this.getRawIndex(i + k);
var originalChunkIndex = Math.floor(dataIdx / chunkSize);
var originalChunkOffset = dataIdx % chunkSize;
frameValues[k] = dimStore[originalChunkIndex][originalChunkOffset];
}
var value = sampleValue(frameValues);
var sampleFrameIdx = this.getRawIndex(
Math.min(i + sampleIndex(frameValues, value) || 0, len - 1)
);
var sampleChunkIndex = Math.floor(sampleFrameIdx / chunkSize);
var sampleChunkOffset = sampleFrameIdx % chunkSize;
// Only write value on the filtered data
dimStore[sampleChunkIndex][sampleChunkOffset] = value;
if (value < rawExtentOnDim[0]) {
rawExtentOnDim[0] = value;
}
if (value > rawExtentOnDim[1]) {
rawExtentOnDim[1] = value;
}
newIndices[offset++] = sampleFrameIdx;
}
list._count = offset;
list._indices = newIndices;
list.getRawIndex = getRawIndexWithIndices;
return list;
};
/**
* Get model of one data item.
*
* @param {number} idx
*/
// FIXME Model proxy ?
listProto.getItemModel = function (idx) {
var hostModel = this.hostModel;
return new Model(this.getRawDataItem(idx), hostModel, hostModel && hostModel.ecModel);
};
/**
* Create a data differ
* @param {module:echarts/data/List} otherList
* @return {module:echarts/data/DataDiffer}
*/
listProto.diff = function (otherList) {
var thisList = this;
return new DataDiffer(
otherList ? otherList.getIndices() : [],
this.getIndices(),
function (idx) {
return getId(otherList, idx);
},
function (idx) {
return getId(thisList, idx);
}
);
};
/**
* Get visual property.
* @param {string} key
*/
listProto.getVisual = function (key) {
var visual = this._visual;
return visual && visual[key];
};
/**
* Set visual property
* @param {string|Object} key
* @param {*} [value]
*
* @example
* setVisual('color', color);
* setVisual({
* 'color': color
* });
*/
listProto.setVisual = function (key, val) {
if (isObject$4(key)) {
for (var name in key) {
if (key.hasOwnProperty(name)) {
this.setVisual(name, key[name]);
}
}
return;
}
this._visual = this._visual || {};
this._visual[key] = val;
};
/**
* Set layout property.
* @param {string|Object} key
* @param {*} [val]
*/
listProto.setLayout = function (key, val) {
if (isObject$4(key)) {
for (var name in key) {
if (key.hasOwnProperty(name)) {
this.setLayout(name, key[name]);
}
}
return;
}
this._layout[key] = val;
};
/**
* Get layout property.
* @param {string} key.
* @return {*}
*/
listProto.getLayout = function (key) {
return this._layout[key];
};
/**
* Get layout of single data item
* @param {number} idx
*/
listProto.getItemLayout = function (idx) {
return this._itemLayouts[idx];
};
/**
* Set layout of single data item
* @param {number} idx
* @param {Object} layout
* @param {boolean=} [merge=false]
*/
listProto.setItemLayout = function (idx, layout, merge$$1) {
this._itemLayouts[idx] = merge$$1
? extend(this._itemLayouts[idx] || {}, layout)
: layout;
};
/**
* Clear all layout of single data item
*/
listProto.clearItemLayouts = function () {
this._itemLayouts.length = 0;
};
/**
* Get visual property of single data item
* @param {number} idx
* @param {string} key
* @param {boolean} [ignoreParent=false]
*/
listProto.getItemVisual = function (idx, key, ignoreParent) {
var itemVisual = this._itemVisuals[idx];
var val = itemVisual && itemVisual[key];
if (val == null && !ignoreParent) {
// Use global visual property
return this.getVisual(key);
}
return val;
};
/**
* Set visual property of single data item
*
* @param {number} idx
* @param {string|Object} key
* @param {*} [value]
*
* @example
* setItemVisual(0, 'color', color);
* setItemVisual(0, {
* 'color': color
* });
*/
listProto.setItemVisual = function (idx, key, value) {
var itemVisual = this._itemVisuals[idx] || {};
var hasItemVisual = this.hasItemVisual;
this._itemVisuals[idx] = itemVisual;
if (isObject$4(key)) {
for (var name in key) {
if (key.hasOwnProperty(name)) {
itemVisual[name] = key[name];
hasItemVisual[name] = true;
}
}
return;
}
itemVisual[key] = value;
hasItemVisual[key] = true;
};
/**
* Clear itemVisuals and list visual.
*/
listProto.clearAllVisual = function () {
this._visual = {};
this._itemVisuals = [];
this.hasItemVisual = {};
};
var setItemDataAndSeriesIndex = function (child) {
child.seriesIndex = this.seriesIndex;
child.dataIndex = this.dataIndex;
child.dataType = this.dataType;
};
/**
* Set graphic element relative to data. It can be set as null
* @param {number} idx
* @param {module:zrender/Element} [el]
*/
listProto.setItemGraphicEl = function (idx, el) {
var hostModel = this.hostModel;
if (el) {
// Add data index and series index for indexing the data by element
// Useful in tooltip
el.dataIndex = idx;
el.dataType = this.dataType;
el.seriesIndex = hostModel && hostModel.seriesIndex;
if (el.type === 'group') {
el.traverse(setItemDataAndSeriesIndex, el);
}
}
this._graphicEls[idx] = el;
};
/**
* @param {number} idx
* @return {module:zrender/Element}
*/
listProto.getItemGraphicEl = function (idx) {
return this._graphicEls[idx];
};
/**
* @param {Function} cb
* @param {*} context
*/
listProto.eachItemGraphicEl = function (cb, context) {
each$1(this._graphicEls, function (el, idx) {
if (el) {
cb && cb.call(context, el, idx);
}
});
};
/**
* Shallow clone a new list except visual and layout properties, and graph elements.
* New list only change the indices.
*/
listProto.cloneShallow = function (list) {
if (!list) {
var dimensionInfoList = map(this.dimensions, this.getDimensionInfo, this);
list = new List(dimensionInfoList, this.hostModel);
}
// FIXME
list._storage = this._storage;
transferProperties(list, this);
// Clone will not change the data extent and indices
if (this._indices) {
var Ctor = this._indices.constructor;
list._indices = new Ctor(this._indices);
}
else {
list._indices = null;
}
list.getRawIndex = list._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
return list;
};
/**
* Wrap some method to add more feature
* @param {string} methodName
* @param {Function} injectFunction
*/
listProto.wrapMethod = function (methodName, injectFunction) {
var originalMethod = this[methodName];
if (typeof originalMethod !== 'function') {
return;
}
this.__wrappedMethods = this.__wrappedMethods || [];
this.__wrappedMethods.push(methodName);
this[methodName] = function () {
var res = originalMethod.apply(this, arguments);
return injectFunction.apply(this, [res].concat(slice(arguments)));
};
};
// Methods that create a new list based on this list should be listed here.
// Notice that those method should `RETURN` the new list.
listProto.TRANSFERABLE_METHODS = ['cloneShallow', 'downSample', 'map'];
// Methods that change indices of this list should be listed here.
listProto.CHANGABLE_METHODS = ['filterSelf', 'selectRange'];
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @deprecated
* Use `echarts/data/helper/createDimensions` instead.
*/
/**
* @see {module:echarts/test/ut/spec/data/completeDimensions}
*
* Complete the dimensions array, by user defined `dimension` and `encode`,
* and guessing from the data structure.
* If no 'value' dimension specified, the first no-named dimension will be
* named as 'value'.
*
* @param {Array.} sysDims Necessary dimensions, like ['x', 'y'], which
* provides not only dim template, but also default order.
* properties: 'name', 'type', 'displayName'.
* `name` of each item provides default coord name.
* [{dimsDef: [string|Object, ...]}, ...] dimsDef of sysDim item provides default dim name, and
* provide dims count that the sysDim required.
* [{ordinalMeta}] can be specified.
* @param {module:echarts/data/Source|Array|Object} source or data (for compatibal with pervious)
* @param {Object} [opt]
* @param {Array.} [opt.dimsDef] option.series.dimensions User defined dimensions
* For example: ['asdf', {name, type}, ...].
* @param {Object|HashMap} [opt.encodeDef] option.series.encode {x: 2, y: [3, 1], tooltip: [1, 2], label: 3}
* @param {string} [opt.generateCoord] Generate coord dim with the given name.
* If not specified, extra dim names will be:
* 'value', 'value0', 'value1', ...
* @param {number} [opt.generateCoordCount] By default, the generated dim name is `generateCoord`.
* If `generateCoordCount` specified, the generated dim names will be:
* `generateCoord` + 0, `generateCoord` + 1, ...
* can be Infinity, indicate that use all of the remain columns.
* @param {number} [opt.dimCount] If not specified, guess by the first data item.
* @param {number} [opt.encodeDefaulter] If not specified, auto find the next available data dim.
* @return {Array.} [{
* name: string mandatory,
* displayName: string, the origin name in dimsDef, see source helper.
* If displayName given, the tooltip will displayed vertically.
* coordDim: string mandatory,
* coordDimIndex: number mandatory,
* type: string optional,
* otherDims: { never null/undefined
* tooltip: number optional,
* label: number optional,
* itemName: number optional,
* seriesName: number optional,
* },
* isExtraCoord: boolean true if coord is generated
* (not specified in encode and not series specified)
* other props ...
* }]
*/
function completeDimensions(sysDims, source, opt) {
if (!Source.isInstance(source)) {
source = Source.seriesDataToSource(source);
}
opt = opt || {};
sysDims = (sysDims || []).slice();
var dimsDef = (opt.dimsDef || []).slice();
var encodeDef = createHashMap(opt.encodeDef);
var dataDimNameMap = createHashMap();
var coordDimNameMap = createHashMap();
// var valueCandidate;
var result = [];
var dimCount = getDimCount(source, sysDims, dimsDef, opt.dimCount);
// Apply user defined dims (`name` and `type`) and init result.
for (var i = 0; i < dimCount; i++) {
var dimDefItem = dimsDef[i] = extend(
{}, isObject$1(dimsDef[i]) ? dimsDef[i] : {name: dimsDef[i]}
);
var userDimName = dimDefItem.name;
var resultItem = result[i] = {otherDims: {}};
// Name will be applied later for avoiding duplication.
if (userDimName != null && dataDimNameMap.get(userDimName) == null) {
// Only if `series.dimensions` is defined in option
// displayName, will be set, and dimension will be diplayed vertically in
// tooltip by default.
resultItem.name = resultItem.displayName = userDimName;
dataDimNameMap.set(userDimName, i);
}
dimDefItem.type != null && (resultItem.type = dimDefItem.type);
dimDefItem.displayName != null && (resultItem.displayName = dimDefItem.displayName);
}
// Set `coordDim` and `coordDimIndex` by `encodeDef` and normalize `encodeDef`.
encodeDef.each(function (dataDims, coordDim) {
dataDims = normalizeToArray(dataDims).slice();
// Note: It is allowed that `dataDims.length` is `0`, e.g., options is
// `{encode: {x: -1, y: 1}}`. Should not filter anything in
// this case.
if (dataDims.length === 1 && !isString(dataDims[0]) && dataDims[0] < 0) {
encodeDef.set(coordDim, false);
return;
}
var validDataDims = encodeDef.set(coordDim, []);
each$1(dataDims, function (resultDimIdx, idx) {
// The input resultDimIdx can be dim name or index.
isString(resultDimIdx) && (resultDimIdx = dataDimNameMap.get(resultDimIdx));
if (resultDimIdx != null && resultDimIdx < dimCount) {
validDataDims[idx] = resultDimIdx;
applyDim(result[resultDimIdx], coordDim, idx);
}
});
});
// Apply templetes and default order from `sysDims`.
var availDimIdx = 0;
each$1(sysDims, function (sysDimItem, sysDimIndex) {
var coordDim;
var sysDimItem;
var sysDimItemDimsDef;
var sysDimItemOtherDims;
if (isString(sysDimItem)) {
coordDim = sysDimItem;
sysDimItem = {};
}
else {
coordDim = sysDimItem.name;
var ordinalMeta = sysDimItem.ordinalMeta;
sysDimItem.ordinalMeta = null;
sysDimItem = clone(sysDimItem);
sysDimItem.ordinalMeta = ordinalMeta;
// `coordDimIndex` should not be set directly.
sysDimItemDimsDef = sysDimItem.dimsDef;
sysDimItemOtherDims = sysDimItem.otherDims;
sysDimItem.name = sysDimItem.coordDim = sysDimItem.coordDimIndex
= sysDimItem.dimsDef = sysDimItem.otherDims = null;
}
var dataDims = encodeDef.get(coordDim);
// negative resultDimIdx means no need to mapping.
if (dataDims === false) {
return;
}
var dataDims = normalizeToArray(dataDims);
// dimensions provides default dim sequences.
if (!dataDims.length) {
for (var i = 0; i < (sysDimItemDimsDef && sysDimItemDimsDef.length || 1); i++) {
while (availDimIdx < result.length && result[availDimIdx].coordDim != null) {
availDimIdx++;
}
availDimIdx < result.length && dataDims.push(availDimIdx++);
}
}
// Apply templates.
each$1(dataDims, function (resultDimIdx, coordDimIndex) {
var resultItem = result[resultDimIdx];
applyDim(defaults(resultItem, sysDimItem), coordDim, coordDimIndex);
if (resultItem.name == null && sysDimItemDimsDef) {
var sysDimItemDimsDefItem = sysDimItemDimsDef[coordDimIndex];
!isObject$1(sysDimItemDimsDefItem) && (sysDimItemDimsDefItem = {name: sysDimItemDimsDefItem});
resultItem.name = resultItem.displayName = sysDimItemDimsDefItem.name;
resultItem.defaultTooltip = sysDimItemDimsDefItem.defaultTooltip;
}
// FIXME refactor, currently only used in case: {otherDims: {tooltip: false}}
sysDimItemOtherDims && defaults(resultItem.otherDims, sysDimItemOtherDims);
});
});
function applyDim(resultItem, coordDim, coordDimIndex) {
if (OTHER_DIMENSIONS.get(coordDim) != null) {
resultItem.otherDims[coordDim] = coordDimIndex;
}
else {
resultItem.coordDim = coordDim;
resultItem.coordDimIndex = coordDimIndex;
coordDimNameMap.set(coordDim, true);
}
}
// Make sure the first extra dim is 'value'.
var generateCoord = opt.generateCoord;
var generateCoordCount = opt.generateCoordCount;
var fromZero = generateCoordCount != null;
generateCoordCount = generateCoord ? (generateCoordCount || 1) : 0;
var extra = generateCoord || 'value';
// Set dim `name` and other `coordDim` and other props.
for (var resultDimIdx = 0; resultDimIdx < dimCount; resultDimIdx++) {
var resultItem = result[resultDimIdx] = result[resultDimIdx] || {};
var coordDim = resultItem.coordDim;
if (coordDim == null) {
resultItem.coordDim = genName(
extra, coordDimNameMap, fromZero
);
resultItem.coordDimIndex = 0;
if (!generateCoord || generateCoordCount <= 0) {
resultItem.isExtraCoord = true;
}
generateCoordCount--;
}
resultItem.name == null && (resultItem.name = genName(
resultItem.coordDim,
dataDimNameMap
));
if (resultItem.type == null && guessOrdinal(source, resultDimIdx, resultItem.name)) {
resultItem.type = 'ordinal';
}
}
return result;
}
// ??? TODO
// Originally detect dimCount by data[0]. Should we
// optimize it to only by sysDims and dimensions and encode.
// So only necessary dims will be initialized.
// But
// (1) custom series should be considered. where other dims
// may be visited.
// (2) sometimes user need to calcualte bubble size or use visualMap
// on other dimensions besides coordSys needed.
// So, dims that is not used by system, should be shared in storage?
function getDimCount(source, sysDims, dimsDef, optDimCount) {
// Note that the result dimCount should not small than columns count
// of data, otherwise `dataDimNameMap` checking will be incorrect.
var dimCount = Math.max(
source.dimensionsDetectCount || 1,
sysDims.length,
dimsDef.length,
optDimCount || 0
);
each$1(sysDims, function (sysDimItem) {
var sysDimItemDimsDef = sysDimItem.dimsDef;
sysDimItemDimsDef && (dimCount = Math.max(dimCount, sysDimItemDimsDef.length));
});
return dimCount;
}
function genName(name, map$$1, fromZero) {
if (fromZero || map$$1.get(name) != null) {
var i = 0;
while (map$$1.get(name + i) != null) {
i++;
}
name += i;
}
map$$1.set(name, true);
return name;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Substitute `completeDimensions`.
* `completeDimensions` is to be deprecated.
*/
/**
* @param {module:echarts/data/Source|module:echarts/data/List} source or data.
* @param {Object|Array} [opt]
* @param {Array.} [opt.coordDimensions=[]]
* @param {number} [opt.dimensionsCount]
* @param {string} [opt.generateCoord]
* @param {string} [opt.generateCoordCount]
* @param {Array.} [opt.dimensionsDefine=source.dimensionsDefine] Overwrite source define.
* @param {Object|HashMap} [opt.encodeDefine=source.encodeDefine] Overwrite source define.
* @return {Array.} dimensionsInfo
*/
var createDimensions = function (source, opt) {
opt = opt || {};
return completeDimensions(opt.coordDimensions || [], source, {
dimsDef: opt.dimensionsDefine || source.dimensionsDefine,
encodeDef: opt.encodeDefine || source.encodeDefine,
dimCount: opt.dimensionsCount,
generateCoord: opt.generateCoord,
generateCoordCount: opt.generateCoordCount
});
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Note that it is too complicated to support 3d stack by value
* (have to create two-dimension inverted index), so in 3d case
* we just support that stacked by index.
*
* @param {module:echarts/model/Series} seriesModel
* @param {Array.} dimensionInfoList The same as the input of .
* The input dimensionInfoList will be modified.
* @param {Object} [opt]
* @param {boolean} [opt.stackedCoordDimension=''] Specify a coord dimension if needed.
* @param {boolean} [opt.byIndex=false]
* @return {Object} calculationInfo
* {
* stackedDimension: string
* stackedByDimension: string
* isStackedByIndex: boolean
* stackedOverDimension: string
* stackResultDimension: string
* }
*/
function enableDataStack(seriesModel, dimensionInfoList, opt) {
opt = opt || {};
var byIndex = opt.byIndex;
var stackedCoordDimension = opt.stackedCoordDimension;
// Compatibal: when `stack` is set as '', do not stack.
var mayStack = !!(seriesModel && seriesModel.get('stack'));
var stackedByDimInfo;
var stackedDimInfo;
var stackResultDimension;
var stackedOverDimension;
each$1(dimensionInfoList, function (dimensionInfo, index) {
if (isString(dimensionInfo)) {
dimensionInfoList[index] = dimensionInfo = {name: dimensionInfo};
}
if (mayStack && !dimensionInfo.isExtraCoord) {
// Find the first ordinal dimension as the stackedByDimInfo.
if (!byIndex && !stackedByDimInfo && dimensionInfo.ordinalMeta) {
stackedByDimInfo = dimensionInfo;
}
// Find the first stackable dimension as the stackedDimInfo.
if (!stackedDimInfo
&& dimensionInfo.type !== 'ordinal'
&& dimensionInfo.type !== 'time'
&& (!stackedCoordDimension || stackedCoordDimension === dimensionInfo.coordDim)
) {
stackedDimInfo = dimensionInfo;
}
}
});
if (stackedDimInfo && !byIndex && !stackedByDimInfo) {
// Compatible with previous design, value axis (time axis) only stack by index.
// It may make sense if the user provides elaborately constructed data.
byIndex = true;
}
// Add stack dimension, they can be both calculated by coordinate system in `unionExtent`.
// That put stack logic in List is for using conveniently in echarts extensions, but it
// might not be a good way.
if (stackedDimInfo) {
// Use a weird name that not duplicated with other names.
stackResultDimension = '__\0ecstackresult';
stackedOverDimension = '__\0ecstackedover';
// Create inverted index to fast query index by value.
if (stackedByDimInfo) {
stackedByDimInfo.createInvertedIndices = true;
}
var stackedDimCoordDim = stackedDimInfo.coordDim;
var stackedDimType = stackedDimInfo.type;
var stackedDimCoordIndex = 0;
each$1(dimensionInfoList, function (dimensionInfo) {
if (dimensionInfo.coordDim === stackedDimCoordDim) {
stackedDimCoordIndex++;
}
});
dimensionInfoList.push({
name: stackResultDimension,
coordDim: stackedDimCoordDim,
coordDimIndex: stackedDimCoordIndex,
type: stackedDimType,
isExtraCoord: true,
isCalculationCoord: true
});
stackedDimCoordIndex++;
dimensionInfoList.push({
name: stackedOverDimension,
// This dimension contains stack base (generally, 0), so do not set it as
// `stackedDimCoordDim` to avoid extent calculation, consider log scale.
coordDim: stackedOverDimension,
coordDimIndex: stackedDimCoordIndex,
type: stackedDimType,
isExtraCoord: true,
isCalculationCoord: true
});
}
return {
stackedDimension: stackedDimInfo && stackedDimInfo.name,
stackedByDimension: stackedByDimInfo && stackedByDimInfo.name,
isStackedByIndex: byIndex,
stackedOverDimension: stackedOverDimension,
stackResultDimension: stackResultDimension
};
}
/**
* @param {module:echarts/data/List} data
* @param {string} stackedDim
*/
function isDimensionStacked(data, stackedDim /*, stackedByDim*/) {
// Each single series only maps to one pair of axis. So we do not need to
// check stackByDim, whatever stacked by a dimension or stacked by index.
return !!stackedDim && stackedDim === data.getCalculationInfo('stackedDimension');
// && (
// stackedByDim != null
// ? stackedByDim === data.getCalculationInfo('stackedByDimension')
// : data.getCalculationInfo('isStackedByIndex')
// );
}
/**
* @param {module:echarts/data/List} data
* @param {string} targetDim
* @param {string} [stackedByDim] If not input this parameter, check whether
* stacked by index.
* @return {string} dimension
*/
function getStackedDimension(data, targetDim) {
return isDimensionStacked(data, targetDim)
? data.getCalculationInfo('stackResultDimension')
: targetDim;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @param {module:echarts/data/Source|Array} source Or raw data.
* @param {module:echarts/model/Series} seriesModel
* @param {Object} [opt]
* @param {string} [opt.generateCoord]
*/
function createListFromArray(source, seriesModel, opt) {
opt = opt || {};
if (!Source.isInstance(source)) {
source = Source.seriesDataToSource(source);
}
var coordSysName = seriesModel.get('coordinateSystem');
var registeredCoordSys = CoordinateSystemManager.get(coordSysName);
var coordSysDefine = getCoordSysDefineBySeries(seriesModel);
var coordSysDimDefs;
if (coordSysDefine) {
coordSysDimDefs = map(coordSysDefine.coordSysDims, function (dim) {
var dimInfo = {name: dim};
var axisModel = coordSysDefine.axisMap.get(dim);
if (axisModel) {
var axisType = axisModel.get('type');
dimInfo.type = getDimensionTypeByAxis(axisType);
// dimInfo.stackable = isStackable(axisType);
}
return dimInfo;
});
}
if (!coordSysDimDefs) {
// Get dimensions from registered coordinate system
coordSysDimDefs = (registeredCoordSys && (
registeredCoordSys.getDimensionsInfo
? registeredCoordSys.getDimensionsInfo()
: registeredCoordSys.dimensions.slice()
)) || ['x', 'y'];
}
var dimInfoList = createDimensions(source, {
coordDimensions: coordSysDimDefs,
generateCoord: opt.generateCoord
});
var firstCategoryDimIndex;
var hasNameEncode;
coordSysDefine && each$1(dimInfoList, function (dimInfo, dimIndex) {
var coordDim = dimInfo.coordDim;
var categoryAxisModel = coordSysDefine.categoryAxisMap.get(coordDim);
if (categoryAxisModel) {
if (firstCategoryDimIndex == null) {
firstCategoryDimIndex = dimIndex;
}
dimInfo.ordinalMeta = categoryAxisModel.getOrdinalMeta();
}
if (dimInfo.otherDims.itemName != null) {
hasNameEncode = true;
}
});
if (!hasNameEncode && firstCategoryDimIndex != null) {
dimInfoList[firstCategoryDimIndex].otherDims.itemName = 0;
}
var stackCalculationInfo = enableDataStack(seriesModel, dimInfoList);
var list = new List(dimInfoList, seriesModel);
list.setCalculationInfo(stackCalculationInfo);
var dimValueGetter = (firstCategoryDimIndex != null && isNeedCompleteOrdinalData(source))
? function (itemOpt, dimName, dataIndex, dimIndex) {
// Use dataIndex as ordinal value in categoryAxis
return dimIndex === firstCategoryDimIndex
? dataIndex
: this.defaultDimValueGetter(itemOpt, dimName, dataIndex, dimIndex);
}
: null;
list.hasItemOption = false;
list.initData(source, null, dimValueGetter);
return list;
}
function isNeedCompleteOrdinalData(source) {
if (source.sourceFormat === SOURCE_FORMAT_ORIGINAL) {
var sampleItem = firstDataNotNull(source.data || []);
return sampleItem != null
&& !isArray(getDataItemValue(sampleItem));
}
}
function firstDataNotNull(data) {
var i = 0;
while (i < data.length && data[i] == null) {
i++;
}
return data[i];
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* // Scale class management
* @module echarts/scale/Scale
*/
/**
* @param {Object} [setting]
*/
function Scale(setting) {
this._setting = setting || {};
/**
* Extent
* @type {Array.}
* @protected
*/
this._extent = [Infinity, -Infinity];
/**
* Step is calculated in adjustExtent
* @type {Array.}
* @protected
*/
this._interval = 0;
this.init && this.init.apply(this, arguments);
}
/**
* Parse input val to valid inner number.
* @param {*} val
* @return {number}
*/
Scale.prototype.parse = function (val) {
// Notice: This would be a trap here, If the implementation
// of this method depends on extent, and this method is used
// before extent set (like in dataZoom), it would be wrong.
// Nevertheless, parse does not depend on extent generally.
return val;
};
Scale.prototype.getSetting = function (name) {
return this._setting[name];
};
Scale.prototype.contain = function (val) {
var extent = this._extent;
return val >= extent[0] && val <= extent[1];
};
/**
* Normalize value to linear [0, 1], return 0.5 if extent span is 0
* @param {number} val
* @return {number}
*/
Scale.prototype.normalize = function (val) {
var extent = this._extent;
if (extent[1] === extent[0]) {
return 0.5;
}
return (val - extent[0]) / (extent[1] - extent[0]);
};
/**
* Scale normalized value
* @param {number} val
* @return {number}
*/
Scale.prototype.scale = function (val) {
var extent = this._extent;
return val * (extent[1] - extent[0]) + extent[0];
};
/**
* Set extent from data
* @param {Array.} other
*/
Scale.prototype.unionExtent = function (other) {
var extent = this._extent;
other[0] < extent[0] && (extent[0] = other[0]);
other[1] > extent[1] && (extent[1] = other[1]);
// not setExtent because in log axis it may transformed to power
// this.setExtent(extent[0], extent[1]);
};
/**
* Set extent from data
* @param {module:echarts/data/List} data
* @param {string} dim
*/
Scale.prototype.unionExtentFromData = function (data, dim) {
this.unionExtent(data.getApproximateExtent(dim));
};
/**
* Get extent
* @return {Array.}
*/
Scale.prototype.getExtent = function () {
return this._extent.slice();
};
/**
* Set extent
* @param {number} start
* @param {number} end
*/
Scale.prototype.setExtent = function (start, end) {
var thisExtent = this._extent;
if (!isNaN(start)) {
thisExtent[0] = start;
}
if (!isNaN(end)) {
thisExtent[1] = end;
}
};
/**
* When axis extent depends on data and no data exists,
* axis ticks should not be drawn, which is named 'blank'.
*/
Scale.prototype.isBlank = function () {
return this._isBlank;
},
/**
* When axis extent depends on data and no data exists,
* axis ticks should not be drawn, which is named 'blank'.
*/
Scale.prototype.setBlank = function (isBlank) {
this._isBlank = isBlank;
};
/**
* @abstract
* @param {*} tick
* @return {string} label of the tick.
*/
Scale.prototype.getLabel = null;
enableClassExtend(Scale);
enableClassManagement(Scale, {
registerWhenExtend: true
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @constructor
* @param {Object} [opt]
* @param {Object} [opt.categories=[]]
* @param {Object} [opt.needCollect=false]
* @param {Object} [opt.deduplication=false]
*/
function OrdinalMeta(opt) {
/**
* @readOnly
* @type {Array.}
*/
this.categories = opt.categories || [];
/**
* @private
* @type {boolean}
*/
this._needCollect = opt.needCollect;
/**
* @private
* @type {boolean}
*/
this._deduplication = opt.deduplication;
/**
* @private
* @type {boolean}
*/
this._map;
}
/**
* @param {module:echarts/model/Model} axisModel
* @return {module:echarts/data/OrdinalMeta}
*/
OrdinalMeta.createByAxisModel = function (axisModel) {
var option = axisModel.option;
var data = option.data;
var categories = data && map(data, getName);
return new OrdinalMeta({
categories: categories,
needCollect: !categories,
// deduplication is default in axis.
deduplication: option.dedplication !== false
});
};
var proto$1 = OrdinalMeta.prototype;
/**
* @param {string} category
* @return {number} ordinal
*/
proto$1.getOrdinal = function (category) {
return getOrCreateMap(this).get(category);
};
/**
* @param {*} category
* @return {number} The ordinal. If not found, return NaN.
*/
proto$1.parseAndCollect = function (category) {
var index;
var needCollect = this._needCollect;
// The value of category dim can be the index of the given category set.
// This feature is only supported when !needCollect, because we should
// consider a common case: a value is 2017, which is a number but is
// expected to be tread as a category. This case usually happen in dataset,
// where it happent to be no need of the index feature.
if (typeof category !== 'string' && !needCollect) {
return category;
}
// Optimize for the scenario:
// category is ['2012-01-01', '2012-01-02', ...], where the input
// data has been ensured not duplicate and is large data.
// Notice, if a dataset dimension provide categroies, usually echarts
// should remove duplication except user tell echarts dont do that
// (set axis.deduplication = false), because echarts do not know whether
// the values in the category dimension has duplication (consider the
// parallel-aqi example)
if (needCollect && !this._deduplication) {
index = this.categories.length;
this.categories[index] = category;
return index;
}
var map$$1 = getOrCreateMap(this);
index = map$$1.get(category);
if (index == null) {
if (needCollect) {
index = this.categories.length;
this.categories[index] = category;
map$$1.set(category, index);
}
else {
index = NaN;
}
}
return index;
};
// Consider big data, do not create map until needed.
function getOrCreateMap(ordinalMeta) {
return ordinalMeta._map || (
ordinalMeta._map = createHashMap(ordinalMeta.categories)
);
}
function getName(obj) {
if (isObject$1(obj) && obj.value != null) {
return obj.value;
}
else {
return obj + '';
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Linear continuous scale
* @module echarts/coord/scale/Ordinal
*
* http://en.wikipedia.org/wiki/Level_of_measurement
*/
// FIXME only one data
var scaleProto = Scale.prototype;
var OrdinalScale = Scale.extend({
type: 'ordinal',
/**
* @param {module:echarts/data/OrdianlMeta|Array.} ordinalMeta
*/
init: function (ordinalMeta, extent) {
// Caution: Should not use instanceof, consider ec-extensions using
// import approach to get OrdinalMeta class.
if (!ordinalMeta || isArray(ordinalMeta)) {
ordinalMeta = new OrdinalMeta({categories: ordinalMeta});
}
this._ordinalMeta = ordinalMeta;
this._extent = extent || [0, ordinalMeta.categories.length - 1];
},
parse: function (val) {
return typeof val === 'string'
? this._ordinalMeta.getOrdinal(val)
// val might be float.
: Math.round(val);
},
contain: function (rank) {
rank = this.parse(rank);
return scaleProto.contain.call(this, rank)
&& this._ordinalMeta.categories[rank] != null;
},
/**
* Normalize given rank or name to linear [0, 1]
* @param {number|string} [val]
* @return {number}
*/
normalize: function (val) {
return scaleProto.normalize.call(this, this.parse(val));
},
scale: function (val) {
return Math.round(scaleProto.scale.call(this, val));
},
/**
* @return {Array}
*/
getTicks: function () {
var ticks = [];
var extent = this._extent;
var rank = extent[0];
while (rank <= extent[1]) {
ticks.push(rank);
rank++;
}
return ticks;
},
/**
* Get item on rank n
* @param {number} n
* @return {string}
*/
getLabel: function (n) {
if (!this.isBlank()) {
// Note that if no data, ordinalMeta.categories is an empty array.
return this._ordinalMeta.categories[n];
}
},
/**
* @return {number}
*/
count: function () {
return this._extent[1] - this._extent[0] + 1;
},
/**
* @override
*/
unionExtentFromData: function (data, dim) {
this.unionExtent(data.getApproximateExtent(dim));
},
getOrdinalMeta: function () {
return this._ordinalMeta;
},
niceTicks: noop,
niceExtent: noop
});
/**
* @return {module:echarts/scale/Time}
*/
OrdinalScale.create = function () {
return new OrdinalScale();
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* For testable.
*/
var roundNumber$1 = round$1;
/**
* @param {Array.} extent Both extent[0] and extent[1] should be valid number.
* Should be extent[0] < extent[1].
* @param {number} splitNumber splitNumber should be >= 1.
* @param {number} [minInterval]
* @param {number} [maxInterval]
* @return {Object} {interval, intervalPrecision, niceTickExtent}
*/
function intervalScaleNiceTicks(extent, splitNumber, minInterval, maxInterval) {
var result = {};
var span = extent[1] - extent[0];
var interval = result.interval = nice(span / splitNumber, true);
if (minInterval != null && interval < minInterval) {
interval = result.interval = minInterval;
}
if (maxInterval != null && interval > maxInterval) {
interval = result.interval = maxInterval;
}
// Tow more digital for tick.
var precision = result.intervalPrecision = getIntervalPrecision(interval);
// Niced extent inside original extent
var niceTickExtent = result.niceTickExtent = [
roundNumber$1(Math.ceil(extent[0] / interval) * interval, precision),
roundNumber$1(Math.floor(extent[1] / interval) * interval, precision)
];
fixExtent(niceTickExtent, extent);
return result;
}
/**
* @param {number} interval
* @return {number} interval precision
*/
function getIntervalPrecision(interval) {
// Tow more digital for tick.
return getPrecisionSafe(interval) + 2;
}
function clamp(niceTickExtent, idx, extent) {
niceTickExtent[idx] = Math.max(Math.min(niceTickExtent[idx], extent[1]), extent[0]);
}
// In some cases (e.g., splitNumber is 1), niceTickExtent may be out of extent.
function fixExtent(niceTickExtent, extent) {
!isFinite(niceTickExtent[0]) && (niceTickExtent[0] = extent[0]);
!isFinite(niceTickExtent[1]) && (niceTickExtent[1] = extent[1]);
clamp(niceTickExtent, 0, extent);
clamp(niceTickExtent, 1, extent);
if (niceTickExtent[0] > niceTickExtent[1]) {
niceTickExtent[0] = niceTickExtent[1];
}
}
function intervalScaleGetTicks(interval, extent, niceTickExtent, intervalPrecision) {
var ticks = [];
// If interval is 0, return [];
if (!interval) {
return ticks;
}
// Consider this case: using dataZoom toolbox, zoom and zoom.
var safeLimit = 10000;
if (extent[0] < niceTickExtent[0]) {
ticks.push(extent[0]);
}
var tick = niceTickExtent[0];
while (tick <= niceTickExtent[1]) {
ticks.push(tick);
// Avoid rounding error
tick = roundNumber$1(tick + interval, intervalPrecision);
if (tick === ticks[ticks.length - 1]) {
// Consider out of safe float point, e.g.,
// -3711126.9907707 + 2e-10 === -3711126.9907707
break;
}
if (ticks.length > safeLimit) {
return [];
}
}
// Consider this case: the last item of ticks is smaller
// than niceTickExtent[1] and niceTickExtent[1] === extent[1].
if (extent[1] > (ticks.length ? ticks[ticks.length - 1] : niceTickExtent[1])) {
ticks.push(extent[1]);
}
return ticks;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Interval scale
* @module echarts/scale/Interval
*/
var roundNumber = round$1;
/**
* @alias module:echarts/coord/scale/Interval
* @constructor
*/
var IntervalScale = Scale.extend({
type: 'interval',
_interval: 0,
_intervalPrecision: 2,
setExtent: function (start, end) {
var thisExtent = this._extent;
//start,end may be a Number like '25',so...
if (!isNaN(start)) {
thisExtent[0] = parseFloat(start);
}
if (!isNaN(end)) {
thisExtent[1] = parseFloat(end);
}
},
unionExtent: function (other) {
var extent = this._extent;
other[0] < extent[0] && (extent[0] = other[0]);
other[1] > extent[1] && (extent[1] = other[1]);
// unionExtent may called by it's sub classes
IntervalScale.prototype.setExtent.call(this, extent[0], extent[1]);
},
/**
* Get interval
*/
getInterval: function () {
return this._interval;
},
/**
* Set interval
*/
setInterval: function (interval) {
this._interval = interval;
// Dropped auto calculated niceExtent and use user setted extent
// We assume user wan't to set both interval, min, max to get a better result
this._niceExtent = this._extent.slice();
this._intervalPrecision = getIntervalPrecision(interval);
},
/**
* @return {Array.}
*/
getTicks: function () {
return intervalScaleGetTicks(
this._interval, this._extent, this._niceExtent, this._intervalPrecision
);
},
/**
* @param {number} data
* @param {Object} [opt]
* @param {number|string} [opt.precision] If 'auto', use nice presision.
* @param {boolean} [opt.pad] returns 1.50 but not 1.5 if precision is 2.
* @return {string}
*/
getLabel: function (data, opt) {
if (data == null) {
return '';
}
var precision = opt && opt.precision;
if (precision == null) {
precision = getPrecisionSafe(data) || 0;
}
else if (precision === 'auto') {
// Should be more precise then tick.
precision = this._intervalPrecision;
}
// (1) If `precision` is set, 12.005 should be display as '12.00500'.
// (2) Use roundNumber (toFixed) to avoid scientific notation like '3.5e-7'.
data = roundNumber(data, precision, true);
return addCommas(data);
},
/**
* Update interval and extent of intervals for nice ticks
*
* @param {number} [splitNumber = 5] Desired number of ticks
* @param {number} [minInterval]
* @param {number} [maxInterval]
*/
niceTicks: function (splitNumber, minInterval, maxInterval) {
splitNumber = splitNumber || 5;
var extent = this._extent;
var span = extent[1] - extent[0];
if (!isFinite(span)) {
return;
}
// User may set axis min 0 and data are all negative
// FIXME If it needs to reverse ?
if (span < 0) {
span = -span;
extent.reverse();
}
var result = intervalScaleNiceTicks(
extent, splitNumber, minInterval, maxInterval
);
this._intervalPrecision = result.intervalPrecision;
this._interval = result.interval;
this._niceExtent = result.niceTickExtent;
},
/**
* Nice extent.
* @param {Object} opt
* @param {number} [opt.splitNumber = 5] Given approx tick number
* @param {boolean} [opt.fixMin=false]
* @param {boolean} [opt.fixMax=false]
* @param {boolean} [opt.minInterval]
* @param {boolean} [opt.maxInterval]
*/
niceExtent: function (opt) {
var extent = this._extent;
// If extent start and end are same, expand them
if (extent[0] === extent[1]) {
if (extent[0] !== 0) {
// Expand extent
var expandSize = extent[0];
// In the fowllowing case
// Axis has been fixed max 100
// Plus data are all 100 and axis extent are [100, 100].
// Extend to the both side will cause expanded max is larger than fixed max.
// So only expand to the smaller side.
if (!opt.fixMax) {
extent[1] += expandSize / 2;
extent[0] -= expandSize / 2;
}
else {
extent[0] -= expandSize / 2;
}
}
else {
extent[1] = 1;
}
}
var span = extent[1] - extent[0];
// If there are no data and extent are [Infinity, -Infinity]
if (!isFinite(span)) {
extent[0] = 0;
extent[1] = 1;
}
this.niceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
// var extent = this._extent;
var interval = this._interval;
if (!opt.fixMin) {
extent[0] = roundNumber(Math.floor(extent[0] / interval) * interval);
}
if (!opt.fixMax) {
extent[1] = roundNumber(Math.ceil(extent[1] / interval) * interval);
}
}
});
/**
* @return {module:echarts/scale/Time}
*/
IntervalScale.create = function () {
return new IntervalScale();
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/* global Float32Array */
var STACK_PREFIX = '__ec_stack_';
var LARGE_BAR_MIN_WIDTH = 0.5;
var LargeArr = typeof Float32Array !== 'undefined' ? Float32Array : Array;
function getSeriesStackId(seriesModel) {
return seriesModel.get('stack') || STACK_PREFIX + seriesModel.seriesIndex;
}
function getAxisKey(axis) {
return axis.dim + axis.index;
}
/**
* @param {Object} opt
* @param {module:echarts/coord/Axis} opt.axis Only support category axis currently.
* @param {number} opt.count Positive interger.
* @param {number} [opt.barWidth]
* @param {number} [opt.barMaxWidth]
* @param {number} [opt.barGap]
* @param {number} [opt.barCategoryGap]
* @return {Object} {width, offset, offsetCenter} If axis.type is not 'category', return undefined.
*/
function getLayoutOnAxis(opt) {
var params = [];
var baseAxis = opt.axis;
var axisKey = 'axis0';
if (baseAxis.type !== 'category') {
return;
}
var bandWidth = baseAxis.getBandWidth();
for (var i = 0; i < opt.count || 0; i++) {
params.push(defaults({
bandWidth: bandWidth,
axisKey: axisKey,
stackId: STACK_PREFIX + i
}, opt));
}
var widthAndOffsets = doCalBarWidthAndOffset(params);
var result = [];
for (var i = 0; i < opt.count; i++) {
var item = widthAndOffsets[axisKey][STACK_PREFIX + i];
item.offsetCenter = item.offset + item.width / 2;
result.push(item);
}
return result;
}
function prepareLayoutBarSeries(seriesType, ecModel) {
var seriesModels = [];
ecModel.eachSeriesByType(seriesType, function (seriesModel) {
// Check series coordinate, do layout for cartesian2d only
if (isOnCartesian(seriesModel) && !isInLargeMode(seriesModel)) {
seriesModels.push(seriesModel);
}
});
return seriesModels;
}
function makeColumnLayout(barSeries) {
var seriesInfoList = [];
each$1(barSeries, function (seriesModel) {
var data = seriesModel.getData();
var cartesian = seriesModel.coordinateSystem;
var baseAxis = cartesian.getBaseAxis();
var axisExtent = baseAxis.getExtent();
var bandWidth = baseAxis.type === 'category'
? baseAxis.getBandWidth()
: (Math.abs(axisExtent[1] - axisExtent[0]) / data.count());
var barWidth = parsePercent$1(
seriesModel.get('barWidth'), bandWidth
);
var barMaxWidth = parsePercent$1(
seriesModel.get('barMaxWidth'), bandWidth
);
var barGap = seriesModel.get('barGap');
var barCategoryGap = seriesModel.get('barCategoryGap');
seriesInfoList.push({
bandWidth: bandWidth,
barWidth: barWidth,
barMaxWidth: barMaxWidth,
barGap: barGap,
barCategoryGap: barCategoryGap,
axisKey: getAxisKey(baseAxis),
stackId: getSeriesStackId(seriesModel)
});
});
return doCalBarWidthAndOffset(seriesInfoList);
}
function doCalBarWidthAndOffset(seriesInfoList) {
// Columns info on each category axis. Key is cartesian name
var columnsMap = {};
each$1(seriesInfoList, function (seriesInfo, idx) {
var axisKey = seriesInfo.axisKey;
var bandWidth = seriesInfo.bandWidth;
var columnsOnAxis = columnsMap[axisKey] || {
bandWidth: bandWidth,
remainedWidth: bandWidth,
autoWidthCount: 0,
categoryGap: '20%',
gap: '30%',
stacks: {}
};
var stacks = columnsOnAxis.stacks;
columnsMap[axisKey] = columnsOnAxis;
var stackId = seriesInfo.stackId;
if (!stacks[stackId]) {
columnsOnAxis.autoWidthCount++;
}
stacks[stackId] = stacks[stackId] || {
width: 0,
maxWidth: 0
};
// Caution: In a single coordinate system, these barGrid attributes
// will be shared by series. Consider that they have default values,
// only the attributes set on the last series will work.
// Do not change this fact unless there will be a break change.
// TODO
var barWidth = seriesInfo.barWidth;
if (barWidth && !stacks[stackId].width) {
// See #6312, do not restrict width.
stacks[stackId].width = barWidth;
barWidth = Math.min(columnsOnAxis.remainedWidth, barWidth);
columnsOnAxis.remainedWidth -= barWidth;
}
var barMaxWidth = seriesInfo.barMaxWidth;
barMaxWidth && (stacks[stackId].maxWidth = barMaxWidth);
var barGap = seriesInfo.barGap;
(barGap != null) && (columnsOnAxis.gap = barGap);
var barCategoryGap = seriesInfo.barCategoryGap;
(barCategoryGap != null) && (columnsOnAxis.categoryGap = barCategoryGap);
});
var result = {};
each$1(columnsMap, function (columnsOnAxis, coordSysName) {
result[coordSysName] = {};
var stacks = columnsOnAxis.stacks;
var bandWidth = columnsOnAxis.bandWidth;
var categoryGap = parsePercent$1(columnsOnAxis.categoryGap, bandWidth);
var barGapPercent = parsePercent$1(columnsOnAxis.gap, 1);
var remainedWidth = columnsOnAxis.remainedWidth;
var autoWidthCount = columnsOnAxis.autoWidthCount;
var autoWidth = (remainedWidth - categoryGap)
/ (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
autoWidth = Math.max(autoWidth, 0);
// Find if any auto calculated bar exceeded maxBarWidth
each$1(stacks, function (column, stack) {
var maxWidth = column.maxWidth;
if (maxWidth && maxWidth < autoWidth) {
maxWidth = Math.min(maxWidth, remainedWidth);
if (column.width) {
maxWidth = Math.min(maxWidth, column.width);
}
remainedWidth -= maxWidth;
column.width = maxWidth;
autoWidthCount--;
}
});
// Recalculate width again
autoWidth = (remainedWidth - categoryGap)
/ (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
autoWidth = Math.max(autoWidth, 0);
var widthSum = 0;
var lastColumn;
each$1(stacks, function (column, idx) {
if (!column.width) {
column.width = autoWidth;
}
lastColumn = column;
widthSum += column.width * (1 + barGapPercent);
});
if (lastColumn) {
widthSum -= lastColumn.width * barGapPercent;
}
var offset = -widthSum / 2;
each$1(stacks, function (column, stackId) {
result[coordSysName][stackId] = result[coordSysName][stackId] || {
offset: offset,
width: column.width
};
offset += column.width * (1 + barGapPercent);
});
});
return result;
}
/**
* @param {Object} barWidthAndOffset The result of makeColumnLayout
* @param {module:echarts/coord/Axis} axis
* @param {module:echarts/model/Series} [seriesModel] If not provided, return all.
* @return {Object} {stackId: {offset, width}} or {offset, width} if seriesModel provided.
*/
function retrieveColumnLayout(barWidthAndOffset, axis, seriesModel) {
if (barWidthAndOffset && axis) {
var result = barWidthAndOffset[getAxisKey(axis)];
if (result != null && seriesModel != null) {
result = result[getSeriesStackId(seriesModel)];
}
return result;
}
}
/**
* @param {string} seriesType
* @param {module:echarts/model/Global} ecModel
*/
function layout(seriesType, ecModel) {
var seriesModels = prepareLayoutBarSeries(seriesType, ecModel);
var barWidthAndOffset = makeColumnLayout(seriesModels);
var lastStackCoords = {};
each$1(seriesModels, function (seriesModel) {
var data = seriesModel.getData();
var cartesian = seriesModel.coordinateSystem;
var baseAxis = cartesian.getBaseAxis();
var stackId = getSeriesStackId(seriesModel);
var columnLayoutInfo = barWidthAndOffset[getAxisKey(baseAxis)][stackId];
var columnOffset = columnLayoutInfo.offset;
var columnWidth = columnLayoutInfo.width;
var valueAxis = cartesian.getOtherAxis(baseAxis);
var barMinHeight = seriesModel.get('barMinHeight') || 0;
lastStackCoords[stackId] = lastStackCoords[stackId] || [];
data.setLayout({
offset: columnOffset,
size: columnWidth
});
var valueDim = data.mapDimension(valueAxis.dim);
var baseDim = data.mapDimension(baseAxis.dim);
var stacked = isDimensionStacked(data, valueDim /*, baseDim*/);
var isValueAxisH = valueAxis.isHorizontal();
var valueAxisStart = getValueAxisStart(baseAxis, valueAxis, stacked);
for (var idx = 0, len = data.count(); idx < len; idx++) {
var value = data.get(valueDim, idx);
var baseValue = data.get(baseDim, idx);
// If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
if (isNaN(value) || isNaN(baseValue)) {
continue;
}
var sign = value >= 0 ? 'p' : 'n';
var baseCoord = valueAxisStart;
// Because of the barMinHeight, we can not use the value in
// stackResultDimension directly.
if (stacked) {
// Only ordinal axis can be stacked.
if (!lastStackCoords[stackId][baseValue]) {
lastStackCoords[stackId][baseValue] = {
p: valueAxisStart, // Positive stack
n: valueAxisStart // Negative stack
};
}
// Should also consider #4243
baseCoord = lastStackCoords[stackId][baseValue][sign];
}
var x;
var y;
var width;
var height;
if (isValueAxisH) {
var coord = cartesian.dataToPoint([value, baseValue]);
x = baseCoord;
y = coord[1] + columnOffset;
width = coord[0] - valueAxisStart;
height = columnWidth;
if (Math.abs(width) < barMinHeight) {
width = (width < 0 ? -1 : 1) * barMinHeight;
}
stacked && (lastStackCoords[stackId][baseValue][sign] += width);
}
else {
var coord = cartesian.dataToPoint([baseValue, value]);
x = coord[0] + columnOffset;
y = baseCoord;
width = columnWidth;
height = coord[1] - valueAxisStart;
if (Math.abs(height) < barMinHeight) {
// Include zero to has a positive bar
height = (height <= 0 ? -1 : 1) * barMinHeight;
}
stacked && (lastStackCoords[stackId][baseValue][sign] += height);
}
data.setItemLayout(idx, {
x: x,
y: y,
width: width,
height: height
});
}
}, this);
}
// TODO: Do not support stack in large mode yet.
var largeLayout = {
seriesType: 'bar',
plan: createRenderPlanner(),
reset: function (seriesModel) {
if (!isOnCartesian(seriesModel) || !isInLargeMode(seriesModel)) {
return;
}
var data = seriesModel.getData();
var cartesian = seriesModel.coordinateSystem;
var baseAxis = cartesian.getBaseAxis();
var valueAxis = cartesian.getOtherAxis(baseAxis);
var valueDim = data.mapDimension(valueAxis.dim);
var baseDim = data.mapDimension(baseAxis.dim);
var valueAxisHorizontal = valueAxis.isHorizontal();
var valueDimIdx = valueAxisHorizontal ? 0 : 1;
var barWidth = retrieveColumnLayout(
makeColumnLayout([seriesModel]), baseAxis, seriesModel
).width;
if (!(barWidth > LARGE_BAR_MIN_WIDTH)) { // jshint ignore:line
barWidth = LARGE_BAR_MIN_WIDTH;
}
return {progress: progress};
function progress(params, data) {
var count = params.count;
var largePoints = new LargeArr(count * 2);
var largeDataIndices = new LargeArr(count);
var dataIndex;
var coord = [];
var valuePair = [];
var pointsOffset = 0;
var idxOffset = 0;
while ((dataIndex = params.next()) != null) {
valuePair[valueDimIdx] = data.get(valueDim, dataIndex);
valuePair[1 - valueDimIdx] = data.get(baseDim, dataIndex);
coord = cartesian.dataToPoint(valuePair, null, coord);
// Data index might not be in order, depends on `progressiveChunkMode`.
largePoints[pointsOffset++] = coord[0];
largePoints[pointsOffset++] = coord[1];
largeDataIndices[idxOffset++] = dataIndex;
}
data.setLayout({
largePoints: largePoints,
largeDataIndices: largeDataIndices,
barWidth: barWidth,
valueAxisStart: getValueAxisStart(baseAxis, valueAxis, false),
valueAxisHorizontal: valueAxisHorizontal
});
}
}
};
function isOnCartesian(seriesModel) {
return seriesModel.coordinateSystem && seriesModel.coordinateSystem.type === 'cartesian2d';
}
function isInLargeMode(seriesModel) {
return seriesModel.pipelineContext && seriesModel.pipelineContext.large;
}
// See cases in `test/bar-start.html` and `#7412`, `#8747`.
function getValueAxisStart(baseAxis, valueAxis, stacked) {
var extent = valueAxis.getGlobalExtent();
var min;
var max;
if (extent[0] > extent[1]) {
min = extent[1];
max = extent[0];
}
else {
min = extent[0];
max = extent[1];
}
var valueStart = valueAxis.toGlobalCoord(valueAxis.dataToCoord(0));
valueStart < min && (valueStart = min);
valueStart > max && (valueStart = max);
return valueStart;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/*
* A third-party license is embeded for some of the code in this file:
* The "scaleLevels" was originally copied from "d3.js" with some
* modifications made for this project.
* (See more details in the comment on the definition of "scaleLevels" below.)
* The use of the source code of this file is also subject to the terms
* and consitions of the license of "d3.js" (BSD-3Clause, see
* ).
*/
// [About UTC and local time zone]:
// In most cases, `number.parseDate` will treat input data string as local time
// (except time zone is specified in time string). And `format.formateTime` returns
// local time by default. option.useUTC is false by default. This design have
// concidered these common case:
// (1) Time that is persistent in server is in UTC, but it is needed to be diplayed
// in local time by default.
// (2) By default, the input data string (e.g., '2011-01-02') should be displayed
// as its original time, without any time difference.
var intervalScaleProto = IntervalScale.prototype;
var mathCeil = Math.ceil;
var mathFloor = Math.floor;
var ONE_SECOND = 1000;
var ONE_MINUTE = ONE_SECOND * 60;
var ONE_HOUR = ONE_MINUTE * 60;
var ONE_DAY = ONE_HOUR * 24;
// FIXME 公用？
var bisect = function (a, x, lo, hi) {
while (lo < hi) {
var mid = lo + hi >>> 1;
if (a[mid][1] < x) {
lo = mid + 1;
}
else {
hi = mid;
}
}
return lo;
};
/**
* @alias module:echarts/coord/scale/Time
* @constructor
*/
var TimeScale = IntervalScale.extend({
type: 'time',
/**
* @override
*/
getLabel: function (val) {
var stepLvl = this._stepLvl;
var date = new Date(val);
return formatTime(stepLvl[0], date, this.getSetting('useUTC'));
},
/**
* @override
*/
niceExtent: function (opt) {
var extent = this._extent;
// If extent start and end are same, expand them
if (extent[0] === extent[1]) {
// Expand extent
extent[0] -= ONE_DAY;
extent[1] += ONE_DAY;
}
// If there are no data and extent are [Infinity, -Infinity]
if (extent[1] === -Infinity && extent[0] === Infinity) {
var d = new Date();
extent[1] = +new Date(d.getFullYear(), d.getMonth(), d.getDate());
extent[0] = extent[1] - ONE_DAY;
}
this.niceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
// var extent = this._extent;
var interval = this._interval;
if (!opt.fixMin) {
extent[0] = round$1(mathFloor(extent[0] / interval) * interval);
}
if (!opt.fixMax) {
extent[1] = round$1(mathCeil(extent[1] / interval) * interval);
}
},
/**
* @override
*/
niceTicks: function (approxTickNum, minInterval, maxInterval) {
approxTickNum = approxTickNum || 10;
var extent = this._extent;
var span = extent[1] - extent[0];
var approxInterval = span / approxTickNum;
if (minInterval != null && approxInterval < minInterval) {
approxInterval = minInterval;
}
if (maxInterval != null && approxInterval > maxInterval) {
approxInterval = maxInterval;
}
var scaleLevelsLen = scaleLevels.length;
var idx = bisect(scaleLevels, approxInterval, 0, scaleLevelsLen);
var level = scaleLevels[Math.min(idx, scaleLevelsLen - 1)];
var interval = level[1];
// Same with interval scale if span is much larger than 1 year
if (level[0] === 'year') {
var yearSpan = span / interval;
// From "Nice Numbers for Graph Labels" of Graphic Gems
// var niceYearSpan = numberUtil.nice(yearSpan, false);
var yearStep = nice(yearSpan / approxTickNum, true);
interval *= yearStep;
}
var timezoneOffset = this.getSetting('useUTC')
? 0 : (new Date(+extent[0] || +extent[1])).getTimezoneOffset() * 60 * 1000;
var niceExtent = [
Math.round(mathCeil((extent[0] - timezoneOffset) / interval) * interval + timezoneOffset),
Math.round(mathFloor((extent[1] - timezoneOffset) / interval) * interval + timezoneOffset)
];
fixExtent(niceExtent, extent);
this._stepLvl = level;
// Interval will be used in getTicks
this._interval = interval;
this._niceExtent = niceExtent;
},
parse: function (val) {
// val might be float.
return +parseDate(val);
}
});
each$1(['contain', 'normalize'], function (methodName) {
TimeScale.prototype[methodName] = function (val) {
return intervalScaleProto[methodName].call(this, this.parse(val));
};
});
/**
* This implementation was originally copied from "d3.js"
*
* with some modifications made for this program.
* See the license statement at the head of this file.
*/
var scaleLevels = [
// Format interval
['hh:mm:ss', ONE_SECOND], // 1s
['hh:mm:ss', ONE_SECOND * 5], // 5s
['hh:mm:ss', ONE_SECOND * 10], // 10s
['hh:mm:ss', ONE_SECOND * 15], // 15s
['hh:mm:ss', ONE_SECOND * 30], // 30s
['hh:mm\nMM-dd', ONE_MINUTE], // 1m
['hh:mm\nMM-dd', ONE_MINUTE * 5], // 5m
['hh:mm\nMM-dd', ONE_MINUTE * 10], // 10m
['hh:mm\nMM-dd', ONE_MINUTE * 15], // 15m
['hh:mm\nMM-dd', ONE_MINUTE * 30], // 30m
['hh:mm\nMM-dd', ONE_HOUR], // 1h
['hh:mm\nMM-dd', ONE_HOUR * 2], // 2h
['hh:mm\nMM-dd', ONE_HOUR * 6], // 6h
['hh:mm\nMM-dd', ONE_HOUR * 12], // 12h
['MM-dd\nyyyy', ONE_DAY], // 1d
['MM-dd\nyyyy', ONE_DAY * 2], // 2d
['MM-dd\nyyyy', ONE_DAY * 3], // 3d
['MM-dd\nyyyy', ONE_DAY * 4], // 4d
['MM-dd\nyyyy', ONE_DAY * 5], // 5d
['MM-dd\nyyyy', ONE_DAY * 6], // 6d
['week', ONE_DAY * 7], // 7d
['MM-dd\nyyyy', ONE_DAY * 10], // 10d
['week', ONE_DAY * 14], // 2w
['week', ONE_DAY * 21], // 3w
['month', ONE_DAY * 31], // 1M
['week', ONE_DAY * 42], // 6w
['month', ONE_DAY * 62], // 2M
['week', ONE_DAY * 70], // 10w
['quarter', ONE_DAY * 95], // 3M
['month', ONE_DAY * 31 * 4], // 4M
['month', ONE_DAY * 31 * 5], // 5M
['half-year', ONE_DAY * 380 / 2], // 6M
['month', ONE_DAY * 31 * 8], // 8M
['month', ONE_DAY * 31 * 10], // 10M
['year', ONE_DAY * 380] // 1Y
];
/**
* @param {module:echarts/model/Model}
* @return {module:echarts/scale/Time}
*/
TimeScale.create = function (model) {
return new TimeScale({useUTC: model.ecModel.get('useUTC')});
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Log scale
* @module echarts/scale/Log
*/
// Use some method of IntervalScale
var scaleProto$1 = Scale.prototype;
var intervalScaleProto$1 = IntervalScale.prototype;
var getPrecisionSafe$1 = getPrecisionSafe;
var roundingErrorFix = round$1;
var mathFloor$1 = Math.floor;
var mathCeil$1 = Math.ceil;
var mathPow$1 = Math.pow;
var mathLog = Math.log;
var LogScale = Scale.extend({
type: 'log',
base: 10,
$constructor: function () {
Scale.apply(this, arguments);
this._originalScale = new IntervalScale();
},
/**
* @return {Array.}
*/
getTicks: function () {
var originalScale = this._originalScale;
var extent = this._extent;
var originalExtent = originalScale.getExtent();
return map(intervalScaleProto$1.getTicks.call(this), function (val) {
var powVal = round$1(mathPow$1(this.base, val));
// Fix #4158
powVal = (val === extent[0] && originalScale.__fixMin)
? fixRoundingError(powVal, originalExtent[0])
: powVal;
powVal = (val === extent[1] && originalScale.__fixMax)
? fixRoundingError(powVal, originalExtent[1])
: powVal;
return powVal;
}, this);
},
/**
* @param {number} val
* @return {string}
*/
getLabel: intervalScaleProto$1.getLabel,
/**
* @param {number} val
* @return {number}
*/
scale: function (val) {
val = scaleProto$1.scale.call(this, val);
return mathPow$1(this.base, val);
},
/**
* @param {number} start
* @param {number} end
*/
setExtent: function (start, end) {
var base = this.base;
start = mathLog(start) / mathLog(base);
end = mathLog(end) / mathLog(base);
intervalScaleProto$1.setExtent.call(this, start, end);
},
/**
* @return {number} end
*/
getExtent: function () {
var base = this.base;
var extent = scaleProto$1.getExtent.call(this);
extent[0] = mathPow$1(base, extent[0]);
extent[1] = mathPow$1(base, extent[1]);
// Fix #4158
var originalScale = this._originalScale;
var originalExtent = originalScale.getExtent();
originalScale.__fixMin && (extent[0] = fixRoundingError(extent[0], originalExtent[0]));
originalScale.__fixMax && (extent[1] = fixRoundingError(extent[1], originalExtent[1]));
return extent;
},
/**
* @param {Array.} extent
*/
unionExtent: function (extent) {
this._originalScale.unionExtent(extent);
var base = this.base;
extent[0] = mathLog(extent[0]) / mathLog(base);
extent[1] = mathLog(extent[1]) / mathLog(base);
scaleProto$1.unionExtent.call(this, extent);
},
/**
* @override
*/
unionExtentFromData: function (data, dim) {
// TODO
// filter value that <= 0
this.unionExtent(data.getApproximateExtent(dim));
},
/**
* Update interval and extent of intervals for nice ticks
* @param {number} [approxTickNum = 10] Given approx tick number
*/
niceTicks: function (approxTickNum) {
approxTickNum = approxTickNum || 10;
var extent = this._extent;
var span = extent[1] - extent[0];
if (span === Infinity || span <= 0) {
return;
}
var interval = quantity(span);
var err = approxTickNum / span * interval;
// Filter ticks to get closer to the desired count.
if (err <= 0.5) {
interval *= 10;
}
// Interval should be integer
while (!isNaN(interval) && Math.abs(interval) < 1 && Math.abs(interval) > 0) {
interval *= 10;
}
var niceExtent = [
round$1(mathCeil$1(extent[0] / interval) * interval),
round$1(mathFloor$1(extent[1] / interval) * interval)
];
this._interval = interval;
this._niceExtent = niceExtent;
},
/**
* Nice extent.
* @override
*/
niceExtent: function (opt) {
intervalScaleProto$1.niceExtent.call(this, opt);
var originalScale = this._originalScale;
originalScale.__fixMin = opt.fixMin;
originalScale.__fixMax = opt.fixMax;
}
});
each$1(['contain', 'normalize'], function (methodName) {
LogScale.prototype[methodName] = function (val) {
val = mathLog(val) / mathLog(this.base);
return scaleProto$1[methodName].call(this, val);
};
});
LogScale.create = function () {
return new LogScale();
};
function fixRoundingError(val, originalVal) {
return roundingErrorFix(val, getPrecisionSafe$1(originalVal));
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Get axis scale extent before niced.
* Item of returned array can only be number (including Infinity and NaN).
*/
function getScaleExtent(scale, model) {
var scaleType = scale.type;
var min = model.getMin();
var max = model.getMax();
var fixMin = min != null;
var fixMax = max != null;
var originalExtent = scale.getExtent();
var axisDataLen;
var boundaryGap;
var span;
if (scaleType === 'ordinal') {
axisDataLen = model.getCategories().length;
}
else {
boundaryGap = model.get('boundaryGap');
if (!isArray(boundaryGap)) {
boundaryGap = [boundaryGap || 0, boundaryGap || 0];
}
if (typeof boundaryGap[0] === 'boolean') {
if (__DEV__) {
console.warn('Boolean type for boundaryGap is only '
+ 'allowed for ordinal axis. Please use string in '
+ 'percentage instead, e.g., "20%". Currently, '
+ 'boundaryGap is set to be 0.');
}
boundaryGap = [0, 0];
}
boundaryGap[0] = parsePercent$1(boundaryGap[0], 1);
boundaryGap[1] = parsePercent$1(boundaryGap[1], 1);
span = (originalExtent[1] - originalExtent[0])
|| Math.abs(originalExtent[0]);
}
// Notice: When min/max is not set (that is, when there are null/undefined,
// which is the most common case), these cases should be ensured:
// (1) For 'ordinal', show all axis.data.
// (2) For others:
// + `boundaryGap` is applied (if min/max set, boundaryGap is
// disabled).
// + If `needCrossZero`, min/max should be zero, otherwise, min/max should
// be the result that originalExtent enlarged by boundaryGap.
// (3) If no data, it should be ensured that `scale.setBlank` is set.
// FIXME
// (1) When min/max is 'dataMin' or 'dataMax', should boundaryGap be able to used?
// (2) When `needCrossZero` and all data is positive/negative, should it be ensured
// that the results processed by boundaryGap are positive/negative?
if (min == null) {
min = scaleType === 'ordinal'
? (axisDataLen ? 0 : NaN)
: originalExtent[0] - boundaryGap[0] * span;
}
if (max == null) {
max = scaleType === 'ordinal'
? (axisDataLen ? axisDataLen - 1 : NaN)
: originalExtent[1] + boundaryGap[1] * span;
}
if (min === 'dataMin') {
min = originalExtent[0];
}
else if (typeof min === 'function') {
min = min({
min: originalExtent[0],
max: originalExtent[1]
});
}
if (max === 'dataMax') {
max = originalExtent[1];
}
else if (typeof max === 'function') {
max = max({
min: originalExtent[0],
max: originalExtent[1]
});
}
(min == null || !isFinite(min)) && (min = NaN);
(max == null || !isFinite(max)) && (max = NaN);
scale.setBlank(
eqNaN(min)
|| eqNaN(max)
|| (scaleType === 'ordinal' && !scale.getOrdinalMeta().categories.length)
);
// Evaluate if axis needs cross zero
if (model.getNeedCrossZero()) {
// Axis is over zero and min is not set
if (min > 0 && max > 0 && !fixMin) {
min = 0;
}
// Axis is under zero and max is not set
if (min < 0 && max < 0 && !fixMax) {
max = 0;
}
}
// If bars are placed on a base axis of type time or interval account for axis boundary overflow and current axis
// is base axis
// FIXME
// (1) Consider support value axis, where below zero and axis `onZero` should be handled properly.
// (2) Refactor the logic with `barGrid`. Is it not need to `makeBarWidthAndOffsetInfo` twice with different extent?
// Should not depend on series type `bar`?
// (3) Fix that might overlap when using dataZoom.
// (4) Consider other chart types using `barGrid`?
// See #6728, #4862, `test/bar-overflow-time-plot.html`
var ecModel = model.ecModel;
if (ecModel && (scaleType === 'time' /*|| scaleType === 'interval' */)) {
var barSeriesModels = prepareLayoutBarSeries('bar', ecModel);
var isBaseAxisAndHasBarSeries;
each$1(barSeriesModels, function (seriesModel) {
isBaseAxisAndHasBarSeries |= seriesModel.getBaseAxis() === model.axis;
});
if (isBaseAxisAndHasBarSeries) {
// Calculate placement of bars on axis
var barWidthAndOffset = makeColumnLayout(barSeriesModels);
// Adjust axis min and max to account for overflow
var adjustedScale = adjustScaleForOverflow(min, max, model, barWidthAndOffset);
min = adjustedScale.min;
max = adjustedScale.max;
}
}
return [min, max];
}
function adjustScaleForOverflow(min, max, model, barWidthAndOffset) {
// Get Axis Length
var axisExtent = model.axis.getExtent();
var axisLength = axisExtent[1] - axisExtent[0];
// Get bars on current base axis and calculate min and max overflow
var barsOnCurrentAxis = retrieveColumnLayout(barWidthAndOffset, model.axis);
if (barsOnCurrentAxis === undefined) {
return {min: min, max: max};
}
var minOverflow = Infinity;
each$1(barsOnCurrentAxis, function (item) {
minOverflow = Math.min(item.offset, minOverflow);
});
var maxOverflow = -Infinity;
each$1(barsOnCurrentAxis, function (item) {
maxOverflow = Math.max(item.offset + item.width, maxOverflow);
});
minOverflow = Math.abs(minOverflow);
maxOverflow = Math.abs(maxOverflow);
var totalOverFlow = minOverflow + maxOverflow;
// Calulate required buffer based on old range and overflow
var oldRange = max - min;
var oldRangePercentOfNew = (1 - (minOverflow + maxOverflow) / axisLength);
var overflowBuffer = ((oldRange / oldRangePercentOfNew) - oldRange);
max += overflowBuffer * (maxOverflow / totalOverFlow);
min -= overflowBuffer * (minOverflow / totalOverFlow);
return {min: min, max: max};
}
function niceScaleExtent(scale, model) {
var extent = getScaleExtent(scale, model);
var fixMin = model.getMin() != null;
var fixMax = model.getMax() != null;
var splitNumber = model.get('splitNumber');
if (scale.type === 'log') {
scale.base = model.get('logBase');
}
var scaleType = scale.type;
scale.setExtent(extent[0], extent[1]);
scale.niceExtent({
splitNumber: splitNumber,
fixMin: fixMin,
fixMax: fixMax,
minInterval: (scaleType === 'interval' || scaleType === 'time')
? model.get('minInterval') : null,
maxInterval: (scaleType === 'interval' || scaleType === 'time')
? model.get('maxInterval') : null
});
// If some one specified the min, max. And the default calculated interval
// is not good enough. He can specify the interval. It is often appeared
// in angle axis with angle 0 - 360. Interval calculated in interval scale is hard
// to be 60.
// FIXME
var interval = model.get('interval');
if (interval != null) {
scale.setInterval && scale.setInterval(interval);
}
}
/**
* @param {module:echarts/model/Model} model
* @param {string} [axisType] Default retrieve from model.type
* @return {module:echarts/scale/*}
*/
function createScaleByModel(model, axisType) {
axisType = axisType || model.get('type');
if (axisType) {
switch (axisType) {
// Buildin scale
case 'category':
return new OrdinalScale(
model.getOrdinalMeta
? model.getOrdinalMeta()
: model.getCategories(),
[Infinity, -Infinity]
);
case 'value':
return new IntervalScale();
// Extended scale, like time and log
default:
return (Scale.getClass(axisType) || IntervalScale).create(model);
}
}
}
/**
* Check if the axis corss 0
*/
function ifAxisCrossZero(axis) {
var dataExtent = axis.scale.getExtent();
var min = dataExtent[0];
var max = dataExtent[1];
return !((min > 0 && max > 0) || (min < 0 && max < 0));
}
/**
* @param {module:echarts/coord/Axis} axis
* @return {Function} Label formatter function.
* param: {number} tickValue,
* param: {number} idx, the index in all ticks.
* If category axis, this param is not requied.
* return: {string} label string.
*/
function makeLabelFormatter(axis) {
var labelFormatter = axis.getLabelModel().get('formatter');
var categoryTickStart = axis.type === 'category' ? axis.scale.getExtent()[0] : null;
if (typeof labelFormatter === 'string') {
labelFormatter = (function (tpl) {
return function (val) {
// For category axis, get raw value; for numeric axis,
// get foramtted label like '1,333,444'.
val = axis.scale.getLabel(val);
return tpl.replace('{value}', val != null ? val : '');
};
})(labelFormatter);
// Consider empty array
return labelFormatter;
}
else if (typeof labelFormatter === 'function') {
return function (tickValue, idx) {
// The original intention of `idx` is "the index of the tick in all ticks".
// But the previous implementation of category axis do not consider the
// `axisLabel.interval`, which cause that, for example, the `interval` is
// `1`, then the ticks "name5", "name7", "name9" are displayed, where the
// corresponding `idx` are `0`, `2`, `4`, but not `0`, `1`, `2`. So we keep
// the definition here for back compatibility.
if (categoryTickStart != null) {
idx = tickValue - categoryTickStart;
}
return labelFormatter(getAxisRawValue(axis, tickValue), idx);
};
}
else {
return function (tick) {
return axis.scale.getLabel(tick);
};
}
}
function getAxisRawValue(axis, value) {
// In category axis with data zoom, tick is not the original
// index of axis.data. So tick should not be exposed to user
// in category axis.
return axis.type === 'category' ? axis.scale.getLabel(value) : value;
}
/**
* @param {module:echarts/coord/Axis} axis
* @return {module:zrender/core/BoundingRect} Be null/undefined if no labels.
*/
function estimateLabelUnionRect(axis) {
var axisModel = axis.model;
var scale = axis.scale;
if (!axisModel.get('axisLabel.show') || scale.isBlank()) {
return;
}
var isCategory = axis.type === 'category';
var realNumberScaleTicks;
var tickCount;
var categoryScaleExtent = scale.getExtent();
// Optimize for large category data, avoid call `getTicks()`.
if (isCategory) {
tickCount = scale.count();
}
else {
realNumberScaleTicks = scale.getTicks();
tickCount = realNumberScaleTicks.length;
}
var axisLabelModel = axis.getLabelModel();
var labelFormatter = makeLabelFormatter(axis);
var rect;
var step = 1;
// Simple optimization for large amount of labels
if (tickCount > 40) {
step = Math.ceil(tickCount / 40);
}
for (var i = 0; i < tickCount; i += step) {
var tickValue = realNumberScaleTicks ? realNumberScaleTicks[i] : categoryScaleExtent[0] + i;
var label = labelFormatter(tickValue);
var unrotatedSingleRect = axisLabelModel.getTextRect(label);
var singleRect = rotateTextRect(unrotatedSingleRect, axisLabelModel.get('rotate') || 0);
rect ? rect.union(singleRect) : (rect = singleRect);
}
return rect;
}
function rotateTextRect(textRect, rotate) {
var rotateRadians = rotate * Math.PI / 180;
var boundingBox = textRect.plain();
var beforeWidth = boundingBox.width;
var beforeHeight = boundingBox.height;
var afterWidth = beforeWidth * Math.cos(rotateRadians) + beforeHeight * Math.sin(rotateRadians);
var afterHeight = beforeWidth * Math.sin(rotateRadians) + beforeHeight * Math.cos(rotateRadians);
var rotatedRect = new BoundingRect(boundingBox.x, boundingBox.y, afterWidth, afterHeight);
return rotatedRect;
}
/**
* @param {module:echarts/src/model/Model} model axisLabelModel or axisTickModel
* @return {number|String} Can be null|'auto'|number|function
*/
function getOptionCategoryInterval(model) {
var interval = model.get('interval');
return interval == null ? 'auto' : interval;
}
/**
* Set `categoryInterval` as 0 implicitly indicates that
* show all labels reguardless of overlap.
* @param {Object} axis axisModel.axis
* @return {boolean}
*/
function shouldShowAllLabels(axis) {
return axis.type === 'category'
&& getOptionCategoryInterval(axis.getLabelModel()) === 0;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// import * as axisHelper from './axisHelper';
var axisModelCommonMixin = {
/**
* @param {boolean} origin
* @return {number|string} min value or 'dataMin' or null/undefined (means auto) or NaN
*/
getMin: function (origin) {
var option = this.option;
var min = (!origin && option.rangeStart != null)
? option.rangeStart : option.min;
if (this.axis
&& min != null
&& min !== 'dataMin'
&& typeof min !== 'function'
&& !eqNaN(min)
) {
min = this.axis.scale.parse(min);
}
return min;
},
/**
* @param {boolean} origin
* @return {number|string} max value or 'dataMax' or null/undefined (means auto) or NaN
*/
getMax: function (origin) {
var option = this.option;
var max = (!origin && option.rangeEnd != null)
? option.rangeEnd : option.max;
if (this.axis
&& max != null
&& max !== 'dataMax'
&& typeof max !== 'function'
&& !eqNaN(max)
) {
max = this.axis.scale.parse(max);
}
return max;
},
/**
* @return {boolean}
*/
getNeedCrossZero: function () {
var option = this.option;
return (option.rangeStart != null || option.rangeEnd != null)
? false : !option.scale;
},
/**
* Should be implemented by each axis model if necessary.
* @return {module:echarts/model/Component} coordinate system model
*/
getCoordSysModel: noop,
/**
* @param {number} rangeStart Can only be finite number or null/undefined or NaN.
* @param {number} rangeEnd Can only be finite number or null/undefined or NaN.
*/
setRange: function (rangeStart, rangeEnd) {
this.option.rangeStart = rangeStart;
this.option.rangeEnd = rangeEnd;
},
/**
* Reset range
*/
resetRange: function () {
// rangeStart and rangeEnd is readonly.
this.option.rangeStart = this.option.rangeEnd = null;
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// Symbol factory
/**
* Triangle shape
* @inner
*/
var Triangle = extendShape({
type: 'triangle',
shape: {
cx: 0,
cy: 0,
width: 0,
height: 0
},
buildPath: function (path, shape) {
var cx = shape.cx;
var cy = shape.cy;
var width = shape.width / 2;
var height = shape.height / 2;
path.moveTo(cx, cy - height);
path.lineTo(cx + width, cy + height);
path.lineTo(cx - width, cy + height);
path.closePath();
}
});
/**
* Diamond shape
* @inner
*/
var Diamond = extendShape({
type: 'diamond',
shape: {
cx: 0,
cy: 0,
width: 0,
height: 0
},
buildPath: function (path, shape) {
var cx = shape.cx;
var cy = shape.cy;
var width = shape.width / 2;
var height = shape.height / 2;
path.moveTo(cx, cy - height);
path.lineTo(cx + width, cy);
path.lineTo(cx, cy + height);
path.lineTo(cx - width, cy);
path.closePath();
}
});
/**
* Pin shape
* @inner
*/
var Pin = extendShape({
type: 'pin',
shape: {
// x, y on the cusp
x: 0,
y: 0,
width: 0,
height: 0
},
buildPath: function (path, shape) {
var x = shape.x;
var y = shape.y;
var w = shape.width / 5 * 3;
// Height must be larger than width
var h = Math.max(w, shape.height);
var r = w / 2;
// Dist on y with tangent point and circle center
var dy = r * r / (h - r);
var cy = y - h + r + dy;
var angle = Math.asin(dy / r);
// Dist on x with tangent point and circle center
var dx = Math.cos(angle) * r;
var tanX = Math.sin(angle);
var tanY = Math.cos(angle);
var cpLen = r * 0.6;
var cpLen2 = r * 0.7;
path.moveTo(x - dx, cy + dy);
path.arc(
x, cy, r,
Math.PI - angle,
Math.PI * 2 + angle
);
path.bezierCurveTo(
x + dx - tanX * cpLen, cy + dy + tanY * cpLen,
x, y - cpLen2,
x, y
);
path.bezierCurveTo(
x, y - cpLen2,
x - dx + tanX * cpLen, cy + dy + tanY * cpLen,
x - dx, cy + dy
);
path.closePath();
}
});
/**
* Arrow shape
* @inner
*/
var Arrow = extendShape({
type: 'arrow',
shape: {
x: 0,
y: 0,
width: 0,
height: 0
},
buildPath: function (ctx, shape) {
var height = shape.height;
var width = shape.width;
var x = shape.x;
var y = shape.y;
var dx = width / 3 * 2;
ctx.moveTo(x, y);
ctx.lineTo(x + dx, y + height);
ctx.lineTo(x, y + height / 4 * 3);
ctx.lineTo(x - dx, y + height);
ctx.lineTo(x, y);
ctx.closePath();
}
});
/**
* Map of path contructors
* @type {Object.}
*/
var symbolCtors = {
line: Line,
rect: Rect,
roundRect: Rect,
square: Rect,
circle: Circle,
diamond: Diamond,
pin: Pin,
arrow: Arrow,
triangle: Triangle
};
var symbolShapeMakers = {
line: function (x, y, w, h, shape) {
// FIXME
shape.x1 = x;
shape.y1 = y + h / 2;
shape.x2 = x + w;
shape.y2 = y + h / 2;
},
rect: function (x, y, w, h, shape) {
shape.x = x;
shape.y = y;
shape.width = w;
shape.height = h;
},
roundRect: function (x, y, w, h, shape) {
shape.x = x;
shape.y = y;
shape.width = w;
shape.height = h;
shape.r = Math.min(w, h) / 4;
},
square: function (x, y, w, h, shape) {
var size = Math.min(w, h);
shape.x = x;
shape.y = y;
shape.width = size;
shape.height = size;
},
circle: function (x, y, w, h, shape) {
// Put circle in the center of square
shape.cx = x + w / 2;
shape.cy = y + h / 2;
shape.r = Math.min(w, h) / 2;
},
diamond: function (x, y, w, h, shape) {
shape.cx = x + w / 2;
shape.cy = y + h / 2;
shape.width = w;
shape.height = h;
},
pin: function (x, y, w, h, shape) {
shape.x = x + w / 2;
shape.y = y + h / 2;
shape.width = w;
shape.height = h;
},
arrow: function (x, y, w, h, shape) {
shape.x = x + w / 2;
shape.y = y + h / 2;
shape.width = w;
shape.height = h;
},
triangle: function (x, y, w, h, shape) {
shape.cx = x + w / 2;
shape.cy = y + h / 2;
shape.width = w;
shape.height = h;
}
};
var symbolBuildProxies = {};
each$1(symbolCtors, function (Ctor, name) {
symbolBuildProxies[name] = new Ctor();
});
var SymbolClz = extendShape({
type: 'symbol',
shape: {
symbolType: '',
x: 0,
y: 0,
width: 0,
height: 0
},
calculateTextPosition: function (out, style, rect) {
var res = calculateTextPosition(out, style, rect);
var shape = this.shape;
if (shape && shape.symbolType === 'pin' && style.textPosition === 'inside') {
res.y = rect.y + rect.height * 0.4;
}
return res;
},
buildPath: function (ctx, shape, inBundle) {
var symbolType = shape.symbolType;
if (symbolType !== 'none') {
var proxySymbol = symbolBuildProxies[symbolType];
if (!proxySymbol) {
// Default rect
symbolType = 'rect';
proxySymbol = symbolBuildProxies[symbolType];
}
symbolShapeMakers[symbolType](
shape.x, shape.y, shape.width, shape.height, proxySymbol.shape
);
proxySymbol.buildPath(ctx, proxySymbol.shape, inBundle);
}
}
});
// Provide setColor helper method to avoid determine if set the fill or stroke outside
function symbolPathSetColor(color, innerColor) {
if (this.type !== 'image') {
var symbolStyle = this.style;
var symbolShape = this.shape;
if (symbolShape && symbolShape.symbolType === 'line') {
symbolStyle.stroke = color;
}
else if (this.__isEmptyBrush) {
symbolStyle.stroke = color;
symbolStyle.fill = innerColor || '#fff';
}
else {
// FIXME 判断图形默认是填充还是描边，使用 onlyStroke ?
symbolStyle.fill && (symbolStyle.fill = color);
symbolStyle.stroke && (symbolStyle.stroke = color);
}
this.dirty(false);
}
}
/**
* Create a symbol element with given symbol configuration: shape, x, y, width, height, color
* @param {string} symbolType
* @param {number} x
* @param {number} y
* @param {number} w
* @param {number} h
* @param {string} color
* @param {boolean} [keepAspect=false] whether to keep the ratio of w/h,
* for path and image only.
*/
function createSymbol(symbolType, x, y, w, h, color, keepAspect) {
// TODO Support image object, DynamicImage.
var isEmpty = symbolType.indexOf('empty') === 0;
if (isEmpty) {
symbolType = symbolType.substr(5, 1).toLowerCase() + symbolType.substr(6);
}
var symbolPath;
if (symbolType.indexOf('image://') === 0) {
symbolPath = makeImage(
symbolType.slice(8),
new BoundingRect(x, y, w, h),
keepAspect ? 'center' : 'cover'
);
}
else if (symbolType.indexOf('path://') === 0) {
symbolPath = makePath(
symbolType.slice(7),
{},
new BoundingRect(x, y, w, h),
keepAspect ? 'center' : 'cover'
);
}
else {
symbolPath = new SymbolClz({
shape: {
symbolType: symbolType,
x: x,
y: y,
width: w,
height: h
}
});
}
symbolPath.__isEmptyBrush = isEmpty;
symbolPath.setColor = symbolPathSetColor;
symbolPath.setColor(color);
return symbolPath;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// import createGraphFromNodeEdge from './chart/helper/createGraphFromNodeEdge';
/**
* Create a muti dimension List structure from seriesModel.
* @param {module:echarts/model/Model} seriesModel
* @return {module:echarts/data/List} list
*/
function createList(seriesModel) {
return createListFromArray(seriesModel.getSource(), seriesModel);
}
var dataStack$1 = {
isDimensionStacked: isDimensionStacked,
enableDataStack: enableDataStack,
getStackedDimension: getStackedDimension
};
/**
* Create scale
* @param {Array.} dataExtent
* @param {Object|module:echarts/Model} option
*/
function createScale(dataExtent, option) {
var axisModel = option;
if (!Model.isInstance(option)) {
axisModel = new Model(option);
mixin(axisModel, axisModelCommonMixin);
}
var scale = createScaleByModel(axisModel);
scale.setExtent(dataExtent[0], dataExtent[1]);
niceScaleExtent(scale, axisModel);
return scale;
}
/**
* Mixin common methods to axis model,
*
* Inlcude methods
* `getFormattedLabels() => Array.`
* `getCategories() => Array.`
* `getMin(origin: boolean) => number`
* `getMax(origin: boolean) => number`
* `getNeedCrossZero() => boolean`
* `setRange(start: number, end: number)`
* `resetRange()`
*/
function mixinAxisModelCommonMethods(Model$$1) {
mixin(Model$$1, axisModelCommonMixin);
}
var helper = (Object.freeze || Object)({
createList: createList,
getLayoutRect: getLayoutRect,
dataStack: dataStack$1,
createScale: createScale,
mixinAxisModelCommonMethods: mixinAxisModelCommonMethods,
completeDimensions: completeDimensions,
createDimensions: createDimensions,
createSymbol: createSymbol
});
var EPSILON$3 = 1e-8;
function isAroundEqual$1(a, b) {
return Math.abs(a - b) < EPSILON$3;
}
function contain$1(points, x, y) {
var w = 0;
var p = points[0];
if (!p) {
return false;
}
for (var i = 1; i < points.length; i++) {
var p2 = points[i];
w += windingLine(p[0], p[1], p2[0], p2[1], x, y);
p = p2;
}
// Close polygon
var p0 = points[0];
if (!isAroundEqual$1(p[0], p0[0]) || !isAroundEqual$1(p[1], p0[1])) {
w += windingLine(p[0], p[1], p0[0], p0[1], x, y);
}
return w !== 0;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @module echarts/coord/geo/Region
*/
/**
* @param {string|Region} name
* @param {Array} geometries
* @param {Array.} cp
*/
function Region(name, geometries, cp) {
/**
* @type {string}
* @readOnly
*/
this.name = name;
/**
* @type {Array.}
* @readOnly
*/
this.geometries = geometries;
if (!cp) {
var rect = this.getBoundingRect();
cp = [
rect.x + rect.width / 2,
rect.y + rect.height / 2
];
}
else {
cp = [cp[0], cp[1]];
}
/**
* @type {Array.}
*/
this.center = cp;
}
Region.prototype = {
constructor: Region,
properties: null,
/**
* @return {module:zrender/core/BoundingRect}
*/
getBoundingRect: function () {
var rect = this._rect;
if (rect) {
return rect;
}
var MAX_NUMBER = Number.MAX_VALUE;
var min$$1 = [MAX_NUMBER, MAX_NUMBER];
var max$$1 = [-MAX_NUMBER, -MAX_NUMBER];
var min2 = [];
var max2 = [];
var geometries = this.geometries;
for (var i = 0; i < geometries.length; i++) {
// Only support polygon
if (geometries[i].type !== 'polygon') {
continue;
}
// Doesn't consider hole
var exterior = geometries[i].exterior;
fromPoints(exterior, min2, max2);
min(min$$1, min$$1, min2);
max(max$$1, max$$1, max2);
}
// No data
if (i === 0) {
min$$1[0] = min$$1[1] = max$$1[0] = max$$1[1] = 0;
}
return (this._rect = new BoundingRect(
min$$1[0], min$$1[1], max$$1[0] - min$$1[0], max$$1[1] - min$$1[1]
));
},
/**
* @param {} coord
* @return {boolean}
*/
contain: function (coord) {
var rect = this.getBoundingRect();
var geometries = this.geometries;
if (!rect.contain(coord[0], coord[1])) {
return false;
}
loopGeo: for (var i = 0, len$$1 = geometries.length; i < len$$1; i++) {
// Only support polygon.
if (geometries[i].type !== 'polygon') {
continue;
}
var exterior = geometries[i].exterior;
var interiors = geometries[i].interiors;
if (contain$1(exterior, coord[0], coord[1])) {
// Not in the region if point is in the hole.
for (var k = 0; k < (interiors ? interiors.length : 0); k++) {
if (contain$1(interiors[k])) {
continue loopGeo;
}
}
return true;
}
}
return false;
},
transformTo: function (x, y, width, height) {
var rect = this.getBoundingRect();
var aspect = rect.width / rect.height;
if (!width) {
width = aspect * height;
}
else if (!height) {
height = width / aspect;
}
var target = new BoundingRect(x, y, width, height);
var transform = rect.calculateTransform(target);
var geometries = this.geometries;
for (var i = 0; i < geometries.length; i++) {
// Only support polygon.
if (geometries[i].type !== 'polygon') {
continue;
}
var exterior = geometries[i].exterior;
var interiors = geometries[i].interiors;
for (var p = 0; p < exterior.length; p++) {
applyTransform(exterior[p], exterior[p], transform);
}
for (var h = 0; h < (interiors ? interiors.length : 0); h++) {
for (var p = 0; p < interiors[h].length; p++) {
applyTransform(interiors[h][p], interiors[h][p], transform);
}
}
}
rect = this._rect;
rect.copy(target);
// Update center
this.center = [
rect.x + rect.width / 2,
rect.y + rect.height / 2
];
},
cloneShallow: function (name) {
name == null && (name = this.name);
var newRegion = new Region(name, this.geometries, this.center);
newRegion._rect = this._rect;
newRegion.transformTo = null; // Simply avoid to be called.
return newRegion;
}
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Parse and decode geo json
* @module echarts/coord/geo/parseGeoJson
*/
function decode(json) {
if (!json.UTF8Encoding) {
return json;
}
var encodeScale = json.UTF8Scale;
if (encodeScale == null) {
encodeScale = 1024;
}
var features = json.features;
for (var f = 0; f < features.length; f++) {
var feature = features[f];
var geometry = feature.geometry;
var coordinates = geometry.coordinates;
var encodeOffsets = geometry.encodeOffsets;
for (var c = 0; c < coordinates.length; c++) {
var coordinate = coordinates[c];
if (geometry.type === 'Polygon') {
coordinates[c] = decodePolygon(
coordinate,
encodeOffsets[c],
encodeScale
);
}
else if (geometry.type === 'MultiPolygon') {
for (var c2 = 0; c2 < coordinate.length; c2++) {
var polygon = coordinate[c2];
coordinate[c2] = decodePolygon(
polygon,
encodeOffsets[c][c2],
encodeScale
);
}
}
}
}
// Has been decoded
json.UTF8Encoding = false;
return json;
}
function decodePolygon(coordinate, encodeOffsets, encodeScale) {
var result = [];
var prevX = encodeOffsets[0];
var prevY = encodeOffsets[1];
for (var i = 0; i < coordinate.length; i += 2) {
var x = coordinate.charCodeAt(i) - 64;
var y = coordinate.charCodeAt(i + 1) - 64;
// ZigZag decoding
x = (x >> 1) ^ (-(x & 1));
y = (y >> 1) ^ (-(y & 1));
// Delta deocding
x += prevX;
y += prevY;
prevX = x;
prevY = y;
// Dequantize
result.push([x / encodeScale, y / encodeScale]);
}
return result;
}
/**
* @alias module:echarts/coord/geo/parseGeoJson
* @param {Object} geoJson
* @return {module:zrender/container/Group}
*/
var parseGeoJson$1 = function (geoJson) {
decode(geoJson);
return map(filter(geoJson.features, function (featureObj) {
// Output of mapshaper may have geometry null
return featureObj.geometry
&& featureObj.properties
&& featureObj.geometry.coordinates.length > 0;
}), function (featureObj) {
var properties = featureObj.properties;
var geo = featureObj.geometry;
var coordinates = geo.coordinates;
var geometries = [];
if (geo.type === 'Polygon') {
geometries.push({
type: 'polygon',
// According to the GeoJSON specification.
// First must be exterior, and the rest are all interior(holes).
exterior: coordinates[0],
interiors: coordinates.slice(1)
});
}
if (geo.type === 'MultiPolygon') {
each$1(coordinates, function (item) {
if (item[0]) {
geometries.push({
type: 'polygon',
exterior: item[0],
interiors: item.slice(1)
});
}
});
}
var region = new Region(
properties.name,
geometries,
properties.cp
);
region.properties = properties;
return region;
});
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var inner$6 = makeInner();
/**
* @param {module:echats/coord/Axis} axis
* @return {Object} {
* labels: [{
* formattedLabel: string,
* rawLabel: string,
* tickValue: number
* }, ...],
* labelCategoryInterval: number
* }
*/
function createAxisLabels(axis) {
// Only ordinal scale support tick interval
return axis.type === 'category'
? makeCategoryLabels(axis)
: makeRealNumberLabels(axis);
}
/**
* @param {module:echats/coord/Axis} axis
* @param {module:echarts/model/Model} tickModel For example, can be axisTick, splitLine, splitArea.
* @return {Object} {
* ticks: Array.
* tickCategoryInterval: number
* }
*/
function createAxisTicks(axis, tickModel) {
// Only ordinal scale support tick interval
return axis.type === 'category'
? makeCategoryTicks(axis, tickModel)
: {ticks: axis.scale.getTicks()};
}
function makeCategoryLabels(axis) {
var labelModel = axis.getLabelModel();
var result = makeCategoryLabelsActually(axis, labelModel);
return (!labelModel.get('show') || axis.scale.isBlank())
? {labels: [], labelCategoryInterval: result.labelCategoryInterval}
: result;
}
function makeCategoryLabelsActually(axis, labelModel) {
var labelsCache = getListCache(axis, 'labels');
var optionLabelInterval = getOptionCategoryInterval(labelModel);
var result = listCacheGet(labelsCache, optionLabelInterval);
if (result) {
return result;
}
var labels;
var numericLabelInterval;
if (isFunction$1(optionLabelInterval)) {
labels = makeLabelsByCustomizedCategoryInterval(axis, optionLabelInterval);
}
else {
numericLabelInterval = optionLabelInterval === 'auto'
? makeAutoCategoryInterval(axis) : optionLabelInterval;
labels = makeLabelsByNumericCategoryInterval(axis, numericLabelInterval);
}
// Cache to avoid calling interval function repeatly.
return listCacheSet(labelsCache, optionLabelInterval, {
labels: labels, labelCategoryInterval: numericLabelInterval
});
}
function makeCategoryTicks(axis, tickModel) {
var ticksCache = getListCache(axis, 'ticks');
var optionTickInterval = getOptionCategoryInterval(tickModel);
var result = listCacheGet(ticksCache, optionTickInterval);
if (result) {
return result;
}
var ticks;
var tickCategoryInterval;
// Optimize for the case that large category data and no label displayed,
// we should not return all ticks.
if (!tickModel.get('show') || axis.scale.isBlank()) {
ticks = [];
}
if (isFunction$1(optionTickInterval)) {
ticks = makeLabelsByCustomizedCategoryInterval(axis, optionTickInterval, true);
}
// Always use label interval by default despite label show. Consider this
// scenario, Use multiple grid with the xAxis sync, and only one xAxis shows
// labels. `splitLine` and `axisTick` should be consistent in this case.
else if (optionTickInterval === 'auto') {
var labelsResult = makeCategoryLabelsActually(axis, axis.getLabelModel());
tickCategoryInterval = labelsResult.labelCategoryInterval;
ticks = map(labelsResult.labels, function (labelItem) {
return labelItem.tickValue;
});
}
else {
tickCategoryInterval = optionTickInterval;
ticks = makeLabelsByNumericCategoryInterval(axis, tickCategoryInterval, true);
}
// Cache to avoid calling interval function repeatly.
return listCacheSet(ticksCache, optionTickInterval, {
ticks: ticks, tickCategoryInterval: tickCategoryInterval
});
}
function makeRealNumberLabels(axis) {
var ticks = axis.scale.getTicks();
var labelFormatter = makeLabelFormatter(axis);
return {
labels: map(ticks, function (tickValue, idx) {
return {
formattedLabel: labelFormatter(tickValue, idx),
rawLabel: axis.scale.getLabel(tickValue),
tickValue: tickValue
};
})
};
}
// Large category data calculation is performence sensitive, and ticks and label
// probably be fetched by multiple times. So we cache the result.
// axis is created each time during a ec process, so we do not need to clear cache.
function getListCache(axis, prop) {
// Because key can be funciton, and cache size always be small, we use array cache.
return inner$6(axis)[prop] || (inner$6(axis)[prop] = []);
}
function listCacheGet(cache, key) {
for (var i = 0; i < cache.length; i++) {
if (cache[i].key === key) {
return cache[i].value;
}
}
}
function listCacheSet(cache, key, value) {
cache.push({key: key, value: value});
return value;
}
function makeAutoCategoryInterval(axis) {
var result = inner$6(axis).autoInterval;
return result != null
? result
: (inner$6(axis).autoInterval = axis.calculateCategoryInterval());
}
/**
* Calculate interval for category axis ticks and labels.
* To get precise result, at least one of `getRotate` and `isHorizontal`
* should be implemented in axis.
*/
function calculateCategoryInterval(axis) {
var params = fetchAutoCategoryIntervalCalculationParams(axis);
var labelFormatter = makeLabelFormatter(axis);
var rotation = (params.axisRotate - params.labelRotate) / 180 * Math.PI;
var ordinalScale = axis.scale;
var ordinalExtent = ordinalScale.getExtent();
// Providing this method is for optimization:
// avoid generating a long array by `getTicks`
// in large category data case.
var tickCount = ordinalScale.count();
if (ordinalExtent[1] - ordinalExtent[0] < 1) {
return 0;
}
var step = 1;
// Simple optimization. Empirical value: tick count should less than 40.
if (tickCount > 40) {
step = Math.max(1, Math.floor(tickCount / 40));
}
var tickValue = ordinalExtent[0];
var unitSpan = axis.dataToCoord(tickValue + 1) - axis.dataToCoord(tickValue);
var unitW = Math.abs(unitSpan * Math.cos(rotation));
var unitH = Math.abs(unitSpan * Math.sin(rotation));
var maxW = 0;
var maxH = 0;
// Caution: Performance sensitive for large category data.
// Consider dataZoom, we should make appropriate step to avoid O(n) loop.
for (; tickValue <= ordinalExtent[1]; tickValue += step) {
var width = 0;
var height = 0;
// Not precise, do not consider align and vertical align
// and each distance from axis line yet.
var rect = getBoundingRect(
labelFormatter(tickValue), params.font, 'center', 'top'
);
// Magic number
width = rect.width * 1.3;
height = rect.height * 1.3;
// Min size, void long loop.
maxW = Math.max(maxW, width, 7);
maxH = Math.max(maxH, height, 7);
}
var dw = maxW / unitW;
var dh = maxH / unitH;
// 0/0 is NaN, 1/0 is Infinity.
isNaN(dw) && (dw = Infinity);
isNaN(dh) && (dh = Infinity);
var interval = Math.max(0, Math.floor(Math.min(dw, dh)));
var cache = inner$6(axis.model);
var lastAutoInterval = cache.lastAutoInterval;
var lastTickCount = cache.lastTickCount;
// Use cache to keep interval stable while moving zoom window,
// otherwise the calculated interval might jitter when the zoom
// window size is close to the interval-changing size.
if (lastAutoInterval != null
&& lastTickCount != null
&& Math.abs(lastAutoInterval - interval) <= 1
&& Math.abs(lastTickCount - tickCount) <= 1
// Always choose the bigger one, otherwise the critical
// point is not the same when zooming in or zooming out.
&& lastAutoInterval > interval
) {
interval = lastAutoInterval;
}
// Only update cache if cache not used, otherwise the
// changing of interval is too insensitive.
else {
cache.lastTickCount = tickCount;
cache.lastAutoInterval = interval;
}
return interval;
}
function fetchAutoCategoryIntervalCalculationParams(axis) {
var labelModel = axis.getLabelModel();
return {
axisRotate: axis.getRotate
? axis.getRotate()
: (axis.isHorizontal && !axis.isHorizontal())
? 90
: 0,
labelRotate: labelModel.get('rotate') || 0,
font: labelModel.getFont()
};
}
function makeLabelsByNumericCategoryInterval(axis, categoryInterval, onlyTick) {
var labelFormatter = makeLabelFormatter(axis);
var ordinalScale = axis.scale;
var ordinalExtent = ordinalScale.getExtent();
var labelModel = axis.getLabelModel();
var result = [];
// TODO: axisType: ordinalTime, pick the tick from each month/day/year/...
var step = Math.max((categoryInterval || 0) + 1, 1);
var startTick = ordinalExtent[0];
var tickCount = ordinalScale.count();
// Calculate start tick based on zero if possible to keep label consistent
// while zooming and moving while interval > 0. Otherwise the selection
// of displayable ticks and symbols probably keep changing.
// 3 is empirical value.
if (startTick !== 0 && step > 1 && tickCount / step > 2) {
startTick = Math.round(Math.ceil(startTick / step) * step);
}
// (1) Only add min max label here but leave overlap checking
// to render stage, which also ensure the returned list
// suitable for splitLine and splitArea rendering.
// (2) Scales except category always contain min max label so
// do not need to perform this process.
var showAllLabel = shouldShowAllLabels(axis);
var includeMinLabel = labelModel.get('showMinLabel') || showAllLabel;
var includeMaxLabel = labelModel.get('showMaxLabel') || showAllLabel;
if (includeMinLabel && startTick !== ordinalExtent[0]) {
addItem(ordinalExtent[0]);
}
// Optimize: avoid generating large array by `ordinalScale.getTicks()`.
var tickValue = startTick;
for (; tickValue <= ordinalExtent[1]; tickValue += step) {
addItem(tickValue);
}
if (includeMaxLabel && tickValue - step !== ordinalExtent[1]) {
addItem(ordinalExtent[1]);
}
function addItem(tVal) {
result.push(onlyTick
? tVal
: {
formattedLabel: labelFormatter(tVal),
rawLabel: ordinalScale.getLabel(tVal),
tickValue: tVal
}
);
}
return result;
}
// When interval is function, the result `false` means ignore the tick.
// It is time consuming for large category data.
function makeLabelsByCustomizedCategoryInterval(axis, categoryInterval, onlyTick) {
var ordinalScale = axis.scale;
var labelFormatter = makeLabelFormatter(axis);
var result = [];
each$1(ordinalScale.getTicks(), function (tickValue) {
var rawLabel = ordinalScale.getLabel(tickValue);
if (categoryInterval(tickValue, rawLabel)) {
result.push(onlyTick
? tickValue
: {
formattedLabel: labelFormatter(tickValue),
rawLabel: rawLabel,
tickValue: tickValue
}
);
}
});
return result;
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
var NORMALIZED_EXTENT = [0, 1];
/**
* Base class of Axis.
* @constructor
*/
var Axis = function (dim, scale, extent) {
/**
* Axis dimension. Such as 'x', 'y', 'z', 'angle', 'radius'.
* @type {string}
*/
this.dim = dim;
/**
* Axis scale
* @type {module:echarts/coord/scale/*}
*/
this.scale = scale;
/**
* @type {Array.}
* @private
*/
this._extent = extent || [0, 0];
/**
* @type {boolean}
*/
this.inverse = false;
/**
* Usually true when axis has a ordinal scale
* @type {boolean}
*/
this.onBand = false;
};
Axis.prototype = {
constructor: Axis,
/**
* If axis extent contain given coord
* @param {number} coord
* @return {boolean}
*/
contain: function (coord) {
var extent = this._extent;
var min = Math.min(extent[0], extent[1]);
var max = Math.max(extent[0], extent[1]);
return coord >= min && coord <= max;
},
/**
* If axis extent contain given data
* @param {number} data
* @return {boolean}
*/
containData: function (data) {
return this.contain(this.dataToCoord(data));
},
/**
* Get coord extent.
* @return {Array.}
*/
getExtent: function () {
return this._extent.slice();
},
/**
* Get precision used for formatting
* @param {Array.} [dataExtent]
* @return {number}
*/
getPixelPrecision: function (dataExtent) {
return getPixelPrecision(
dataExtent || this.scale.getExtent(),
this._extent
);
},
/**
* Set coord extent
* @param {number} start
* @param {number} end
*/
setExtent: function (start, end) {
var extent = this._extent;
extent[0] = start;
extent[1] = end;
},
/**
* Convert data to coord. Data is the rank if it has an ordinal scale
* @param {number} data
* @param {boolean} clamp
* @return {number}
*/
dataToCoord: function (data, clamp) {
var extent = this._extent;
var scale = this.scale;
data = scale.normalize(data);
if (this.onBand && scale.type === 'ordinal') {
extent = extent.slice();
fixExtentWithBands(extent, scale.count());
}
return linearMap(data, NORMALIZED_EXTENT, extent, clamp);
},
/**
* Convert coord to data. Data is the rank if it has an ordinal scale
* @param {number} coord
* @param {boolean} clamp
* @return {number}
*/
coordToData: function (coord, clamp) {
var extent = this._extent;
var scale = this.scale;
if (this.onBand && scale.type === 'ordinal') {
extent = extent.slice();
fixExtentWithBands(extent, scale.count());
}
var t = linearMap(coord, extent, NORMALIZED_EXTENT, clamp);
return this.scale.scale(t);
},
/**
* Convert pixel point to data in axis
* @param {Array.} point
* @param {boolean} clamp
* @return {number} data
*/
pointToData: function (point, clamp) {
// Should be implemented in derived class if necessary.
},
/**
* Different from `zrUtil.map(axis.getTicks(), axis.dataToCoord, axis)`,
* `axis.getTicksCoords` considers `onBand`, which is used by
* `boundaryGap:true` of category axis and splitLine and splitArea.
* @param {Object} [opt]
* @param {number} [opt.tickModel=axis.model.getModel('axisTick')]
* @param {boolean} [opt.clamp] If `true`, the first and the last
* tick must be at the axis end points. Otherwise, clip ticks
* that outside the axis extent.
* @return {Array.} [{
* coord: ...,
* tickValue: ...
* }, ...]
*/
getTicksCoords: function (opt) {
opt = opt || {};
var tickModel = opt.tickModel || this.getTickModel();
var result = createAxisTicks(this, tickModel);
var ticks = result.ticks;
var ticksCoords = map(ticks, function (tickValue) {
return {
coord: this.dataToCoord(tickValue),
tickValue: tickValue
};
}, this);
var alignWithLabel = tickModel.get('alignWithLabel');
fixOnBandTicksCoords(
this, ticksCoords, result.tickCategoryInterval, alignWithLabel, opt.clamp
);
return ticksCoords;
},
/**
* @return {Array.} [{
* formattedLabel: string,
* rawLabel: axis.scale.getLabel(tickValue)
* tickValue: number
* }, ...]
*/
getViewLabels: function () {
return createAxisLabels(this).labels;
},
/**
* @return {module:echarts/coord/model/Model}
*/
getLabelModel: function () {
return this.model.getModel('axisLabel');
},
/**
* Notice here we only get the default tick model. For splitLine
* or splitArea, we should pass the splitLineModel or splitAreaModel
* manually when calling `getTicksCoords`.
* In GL, this method may be overrided to:
* `axisModel.getModel('axisTick', grid3DModel.getModel('axisTick'));`
* @return {module:echarts/coord/model/Model}
*/
getTickModel: function () {
return this.model.getModel('axisTick');
},
/**
* Get width of band
* @return {number}
*/
getBandWidth: function () {
var axisExtent = this._extent;
var dataExtent = this.scale.getExtent();
var len = dataExtent[1] - dataExtent[0] + (this.onBand ? 1 : 0);
// Fix #2728, avoid NaN when only one data.
len === 0 && (len = 1);
var size = Math.abs(axisExtent[1] - axisExtent[0]);
return Math.abs(size) / len;
},
/**
* @abstract
* @return {boolean} Is horizontal
*/
isHorizontal: null,
/**
* @abstract
* @return {number} Get axis rotate, by degree.
*/
getRotate: null,
/**
* Only be called in category axis.
* Can be overrided, consider other axes like in 3D.
* @return {number} Auto interval for cateogry axis tick and label
*/
calculateCategoryInterval: function () {
return calculateCategoryInterval(this);
}
};
function fixExtentWithBands(extent, nTick) {
var size = extent[1] - extent[0];
var len = nTick;
var margin = size / len / 2;
extent[0] += margin;
extent[1] -= margin;
}
// If axis has labels [1, 2, 3, 4]. Bands on the axis are
// |---1---|---2---|---3---|---4---|.
// So the displayed ticks and splitLine/splitArea should between
// each data item, otherwise cause misleading (e.g., split tow bars
// of a single data item when there are two bar series).
// Also consider if tickCategoryInterval > 0 and onBand, ticks and
// splitLine/spliteArea should layout appropriately corresponding
// to displayed labels. (So we should not use `getBandWidth` in this
// case).
function fixOnBandTicksCoords(axis, ticksCoords, tickCategoryInterval, alignWithLabel, clamp) {
var ticksLen = ticksCoords.length;
if (!axis.onBand || alignWithLabel || !ticksLen) {
return;
}
var axisExtent = axis.getExtent();
var last;
if (ticksLen === 1) {
ticksCoords[0].coord = axisExtent[0];
last = ticksCoords[1] = {coord: axisExtent[0]};
}
else {
var shift = (ticksCoords[1].coord - ticksCoords[0].coord);
each$1(ticksCoords, function (ticksItem) {
ticksItem.coord -= shift / 2;
var tickCategoryInterval = tickCategoryInterval || 0;
// Avoid split a single data item when odd interval.
if (tickCategoryInterval % 2 > 0) {
ticksItem.coord -= shift / ((tickCategoryInterval + 1) * 2);
}
});
last = {coord: ticksCoords[ticksLen - 1].coord + shift};
ticksCoords.push(last);
}
var inverse = axisExtent[0] > axisExtent[1];
if (littleThan(ticksCoords[0].coord, axisExtent[0])) {
clamp ? (ticksCoords[0].coord = axisExtent[0]) : ticksCoords.shift();
}
if (clamp && littleThan(axisExtent[0], ticksCoords[0].coord)) {
ticksCoords.unshift({coord: axisExtent[0]});
}
if (littleThan(axisExtent[1], last.coord)) {
clamp ? (last.coord = axisExtent[1]) : ticksCoords.pop();
}
if (clamp && littleThan(last.coord, axisExtent[1])) {
ticksCoords.push({coord: axisExtent[1]});
}
function littleThan(a, b) {
return inverse ? a > b : a < b;
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* Do not mount those modules on 'src/echarts' for better tree shaking.
*/
var parseGeoJson = parseGeoJson$1;
var ecUtil = {};
each$1(
[
'map', 'each', 'filter', 'indexOf', 'inherits', 'reduce', 'filter',
'bind', 'curry', 'isArray', 'isString', 'isObject', 'isFunction',
'extend', 'defaults', 'clone', 'merge'
],
function (name) {
ecUtil[name] = zrUtil[name];
}
);
var graphic$1 = {};
each$1(
[
'extendShape', 'extendPath', 'makePath', 'makeImage',
'mergePath', 'resizePath', 'createIcon',
'setHoverStyle', 'setLabelStyle', 'setTextStyle', 'setText',
'getFont', 'updateProps', 'initProps', 'getTransform',
'clipPointsByRect', 'clipRectByRect',
'Group',
'Image',
'Text',
'Circle',
'Sector',
'Ring',
'Polygon',
'Polyline',
'Rect',
'Line',
'BezierCurve',
'Arc',
'IncrementalDisplayable',
'CompoundPath',
'LinearGradient',
'RadialGradient',
'BoundingRect'
],
function (name) {
graphic$1[name] = graphic[name];
}
);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
SeriesModel.extend({
type: 'series.line',
dependencies: ['grid', 'polar'],
getInitialData: function (option, ecModel) {
if (__DEV__) {
var coordSys = option.coordinateSystem;
if (coordSys !== 'polar' && coordSys !== 'cartesian2d') {
throw new Error('Line not support coordinateSystem besides cartesian and polar');
}
}
return createListFromArray(this.getSource(), this);
},
defaultOption: {
zlevel: 0,
z: 2,
coordinateSystem: 'cartesian2d',
legendHoverLink: true,
hoverAnimation: true,
// stack: null
// xAxisIndex: 0,
// yAxisIndex: 0,
// polarIndex: 0,
// If clip the overflow value
clipOverflow: true,
// cursor: null,
label: {
position: 'top'
},
// itemStyle: {
// },
lineStyle: {
width: 2,
type: 'solid'
},
// areaStyle: {
// origin of areaStyle. Valid values:
// `'auto'/null/undefined`: from axisLine to data
// `'start'`: from min to data
// `'end'`: from data to max
// origin: 'auto'
// },
// false, 'start', 'end', 'middle'
step: false,
// Disabled if step is true
smooth: false,
smoothMonotone: null,
symbol: 'emptyCircle',
symbolSize: 4,
symbolRotate: null,
showSymbol: true,
// `false`: follow the label interval strategy.
// `true`: show all symbols.
// `'auto'`: If possible, show all symbols, otherwise
// follow the label interval strategy.
showAllSymbol: 'auto',
// Whether to connect break point.
connectNulls: false,
// Sampling for large data. Can be: 'average', 'max', 'min', 'sum'.
sampling: 'none',
animationEasing: 'linear',
// Disable progressive
progressive: 0,
hoverLayerThreshold: Infinity
}
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @param {module:echarts/data/List} data
* @param {number} dataIndex
* @return {string} label string. Not null/undefined
*/
function getDefaultLabel(data, dataIndex) {
var labelDims = data.mapDimension('defaultedLabel', true);
var len = labelDims.length;
// Simple optimization (in lots of cases, label dims length is 1)
if (len === 1) {
return retrieveRawValue(data, dataIndex, labelDims[0]);
}
else if (len) {
var vals = [];
for (var i = 0; i < labelDims.length; i++) {
var val = retrieveRawValue(data, dataIndex, labelDims[i]);
vals.push(val);
}
return vals.join(' ');
}
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @module echarts/chart/helper/Symbol
*/
/**
* @constructor
* @alias {module:echarts/chart/helper/Symbol}
* @param {module:echarts/data/List} data
* @param {number} idx
* @extends {module:zrender/graphic/Group}
*/
function SymbolClz$1(data, idx, seriesScope) {
Group.call(this);
this.updateData(data, idx, seriesScope);
}
var symbolProto = SymbolClz$1.prototype;
/**
* @public
* @static
* @param {module:echarts/data/List} data
* @param {number} dataIndex
* @return {Array.} [width, height]
*/
var getSymbolSize = SymbolClz$1.getSymbolSize = function (data, idx) {
var symbolSize = data.getItemVisual(idx, 'symbolSize');
return symbolSize instanceof Array
? symbolSize.slice()
: [+symbolSize, +symbolSize];
};
function getScale(symbolSize) {
return [symbolSize[0] / 2, symbolSize[1] / 2];
}
function driftSymbol(dx, dy) {
this.parent.drift(dx, dy);
}
symbolProto._createSymbol = function (
symbolType,
data,
idx,
symbolSize,
keepAspect
) {
// Remove paths created before
this.removeAll();
var color = data.getItemVisual(idx, 'color');
// var symbolPath = createSymbol(
// symbolType, -0.5, -0.5, 1, 1, color
// );
// If width/height are set too small (e.g., set to 1) on ios10
// and macOS Sierra, a circle stroke become a rect, no matter what
// the scale is set. So we set width/height as 2. See #4150.
var symbolPath = createSymbol(
symbolType, -1, -1, 2, 2, color, keepAspect
);
symbolPath.attr({
z2: 100,
culling: true,
scale: getScale(symbolSize)
});
// Rewrite drift method
symbolPath.drift = driftSymbol;
this._symbolType = symbolType;
this.add(symbolPath);
};
/**
* Stop animation
* @param {boolean} toLastFrame
*/
symbolProto.stopSymbolAnimation = function (toLastFrame) {
this.childAt(0).stopAnimation(toLastFrame);
};
/**
* FIXME:
* Caution: This method breaks the encapsulation of this module,
* but it indeed brings convenience. So do not use the method
* unless you detailedly know all the implements of `Symbol`,
* especially animation.
*
* Get symbol path element.
*/
symbolProto.getSymbolPath = function () {
return this.childAt(0);
};
/**
* Get scale(aka, current symbol size).
* Including the change caused by animation
*/
symbolProto.getScale = function () {
return this.childAt(0).scale;
};
/**
* Highlight symbol
*/
symbolProto.highlight = function () {
this.childAt(0).trigger('emphasis');
};
/**
* Downplay symbol
*/
symbolProto.downplay = function () {
this.childAt(0).trigger('normal');
};
/**
* @param {number} zlevel
* @param {number} z
*/
symbolProto.setZ = function (zlevel, z) {
var symbolPath = this.childAt(0);
symbolPath.zlevel = zlevel;
symbolPath.z = z;
};
symbolProto.setDraggable = function (draggable) {
var symbolPath = this.childAt(0);
symbolPath.draggable = draggable;
symbolPath.cursor = draggable ? 'move' : symbolPath.cursor;
};
/**
* Update symbol properties
* @param {module:echarts/data/List} data
* @param {number} idx
* @param {Object} [seriesScope]
* @param {Object} [seriesScope.itemStyle]
* @param {Object} [seriesScope.hoverItemStyle]
* @param {Object} [seriesScope.symbolRotate]
* @param {Object} [seriesScope.symbolOffset]
* @param {module:echarts/model/Model} [seriesScope.labelModel]
* @param {module:echarts/model/Model} [seriesScope.hoverLabelModel]
* @param {boolean} [seriesScope.hoverAnimation]
* @param {Object} [seriesScope.cursorStyle]
* @param {module:echarts/model/Model} [seriesScope.itemModel]
* @param {string} [seriesScope.symbolInnerColor]
* @param {Object} [seriesScope.fadeIn=false]
*/
symbolProto.updateData = function (data, idx, seriesScope) {
this.silent = false;
var symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
var seriesModel = data.hostModel;
var symbolSize = getSymbolSize(data, idx);
var isInit = symbolType !== this._symbolType;
if (isInit) {
var keepAspect = data.getItemVisual(idx, 'symbolKeepAspect');
this._createSymbol(symbolType, data, idx, symbolSize, keepAspect);
}
else {
var symbolPath = this.childAt(0);
symbolPath.silent = false;
updateProps(symbolPath, {
scale: getScale(symbolSize)
}, seriesModel, idx);
}
this._updateCommon(data, idx, symbolSize, seriesScope);
if (isInit) {
var symbolPath = this.childAt(0);
var fadeIn = seriesScope && seriesScope.fadeIn;
var target = {scale: symbolPath.scale.slice()};
fadeIn && (target.style = {opacity: symbolPath.style.opacity});
symbolPath.scale = [0, 0];
fadeIn && (symbolPath.style.opacity = 0);
initProps(symbolPath, target, seriesModel, idx);
}
this._seriesModel = seriesModel;
};
// Update common properties
var normalStyleAccessPath = ['itemStyle'];
var emphasisStyleAccessPath = ['emphasis', 'itemStyle'];
var normalLabelAccessPath = ['label'];
var emphasisLabelAccessPath = ['emphasis', 'label'];
/**
* @param {module:echarts/data/List} data
* @param {number} idx
* @param {Array.} symbolSize
* @param {Object} [seriesScope]
*/
symbolProto._updateCommon = function (data, idx, symbolSize, seriesScope) {
var symbolPath = this.childAt(0);
var seriesModel = data.hostModel;
var color = data.getItemVisual(idx, 'color');
// Reset style
if (symbolPath.type !== 'image') {
symbolPath.useStyle({
strokeNoScale: true
});
}
var itemStyle = seriesScope && seriesScope.itemStyle;
var hoverItemStyle = seriesScope && seriesScope.hoverItemStyle;
var symbolRotate = seriesScope && seriesScope.symbolRotate;
var symbolOffset = seriesScope && seriesScope.symbolOffset;
var labelModel = seriesScope && seriesScope.labelModel;
var hoverLabelModel = seriesScope && seriesScope.hoverLabelModel;
var hoverAnimation = seriesScope && seriesScope.hoverAnimation;
var cursorStyle = seriesScope && seriesScope.cursorStyle;
if (!seriesScope || data.hasItemOption) {
var itemModel = (seriesScope && seriesScope.itemModel)
? seriesScope.itemModel : data.getItemModel(idx);
// Color must be excluded.
// Because symbol provide setColor individually to set fill and stroke
itemStyle = itemModel.getModel(normalStyleAccessPath).getItemStyle(['color']);
hoverItemStyle = itemModel.getModel(emphasisStyleAccessPath).getItemStyle();
symbolRotate = itemModel.getShallow('symbolRotate');
symbolOffset = itemModel.getShallow('symbolOffset');
labelModel = itemModel.getModel(normalLabelAccessPath);
hoverLabelModel = itemModel.getModel(emphasisLabelAccessPath);
hoverAnimation = itemModel.getShallow('hoverAnimation');
cursorStyle = itemModel.getShallow('cursor');
}
else {
hoverItemStyle = extend({}, hoverItemStyle);
}
var elStyle = symbolPath.style;
symbolPath.attr('rotation', (symbolRotate || 0) * Math.PI / 180 || 0);
if (symbolOffset) {
symbolPath.attr('position', [
parsePercent$1(symbolOffset[0], symbolSize[0]),
parsePercent$1(symbolOffset[1], symbolSize[1])
]);
}
cursorStyle && symbolPath.attr('cursor', cursorStyle);
// PENDING setColor before setStyle!!!
symbolPath.setColor(color, seriesScope && seriesScope.symbolInnerColor);
symbolPath.setStyle(itemStyle);
var opacity = data.getItemVisual(idx, 'opacity');
if (opacity != null) {
elStyle.opacity = opacity;
}
var liftZ = data.getItemVisual(idx, 'liftZ');
var z2Origin = symbolPath.__z2Origin;
if (liftZ != null) {
if (z2Origin == null) {
symbolPath.__z2Origin = symbolPath.z2;
symbolPath.z2 += liftZ;
}
}
else if (z2Origin != null) {
symbolPath.z2 = z2Origin;
symbolPath.__z2Origin = null;
}
var useNameLabel = seriesScope && seriesScope.useNameLabel;
setLabelStyle(
elStyle, hoverItemStyle, labelModel, hoverLabelModel,
{
labelFetcher: seriesModel,
labelDataIndex: idx,
defaultText: getLabelDefaultText,
isRectText: true,
autoColor: color
}
);
// Do not execute util needed.
function getLabelDefaultText(idx, opt) {
return useNameLabel ? data.getName(idx) : getDefaultLabel(data, idx);
}
symbolPath.__symbolOriginalScale = getScale(symbolSize);
symbolPath.hoverStyle = hoverItemStyle;
symbolPath.highDownOnUpdate = (
hoverAnimation && seriesModel.isAnimationEnabled()
) ? highDownOnUpdate : null;
setHoverStyle(symbolPath);
};
function highDownOnUpdate(fromState, toState) {
// Do not support this hover animation util some scenario required.
// Animation can only be supported in hover layer when using `el.incremetal`.
if (this.incremental || this.useHoverLayer) {
return;
}
if (toState === 'emphasis') {
var scale = this.__symbolOriginalScale;
var ratio = scale[1] / scale[0];
var emphasisOpt = {
scale: [
Math.max(scale[0] * 1.1, scale[0] + 3),
Math.max(scale[1] * 1.1, scale[1] + 3 * ratio)
]
};
// FIXME
// modify it after support stop specified animation.
// toState === fromState
// ? (this.stopAnimation(), this.attr(emphasisOpt))
this.animateTo(emphasisOpt, 400, 'elasticOut');
}
else if (toState === 'normal') {
this.animateTo({
scale: this.__symbolOriginalScale
}, 400, 'elasticOut');
}
}
/**
* @param {Function} cb
* @param {Object} [opt]
* @param {Object} [opt.keepLabel=true]
*/
symbolProto.fadeOut = function (cb, opt) {
var symbolPath = this.childAt(0);
// Avoid mistaken hover when fading out
this.silent = symbolPath.silent = true;
// Not show text when animating
!(opt && opt.keepLabel) && (symbolPath.style.text = null);
updateProps(
symbolPath,
{
style: {opacity: 0},
scale: [0, 0]
},
this._seriesModel,
this.dataIndex,
cb
);
};
inherits(SymbolClz$1, Group);
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @module echarts/chart/helper/SymbolDraw
*/
/**
* @constructor
* @alias module:echarts/chart/helper/SymbolDraw
* @param {module:zrender/graphic/Group} [symbolCtor]
*/
function SymbolDraw(symbolCtor) {
this.group = new Group();
this._symbolCtor = symbolCtor || SymbolClz$1;
}
var symbolDrawProto = SymbolDraw.prototype;
function symbolNeedsDraw(data, point, idx, opt) {
return point && !isNaN(point[0]) && !isNaN(point[1])
&& !(opt.isIgnore && opt.isIgnore(idx))
// We do not set clipShape on group, because it will cut part of
// the symbol element shape. We use the same clip shape here as
// the line clip.
&& !(opt.clipShape && !opt.clipShape.contain(point[0], point[1]))
&& data.getItemVisual(idx, 'symbol') !== 'none';
}
/**
* Update symbols draw by new data
* @param {module:echarts/data/List} data
* @param {Object} [opt] Or isIgnore
* @param {Function} [opt.isIgnore]
* @param {Object} [opt.clipShape]
*/
symbolDrawProto.updateData = function (data, opt) {
opt = normalizeUpdateOpt(opt);
var group = this.group;
var seriesModel = data.hostModel;
var oldData = this._data;
var SymbolCtor = this._symbolCtor;
var seriesScope = makeSeriesScope(data);
// There is no oldLineData only when first rendering or switching from
// stream mode to normal mode, where previous elements should be removed.
if (!oldData) {
group.removeAll();
}
data.diff(oldData)
.add(function (newIdx) {
var point = data.getItemLayout(newIdx);
if (symbolNeedsDraw(data, point, newIdx, opt)) {
var symbolEl = new SymbolCtor(data, newIdx, seriesScope);
symbolEl.attr('position', point);
data.setItemGraphicEl(newIdx, symbolEl);
group.add(symbolEl);
}
})
.update(function (newIdx, oldIdx) {
var symbolEl = oldData.getItemGraphicEl(oldIdx);
var point = data.getItemLayout(newIdx);
if (!symbolNeedsDraw(data, point, newIdx, opt)) {
group.remove(symbolEl);
return;
}
if (!symbolEl) {
symbolEl = new SymbolCtor(data, newIdx);
symbolEl.attr('position', point);
}
else {
symbolEl.updateData(data, newIdx, seriesScope);
updateProps(symbolEl, {
position: point
}, seriesModel);
}
// Add back
group.add(symbolEl);
data.setItemGraphicEl(newIdx, symbolEl);
})
.remove(function (oldIdx) {
var el = oldData.getItemGraphicEl(oldIdx);
el && el.fadeOut(function () {
group.remove(el);
});
})
.execute();
this._data = data;
};
symbolDrawProto.isPersistent = function () {
return true;
};
symbolDrawProto.updateLayout = function () {
var data = this._data;
if (data) {
// Not use animation
data.eachItemGraphicEl(function (el, idx) {
var point = data.getItemLayout(idx);
el.attr('position', point);
});
}
};
symbolDrawProto.incrementalPrepareUpdate = function (data) {
this._seriesScope = makeSeriesScope(data);
this._data = null;
this.group.removeAll();
};
/**
* Update symbols draw by new data
* @param {module:echarts/data/List} data
* @param {Object} [opt] Or isIgnore
* @param {Function} [opt.isIgnore]
* @param {Object} [opt.clipShape]
*/
symbolDrawProto.incrementalUpdate = function (taskParams, data, opt) {
opt = normalizeUpdateOpt(opt);
function updateIncrementalAndHover(el) {
if (!el.isGroup) {
el.incremental = el.useHoverLayer = true;
}
}
for (var idx = taskParams.start; idx < taskParams.end; idx++) {
var point = data.getItemLayout(idx);
if (symbolNeedsDraw(data, point, idx, opt)) {
var el = new this._symbolCtor(data, idx, this._seriesScope);
el.traverse(updateIncrementalAndHover);
el.attr('position', point);
this.group.add(el);
data.setItemGraphicEl(idx, el);
}
}
};
function normalizeUpdateOpt(opt) {
if (opt != null && !isObject$1(opt)) {
opt = {isIgnore: opt};
}
return opt || {};
}
symbolDrawProto.remove = function (enableAnimation) {
var group = this.group;
var data = this._data;
// Incremental model do not have this._data.
if (data && enableAnimation) {
data.eachItemGraphicEl(function (el) {
el.fadeOut(function () {
group.remove(el);
});
});
}
else {
group.removeAll();
}
};
function makeSeriesScope(data) {
var seriesModel = data.hostModel;
return {
itemStyle: seriesModel.getModel('itemStyle').getItemStyle(['color']),
hoverItemStyle: seriesModel.getModel('emphasis.itemStyle').getItemStyle(),
symbolRotate: seriesModel.get('symbolRotate'),
symbolOffset: seriesModel.get('symbolOffset'),
hoverAnimation: seriesModel.get('hoverAnimation'),
labelModel: seriesModel.getModel('label'),
hoverLabelModel: seriesModel.getModel('emphasis.label'),
cursorStyle: seriesModel.get('cursor')
};
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
/**
* @param {Object} coordSys
* @param {module:echarts/data/List} data
* @param {string} valueOrigin lineSeries.option.areaStyle.origin
*/
function prepareDataCoordInfo(coordSys, data, valueOrigin) {
var baseAxis = coordSys.getBaseAxis();
var valueAxis = coordSys.getOtherAxis(baseAxis);
var valueStart = getValueStart(valueAxis, valueOrigin);
var baseAxisDim = baseAxis.dim;
var valueAxisDim = valueAxis.dim;
var valueDim = data.mapDimension(valueAxisDim);
var baseDim = data.mapDimension(baseAxisDim);
var baseDataOffset = valueAxisDim === 'x' || valueAxisDim === 'radius' ? 1 : 0;
var dims = map(coordSys.dimensions, function (coordDim) {
return data.mapDimension(coordDim);
});
var stacked;
var stackResultDim = data.getCalculationInfo('stackResultDimension');
if (stacked |= isDimensionStacked(data, dims[0] /*, dims[1]*/)) { // jshint ignore:line
dims[0] = stackResultDim;
}
if (stacked |= isDimensionStacked(data, dims[1] /*, dims[0]*/)) { // jshint ignore:line
dims[1] = stackResultDim;
}
return {
dataDimsForPoint: dims,
valueStart: valueStart,
valueAxisDim: valueAxisDim,
baseAxisDim: baseAxisDim,
stacked: !!stacked,
valueDim: valueDim,
baseDim: baseDim,
baseDataOffset: baseDataOffset,
stackedOverDimension: data.getCalculationInfo('stackedOverDimension')
};
}
function getValueStart(valueAxis, valueOrigin) {
var valueStart = 0;
var extent = valueAxis.scale.getExtent();
if (valueOrigin === 'start') {
valueStart = extent[0];
}
else if (valueOrigin === 'end') {
valueStart = extent[1];
}
// auto
else {
// Both positive
if (extent[0] > 0) {
valueStart = extent[0];
}
// Both negative
else if (extent[1] < 0) {
valueStart = extent[1];
}
// If is one positive, and one negative, onZero shall be true
}
return valueStart;
}
function getStackedOnPoint(dataCoordInfo, coordSys, data, idx) {
var value = NaN;
if (dataCoordInfo.stacked) {
value = data.get(data.getCalculationInfo('stackedOverDimension'), idx);
}
if (isNaN(value)) {
value = dataCoordInfo.valueStart;
}
var baseDataOffset = dataCoordInfo.baseDataOffset;
var stackedData = [];
stackedData[baseDataOffset] = data.get(dataCoordInfo.baseDim, idx);
stackedData[1 - baseDataOffset] = value;
return coordSys.dataToPoint(stackedData);
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// var arrayDiff = require('zrender/src/core/arrayDiff');
// 'zrender/src/core/arrayDiff' has been used before, but it did
// not do well in performance when roam with fixed dataZoom window.
// function convertToIntId(newIdList, oldIdList) {
// // Generate int id instead of string id.
// // Compare string maybe slow in score function of arrDiff
// // Assume id in idList are all unique
// var idIndicesMap = {};
// var idx = 0;
// for (var i = 0; i < newIdList.length; i++) {
// idIndicesMap[newIdList[i]] = idx;
// newIdList[i] = idx++;
// }
// for (var i = 0; i < oldIdList.length; i++) {
// var oldId = oldIdList[i];
// // Same with newIdList
// if (idIndicesMap[oldId]) {
// oldIdList[i] = idIndicesMap[oldId];
// }
// else {
// oldIdList[i] = idx++;
// }
// }
// }
function diffData(oldData, newData) {
var diffResult = [];
newData.diff(oldData)
.add(function (idx) {
diffResult.push({cmd: '+', idx: idx});
})
.update(function (newIdx, oldIdx) {
diffResult.push({cmd: '=', idx: oldIdx, idx1: newIdx});
})
.remove(function (idx) {
diffResult.push({cmd: '-', idx: idx});
})
.execute();
return diffResult;
}
var lineAnimationDiff = function (
oldData, newData,
oldStackedOnPoints, newStackedOnPoints,
oldCoordSys, newCoordSys,
oldValueOrigin, newValueOrigin
) {
var diff = diffData(oldData, newData);
// var newIdList = newData.mapArray(newData.getId);
// var oldIdList = oldData.mapArray(oldData.getId);
// convertToIntId(newIdList, oldIdList);
// // FIXME One data ?
// diff = arrayDiff(oldIdList, newIdList);
var currPoints = [];
var nextPoints = [];
// Points for stacking base line
var currStackedPoints = [];
var nextStackedPoints = [];
var status = [];
var sortedIndices = [];
var rawIndices = [];
var newDataOldCoordInfo = prepareDataCoordInfo(oldCoordSys, newData, oldValueOrigin);
var oldDataNewCoordInfo = prepareDataCoordInfo(newCoordSys, oldData, newValueOrigin);
for (var i = 0; i < diff.length; i++) {
var diffItem = diff[i];
var pointAdded = true;
// FIXME, animation is not so perfect when dataZoom window moves fast
// Which is in case remvoing or add more than one data in the tail or head
switch (diffItem.cmd) {
case '=':
var currentPt = oldData.getItemLayout(diffItem.idx);
var nextPt = newData.getItemLayout(diffItem.idx1);
// If previous data is NaN, use next point directly
if (isNaN(currentPt[0]) || isNaN(currentPt[1])) {
currentPt = nextPt.slice();
}
currPoints.push(currentPt);
nextPoints.push(nextPt);
currStackedPoints.push(oldStackedOnPoints[diffItem.idx]);
nextStackedPoints.push(newStackedOnPoints[diffItem.idx1]);
rawIndices.push(newData.getRawIndex(diffItem.idx1));
break;
case '+':
var idx = diffItem.idx;
currPoints.push(
oldCoordSys.dataToPoint([
newData.get(newDataOldCoordInfo.dataDimsForPoint[0], idx),
newData.get(newDataOldCoordInfo.dataDimsForPoint[1], idx)
])
);
nextPoints.push(newData.getItemLayout(idx).slice());
currStackedPoints.push(
getStackedOnPoint(newDataOldCoordInfo, oldCoordSys, newData, idx)
);
nextStackedPoints.push(newStackedOnPoints[idx]);
rawIndices.push(newData.getRawIndex(idx));
break;
case '-':
var idx = diffItem.idx;
var rawIndex = oldData.getRawIndex(idx);
// Data is replaced. In the case of dynamic data queue
// FIXME FIXME FIXME
if (rawIndex !== idx) {
currPoints.push(oldData.getItemLayout(idx));
nextPoints.push(newCoordSys.dataToPoint([
oldData.get(oldDataNewCoordInfo.dataDimsForPoint[0], idx),
oldData.get(oldDataNewCoordInfo.dataDimsForPoint[1], idx)
]));
currStackedPoints.push(oldStackedOnPoints[idx]);
nextStackedPoints.push(
getStackedOnPoint(oldDataNewCoordInfo, newCoordSys, oldData, idx)
);
rawIndices.push(rawIndex);
}
else {
pointAdded = false;
}
}
// Original indices
if (pointAdded) {
status.push(diffItem);
sortedIndices.push(sortedIndices.length);
}
}
// Diff result may be crossed if all items are changed
// Sort by data index
sortedIndices.sort(function (a, b) {
return rawIndices[a] - rawIndices[b];
});
var sortedCurrPoints = [];
var sortedNextPoints = [];
var sortedCurrStackedPoints = [];
var sortedNextStackedPoints = [];
var sortedStatus = [];
for (var i = 0; i < sortedIndices.length; i++) {
var idx = sortedIndices[i];
sortedCurrPoints[i] = currPoints[idx];
sortedNextPoints[i] = nextPoints[idx];
sortedCurrStackedPoints[i] = currStackedPoints[idx];
sortedNextStackedPoints[i] = nextStackedPoints[idx];
sortedStatus[i] = status[idx];
}
return {
current: sortedCurrPoints,
next: sortedNextPoints,
stackedOnCurrent: sortedCurrStackedPoints,
stackedOnNext: sortedNextStackedPoints,
status: sortedStatus
};
};
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// Poly path support NaN point
var vec2Min = min;
var vec2Max = max;
var scaleAndAdd$1 = scaleAndAdd;
var v2Copy = copy;
// Temporary variable
var v = [];
var cp0 = [];
var cp1 = [];
function isPointNull(p) {
return isNaN(p[0]) || isNaN(p[1]);
}
function drawSegment(
ctx, points, start, segLen, allLen,
dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
) {
// if (smoothMonotone == null) {
// if (isMono(points, 'x')) {
// return drawMono(ctx, points, start, segLen, allLen,
// dir, smoothMin, smoothMax, smooth, 'x', connectNulls);
// }
// else if (isMono(points, 'y')) {
// return drawMono(ctx, points, start, segLen, allLen,
// dir, smoothMin, smoothMax, smooth, 'y', connectNulls);
// }
// else {
// return drawNonMono.apply(this, arguments);
// }
// }
// else if (smoothMonotone !== 'none' && isMono(points, smoothMonotone)) {
// return drawMono.apply(this, arguments);
// }
// else {
// return drawNonMono.apply(this, arguments);
// }
if (smoothMonotone === 'none' || !smoothMonotone) {
return drawNonMono.apply(this, arguments);
}
else {
return drawMono.apply(this, arguments);
}
}
/**
* Check if points is in monotone.
*
* @param {number[][]} points Array of points which is in [x, y] form
* @param {string} smoothMonotone 'x', 'y', or 'none', stating for which
* dimension that is checking.
* If is 'none', `drawNonMono` should be
* called.
* If is undefined, either being monotone
* in 'x' or 'y' will call `drawMono`.
*/
// function isMono(points, smoothMonotone) {
// if (points.length <= 1) {
// return true;
// }
// var dim = smoothMonotone === 'x' ? 0 : 1;
// var last = points[0][dim];
// var lastDiff = 0;
// for (var i = 1; i < points.length; ++i) {
// var diff = points[i][dim] - last;
// if (!isNaN(diff) && !isNaN(lastDiff)
// && diff !== 0 && lastDiff !== 0
// && ((diff >= 0) !== (lastDiff >= 0))
// ) {
// return false;
// }
// if (!isNaN(diff) && diff !== 0) {
// lastDiff = diff;
// last = points[i][dim];
// }
// }
// return true;
// }
/**
* Draw smoothed line in monotone, in which only vertical or horizontal bezier
* control points will be used. This should be used when points are monotone
* either in x or y dimension.
*/
function drawMono(
ctx, points, start, segLen, allLen,
dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
) {
var prevIdx = 0;
var idx = start;
for (var k = 0; k < segLen; k++) {
var p = points[idx];
if (idx >= allLen || idx < 0) {
break;
}
if (isPointNull(p)) {
if (connectNulls) {
idx += dir;
continue;
}
break;
}
if (idx === start) {
ctx[dir > 0 ? 'moveTo' : 'lineTo'](p[0], p[1]);
}
else {
if (smooth > 0) {
var prevP = points[prevIdx];
var dim = smoothMonotone === 'y' ? 1 : 0;
// Length of control point to p, either in x or y, but not both
var ctrlLen = (p[dim] - prevP[dim]) * smooth;
v2Copy(cp0, prevP);
cp0[dim] = prevP[dim] + ctrlLen;
v2Copy(cp1, p);
cp1[dim] = p[dim] - ctrlLen;
ctx.bezierCurveTo(
cp0[0], cp0[1],
cp1[0], cp1[1],
p[0], p[1]
);
}
else {
ctx.lineTo(p[0], p[1]);
}
}
prevIdx = idx;
idx += dir;
}
return k;
}
/**
* Draw smoothed line in non-monotone, in may cause undesired curve in extreme
* situations. This should be used when points are non-monotone neither in x or
* y dimension.
*/
function drawNonMono(
ctx, points, start, segLen, allLen,
dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
) {
var prevIdx = 0;
var idx = start;
for (var k = 0; k < segLen; k++) {
var p = points[idx];
if (idx >= allLen || idx < 0) {
break;
}
if (isPointNull(p)) {
if (connectNulls) {
idx += dir;
continue;
}
break;
}
if (idx === start) {
ctx[dir > 0 ? 'moveTo' : 'lineTo'](p[0], p[1]);
v2Copy(cp0, p);
}
else {
if (smooth > 0) {
var nextIdx = idx + dir;
var nextP = points[nextIdx];
if (connectNulls) {
// Find next point not null
while (nextP && isPointNull(points[nextIdx])) {
nextIdx += dir;
nextP = points[nextIdx];
}
}
var ratioNextSeg = 0.5;
var prevP = points[prevIdx];
var nextP = points[nextIdx];
// Last point
if (!nextP || isPointNull(nextP)) {
v2Copy(cp1, p);
}
else {
// If next data is null in not connect case
if (isPointNull(nextP) && !connectNulls) {
nextP = p;
}
sub(v, nextP, prevP);
var lenPrevSeg;
var lenNextSeg;
if (smoothMonotone === 'x' || smoothMonotone === 'y') {
var dim = smoothMonotone === 'x' ? 0 : 1;
lenPrevSeg = Math.abs(p[dim] - prevP[dim]);
lenNextSeg = Math.abs(p[dim] - nextP[dim]);
}
else {
lenPrevSeg = dist(p, prevP);
lenNextSeg = dist(p, nextP);
}
// Use ratio of seg length
ratioNextSeg = lenNextSeg / (lenNextSeg + lenPrevSeg);
scaleAndAdd$1(cp1, p, v, -smooth * (1 - ratioNextSeg));
}
// Smooth constraint
vec2Min(cp0, cp0, smoothMax);
vec2Max(cp0, cp0, smoothMin);
vec2Min(cp1, cp1, smoothMax);
vec2Max(cp1, cp1, smoothMin);
ctx.bezierCurveTo(
cp0[0], cp0[1],
cp1[0], cp1[1],
p[0], p[1]
);
// cp0 of next segment
scaleAndAdd$1(cp0, p, v, smooth * ratioNextSeg);
}
else {
ctx.lineTo(p[0], p[1]);
}
}
prevIdx = idx;
idx += dir;
}
return k;
}
function getBoundingBox(points, smoothConstraint) {
var ptMin = [Infinity, Infinity];
var ptMax = [-Infinity, -Infinity];
if (smoothConstraint) {
for (var i = 0; i < points.length; i++) {
var pt = points[i];
if (pt[0] < ptMin[0]) {
ptMin[0] = pt[0];
}
if (pt[1] < ptMin[1]) {
ptMin[1] = pt[1];
}
if (pt[0] > ptMax[0]) {
ptMax[0] = pt[0];
}
if (pt[1] > ptMax[1]) {
ptMax[1] = pt[1];
}
}
}
return {
min: smoothConstraint ? ptMin : ptMax,
max: smoothConstraint ? ptMax : ptMin
};
}
var Polyline$1 = Path.extend({
type: 'ec-polyline',
shape: {
points: [],
smooth: 0,
smoothConstraint: true,
smoothMonotone: null,
connectNulls: false
},
style: {
fill: null,
stroke: '#000'
},
brush: fixClipWithShadow(Path.prototype.brush),
buildPath: function (ctx, shape) {
var points = shape.points;
var i = 0;
var len$$1 = points.length;
var result = getBoundingBox(points, shape.smoothConstraint);
if (shape.connectNulls) {
// Must remove first and last null values avoid draw error in polygon
for (; len$$1 > 0; len$$1--) {
if (!isPointNull(points[len$$1 - 1])) {
break;
}
}
for (; i < len$$1; i++) {
if (!isPointNull(points[i])) {
break;
}
}
}
while (i < len$$1) {
i += drawSegment(
ctx, points, i, len$$1, len$$1,
1, result.min, result.max, shape.smooth,
shape.smoothMonotone, shape.connectNulls
) + 1;
}
}
});
var Polygon$1 = Path.extend({
type: 'ec-polygon',
shape: {
points: [],
// Offset between stacked base points and points
stackedOnPoints: [],
smooth: 0,
stackedOnSmooth: 0,
smoothConstraint: true,
smoothMonotone: null,
connectNulls: false
},
brush: fixClipWithShadow(Path.prototype.brush),
buildPath: function (ctx, shape) {
var points = shape.points;
var stackedOnPoints = shape.stackedOnPoints;
var i = 0;
var len$$1 = points.length;
var smoothMonotone = shape.smoothMonotone;
var bbox = getBoundingBox(points, shape.smoothConstraint);
var stackedOnBBox = getBoundingBox(stackedOnPoints, shape.smoothConstraint);
if (shape.connectNulls) {
// Must remove first and last null values avoid draw error in polygon
for (; len$$1 > 0; len$$1--) {
if (!isPointNull(points[len$$1 - 1])) {
break;
}
}
for (; i < len$$1; i++) {
if (!isPointNull(points[i])) {
break;
}
}
}
while (i < len$$1) {
var k = drawSegment(
ctx, points, i, len$$1, len$$1,
1, bbox.min, bbox.max, shape.smooth,
smoothMonotone, shape.connectNulls
);
drawSegment(
ctx, stackedOnPoints, i + k - 1, k, len$$1,
-1, stackedOnBBox.min, stackedOnBBox.max, shape.stackedOnSmooth,
smoothMonotone, shape.connectNulls
);
i += k + 1;
ctx.closePath();
}
}
});
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
// FIXME step not support polar
function isPointsSame(points1, points2) {
if (points1.length !== points2.length) {
return;
}
for (var i = 0; i < points1.length; i++) {
var p1 = points1[i];
var p2 = points2[i];
if (p1[0] !== p2[0] || p1[1] !== p2[1]) {
return;
}
}
return true;
}
function getSmooth(smooth) {
return typeof (smooth) === 'number' ? smooth : (smooth ? 0.5 : 0);
}
function getAxisExtentWithGap(axis) {
var extent = axis.getGlobalExtent();
if (axis.onBand) {
// Remove extra 1px to avoid line miter in clipped edge
var halfBandWidth = axis.getBandWidth() / 2 - 1;
var dir = extent[1] > extent[0] ? 1 : -1;
extent[0] += dir * halfBandWidth;
extent[1] -= dir * halfBandWidth;
}
return extent;
}
/**
* @param {module:echarts/coord/cartesian/Cartesian2D|module:echarts/coord/polar/Polar} coordSys
* @param {module:echarts/data/List} data
* @param {Object} dataCoordInfo
* @param {Array.>} points
*/
function getStackedOnPoints(coordSys, data, dataCoordInfo) {
if (!dataCoordInfo.valueDim) {
return [];
}
var points = [];
for (var idx = 0, len = data.count(); idx < len; idx++) {
points.push(getStackedOnPoint(dataCoordInfo, coordSys, data, idx));
}
return points;
}
function createGridClipShape(cartesian, hasAnimation, forSymbol, seriesModel) {
var xExtent = getAxisExtentWithGap(cartesian.getAxis('x'));
var yExtent = getAxisExtentWithGap(cartesian.getAxis('y'));
var isHorizontal = cartesian.getBaseAxis().isHorizontal();
var x = Math.min(xExtent[0], xExtent[1]);
var y = Math.min(yExtent[0], yExtent[1]);
var width = Math.max(xExtent[0], xExtent[1]) - x;
var height = Math.max(yExtent[0], yExtent[1]) - y;
// Avoid float number rounding error for symbol on the edge of axis extent.
// See #7913 and `test/dataZoom-clip.html`.
if (forSymbol) {
x -= 0.5;
width += 0.5;
y -= 0.5;
height += 0.5;
}
else {
var lineWidth = seriesModel.get('lineStyle.width') || 2;
// Expand clip shape to avoid clipping when line value exceeds axis
var expandSize = seriesModel.get('clipOverflow') ? lineWidth / 2 : Math.max(width, height);
if (isHorizontal) {
y -= expandSize;
height += expandSize * 2;
}
else {
x -= expandSize;
width += expandSize * 2;
}
}
var clipPath = new Rect({
shape: {
x: x,
y: y,
width: width,
height: height
}
});
if (hasAnimation) {
clipPath.shape[isHorizontal ? 'width' : 'height'] = 0;
initProps(clipPath, {
shape: {
width: width,
height: height
}
}, seriesModel);
}
return clipPath;
}
function createPolarClipShape(polar, hasAnimation, forSymbol, seriesModel) {
var angleAxis = polar.getAngleAxis();
var radiusAxis = polar.getRadiusAxis();
var radiusExtent = radiusAxis.getExtent().slice();
radiusExtent[0] > radiusExtent[1] && radiusExtent.reverse();
var angleExtent = angleAxis.getExtent();
var RADIAN = Math.PI / 180;
// Avoid float number rounding error for symbol on the edge of axis extent.
if (forSymbol) {
radiusExtent[0] -= 0.5;
radiusExtent[1] += 0.5;
}
var clipPath = new Sector({
shape: {
cx: round$1(polar.cx, 1),
cy: round$1(polar.cy, 1),
r0: round$1(radiusExtent[0], 1),
r: round$1(radiusExtent[1], 1),
startAngle: -angleExtent[0] * RADIAN,
endAngle: -angleExtent[1] * RADIAN,
clockwise: angleAxis.inverse
}
});
if (hasAnimation) {
clipPath.shape.endAngle = -angleExtent[0] * RADIAN;
initProps(clipPath, {
shape: {
endAngle: -angleExtent[1] * RADIAN
}
}, seriesModel);
}
return clipPath;
}
function createClipShape(coordSys, hasAnimation, forSymbol, seriesModel) {
return coordSys.type === 'polar'
? createPolarClipShape(coordSys, hasAnimation, forSymbol, seriesModel)
: createGridClipShape(coordSys, hasAnimation, forSymbol, seriesModel);
}
function turnPointsIntoStep(points, coordSys, stepTurnAt) {
var baseAxis = coordSys.getBaseAxis();
var baseIndex = baseAxis.dim === 'x' || baseAxis.dim === 'radius' ? 0 : 1;
var stepPoints = [];
for (var i = 0; i < points.length - 1; i++) {
var nextPt = points[i + 1];
var pt = points[i];
stepPoints.push(pt);
var stepPt = [];
switch (stepTurnAt) {
case 'end':
stepPt[baseIndex] = nextPt[baseIndex];
stepPt[1 - baseIndex] = pt[1 - baseIndex];
// default is start
stepPoints.push(stepPt);
break;
case 'middle':
// default is start
var middle = (pt[baseIndex] + nextPt[baseIndex]) / 2;
var stepPt2 = [];
stepPt[baseIndex] = stepPt2[baseIndex] = middle;
stepPt[1 - baseIndex] = pt[1 - baseIndex];
stepPt2[1 - baseIndex] = nextPt[1 - baseIndex];
stepPoints.push(stepPt);
stepPoints.push(stepPt2);
break;
default:
stepPt[baseIndex] = pt[baseIndex];
stepPt[1 - baseIndex] = nextPt[1 - baseIndex];
// default is start
stepPoints.push(stepPt);
}
}
// Last points
points[i] && stepPoints.push(points[i]);
return stepPoints;
}
function getVisualGradient(data, coordSys) {
var visualMetaList = data.getVisual('visualMeta');
if (!visualMetaList || !visualMetaList.length || !data.count()) {
// When data.count() is 0, gradient range can not be calculated.
return;
}
if (coordSys.type !== 'cartesian2d') {
if (__DEV__) {
console.warn('Visual map on line style is only supported on cartesian2d.');
}
return;
}
var coordDim;
var visualMeta;
for (var i = visualMetaList.length - 1; i >= 0; i--) {
var dimIndex = visualMetaList[i].dimension;
var dimName = data.dimensions[dimIndex];
var dimInfo = data.getDimensionInfo(dimName);
coordDim = dimInfo && dimInfo.coordDim;
// Can only be x or y
if (coordDim === 'x' || coordDim === 'y') {
visualMeta = visualMetaList[i];
break;
}
}
if (!visualMeta) {
if (__DEV__) {
console.warn('Visual map on line style only support x or y dimension.');
}
return;
}
// If the area to be rendered is bigger than area defined by LinearGradient,
// the canvas spec prescribes that the color of the first stop and the last
// stop should be used. But if two stops are added at offset 0, in effect
// browsers use the color of the second stop to render area outside
// LinearGradient. So we can only infinitesimally extend area defined in
// LinearGradient to render `outerColors`.
var axis = coordSys.getAxis(coordDim);
// dataToCoor mapping may not be linear, but must be monotonic.
var colorStops = map(visualMeta.stops, function (stop) {
return {
coord: axis.toGlobalCoord(axis.dataToCoord(stop.value)),
color: stop.color
};
});
var stopLen = colorStops.length;
var outerColors = visualMeta.outerColors.slice();
if (stopLen && colorStops[0].coord > colorStops[stopLen - 1].coord) {
colorStops.reverse();
outerColors.reverse();
}
var tinyExtent = 10; // Arbitrary value: 10px
var minCoord = colorStops[0].coord - tinyExtent;
var maxCoord = colorStops[stopLen - 1].coord + tinyExtent;
var coordSpan = maxCoord - minCoord;
if (coordSpan < 1e-3) {
return 'transparent';
}
each$1(colorStops, function (stop) {
stop.offset = (stop.coord - minCoord) / coordSpan;
});
colorStops.push({
offset: stopLen ? colorStops[stopLen - 1].offset : 0.5,
color: outerColors[1] || 'transparent'
});
colorStops.unshift({ // notice colorStops.length have been changed.
offset: stopLen ? colorStops[0].offset : 0.5,
color: outerColors[0] || 'transparent'
});
// zrUtil.each(colorStops, function (colorStop) {
// // Make sure each offset has rounded px to avoid not sharp edge
// colorStop.offset = (Math.round(colorStop.offset * (end - start) + start) - start) / (end - start);
// });
var gradient = new LinearGradient(0, 0, 0, 0, colorStops, true);
gradient[coordDim] = minCoord;
gradient[coordDim + '2'] = maxCoord;
return gradient;
}
function getIsIgnoreFunc(seriesModel, data, coordSys) {
var showAllSymbol = seriesModel.get('showAllSymbol');
var isAuto = showAllSymbol === 'auto';
if (showAllSymbol && !isAuto) {
return;
}
var categoryAxis = coordSys.getAxesByScale('ordinal')[0];
if (!categoryAxis) {
return;
}
// Note that category label interval strategy might bring some weird effect
// in some scenario: users may wonder why some of the symbols are not
// displayed. So we show all symbols as possible as we can.
if (isAuto
// Simplify the logic, do not determine label overlap here.
&& canShowAllSymbolForCategory(categoryAxis, data)
) {
return;
}
// Otherwise follow the label interval strategy on category axis.
var categoryDataDim = data.mapDimension(categoryAxis.dim);
var labelMap = {};
each$1(categoryAxis.getViewLabels(), function (labelItem) {
labelMap[labelItem.tickValue] = 1;
});
return function (dataIndex) {
return !labelMap.hasOwnProperty(data.get(categoryDataDim, dataIndex));
};
}
function canShowAllSymbolForCategory(categoryAxis, data) {
// In mose cases, line is monotonous on category axis, and the label size
// is close with each other. So we check the symbol size and some of the
// label size alone with the category axis to estimate whether all symbol
// can be shown without overlap.
var axisExtent = categoryAxis.getExtent();
var availSize = Math.abs(axisExtent[1] - axisExtent[0]) / categoryAxis.scale.count();
isNaN(availSize) && (availSize = 0); // 0/0 is NaN.
// Sampling some points, max 5.
var dataLen = data.count();
var step = Math.max(1, Math.round(dataLen / 5));
for (var dataIndex = 0; dataIndex < dataLen; dataIndex += step) {
if (SymbolClz$1.getSymbolSize(
data, dataIndex
// Only for cartesian, where `isHorizontal` exists.
)[categoryAxis.isHorizontal() ? 1 : 0]
// Empirical number
* 1.5 > availSize
) {
return false;
}
}
return true;
}
Chart.extend({
type: 'line',
init: function () {
var lineGroup = new Group();
var symbolDraw = new SymbolDraw();
this.group.add(symbolDraw.group);
this._symbolDraw = symbolDraw;
this._lineGroup = lineGroup;
},
render: function (seriesModel, ecModel, api) {
var coordSys = seriesModel.coordinateSystem;
var group = this.group;
var data = seriesModel.getData();
var lineStyleModel = seriesModel.getModel('lineStyle');
var areaStyleModel = seriesModel.getModel('areaStyle');
var points = data.mapArray(data.getItemLayout);
var isCoordSysPolar = coordSys.type === 'polar';
var prevCoordSys = this._coordSys;
var symbolDraw = this._symbolDraw;
var polyline = this._polyline;
var polygon = this._polygon;
var lineGroup = this._lineGroup;
var hasAnimation = seriesModel.get('animation');
var isAreaChart = !areaStyleModel.isEmpty();
var valueOrigin = areaStyleModel.get('origin');
var dataCoordInfo = prepareDataCoordInfo(coordSys, data, valueOrigin);
var stackedOnPoints = getStackedOnPoints(coordSys, data, dataCoordInfo);
var showSymbol = seriesModel.get('showSymbol');
var isIgnoreFunc = showSymbol && !isCoordSysPolar
&& getIsIgnoreFunc(seriesModel, data, coordSys);
// Remove temporary symbols
var oldData = this._data;
oldData && oldData.eachItemGraphicEl(function (el, idx) {
if (el.__temp) {
group.remove(el);
oldData.setItemGraphicEl(idx, null);
}
});
// Remove previous created symbols if showSymbol changed to false
if (!showSymbol) {
symbolDraw.remove();
}
group.add(lineGroup);
// FIXME step not support polar
var step = !isCoordSysPolar && seriesModel.get('step');
// Initialization animation or coordinate system changed
if (
!(polyline && prevCoordSys.type === coordSys.type && step === this._step)
) {
showSymbol && symbolDraw.updateData(data, {
isIgnore: isIgnoreFunc,
clipShape: createClipShape(coordSys, false, true, seriesModel)
});
if (step) {
// TODO If stacked series is not step
points = turnPointsIntoStep(points, coordSys, step);
stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step);
}
polyline = this._newPolyline(points, coordSys, hasAnimation);
if (isAreaChart) {
polygon = this._newPolygon(
points, stackedOnPoints,
coordSys, hasAnimation
);
}
lineGroup.setClipPath(createClipShape(coordSys, true, false, seriesModel));
}
else {
if (isAreaChart && !polygon) {
// If areaStyle is added
polygon = this._newPolygon(
points, stackedOnPoints,
coordSys, hasAnimation
);
}
else if (polygon && !isAreaChart) {
// If areaStyle is removed
lineGroup.remove(polygon);
polygon = this._polygon = null;
}
// Update clipPath
lineGroup.setClipPath(createClipShape(coordSys, false, false, seriesModel));
// Always update, or it is wrong in the case turning on legend
// because points are not changed
showSymbol && symbolDraw.updateData(data, {
isIgnore: isIgnoreFunc,
clipShape: createClipShape(coordSys, false, true, seriesModel)
});
// Stop symbol animation and sync with line points
// FIXME performance?
data.eachItemGraphicEl(function (el) {
el.stopAnimation(true);
});
// In the case data zoom triggerred refreshing frequently
// Data may not change if line has a category axis. So it should animate nothing
if (!isPointsSame(this._stackedOnPoints, stackedOnPoints)
|| !isPointsSame(this._points, points)
) {
if (hasAnimation) {
this._updateAnimation(
data, stackedOnPoints, coordSys, api, step, valueOrigin
);
}
else {
// Not do it in update with animation
if (step) {
// TODO If stacked series is not step
points = turnPointsIntoStep(points, coordSys, step);
stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step);
}
polyline.setShape({
points: points
});
polygon && polygon.setShape({
points: points,
stackedOnPoints: stackedOnPoints
});
}
}
}
var visualColor = getVisualGradient(data, coordSys) || data.getVisual('color');
polyline.useStyle(defaults(
// Use color in lineStyle first
lineStyleModel.getLineStyle(),
{
fill: 'none',
stroke: visualColor,
lineJoin: 'bevel'
}
));
var smooth = seriesModel.get('smooth');
smooth = getSmooth(seriesModel.get('smooth'));
polyline.setShape({
smooth: smooth,
smoothMonotone: seriesModel.get('smoothMonotone'),
connectNulls: seriesModel.get('connectNulls')
});
if (polygon) {
var stackedOnSeries = data.getCalculationInfo('stackedOnSeries');
var stackedOnSmooth = 0;
polygon.useStyle(defaults(
areaStyleModel.getAreaStyle(),
{
fill: visualColor,
opacity: 0.7,
lineJoin: 'bevel'
}
));
if (stackedOnSeries) {
stackedOnSmooth = getSmooth(stackedOnSeries.get('smooth'));
}
polygon.setShape({
smooth: smooth,
stackedOnSmooth: stackedOnSmooth,
smoothMonotone: seriesModel.get('smoothMonotone'),
connectNulls: seriesModel.get('connectNulls')
});
}
this._data = data;
// Save the coordinate system for transition animation when data changed
this._coordSys = coordSys;
this._stackedOnPoints = stackedOnPoints;
this._points = points;
this._step = step;
this._valueOrigin = valueOrigin;
},
dispose: function () {},
highlight: function (seriesModel, ecModel, api, payload) {
var data = seriesModel.getData();
var dataIndex = queryDataIndex(data, payload);
if (!(dataIndex instanceof Array) && dataIndex != null && dataIndex >= 0) {
var symbol = data.getItemGraphicEl(dataIndex);
if (!symbol) {
// Create a temporary symbol if it is not exists
var pt = data.getItemLayout(dataIndex);
if (!pt) {
// Null data
return;
}
symbol = new SymbolClz$1(data, dataIndex);
symbol.position = pt;
symbol.setZ(
seriesModel.get('zlevel'),
seriesModel.get('z')
);
symbol.ignore = isNaN(pt[0]) || isNaN(pt[1]);
symbol.__temp = true;
data.setItemGraphicEl(dataIndex, symbol);
// Stop scale animation
symbol.stopSymbolAnimation(true);
this.group.add(symbol);
}
symbol.highlight();
}
else {
// Highlight whole series
Chart.prototype.highlight.call(
this, seriesModel, ecModel, api, payload
);
}
},
downplay: function (seriesModel, ecModel, api, payload) {
var data = seriesModel.getData();
var dataIndex = queryDataIndex(data, payload);
if (dataIndex != null && dataIndex >= 0) {
var symbol = data.getItemGraphicEl(dataIndex);
if (symbol) {
if (symbol.__temp) {
data.setItemGraphicEl(dataIndex, null);
this.group.remove(symbol);
}
else {
symbol.downplay();
}
}
}
else {
// FIXME
// can not downplay completely.
// Downplay whole series
Chart.prototype.downplay.call(
this, seriesModel, ecModel, api, payload
);
}
},
/**
* @param {module:zrender/container/Group} group
* @param {Array.>} points
* @private
*/
_newPolyline: function (points) {
var polyline = this._polyline;
// Remove previous created polyline
if (polyline) {
this._lineGroup.remove(polyline);
}
polyline = new Polyline$1({
shape: {
points: points
},
silent: true,
z2: 10
});
this._lineGroup.add(polyline);
this._polyline = polyline;
return polyline;
},
/**
* @param {module:zrender/container/Group} group
* @param {Array.>} stackedOnPoints
* @param {Array. ![](" + repo.owner.avatar_url + ")
" +
"