disco_app 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (350) hide show
  1. checksums.yaml +7 -0
  2. data/Rakefile +37 -0
  3. data/app/assets/images/disco_app/icon.svg +1 -0
  4. data/app/assets/images/disco_app/icons.svg +0 -0
  5. data/app/assets/javascripts/disco_app/components/custom/filterable_shop_list.js.jsx +61 -0
  6. data/app/assets/javascripts/disco_app/components/custom/inline-radio-options.es6.jsx +59 -0
  7. data/app/assets/javascripts/disco_app/components/custom/rules-editor.es6.jsx +432 -0
  8. data/app/assets/javascripts/disco_app/components/custom/shop_filter_query.js.jsx +13 -0
  9. data/app/assets/javascripts/disco_app/components/custom/shop_filter_tab.js.jsx +34 -0
  10. data/app/assets/javascripts/disco_app/components/custom/shop_filter_tabs.js.jsx +21 -0
  11. data/app/assets/javascripts/disco_app/components/custom/shop_list.js.jsx +142 -0
  12. data/app/assets/javascripts/disco_app/components/custom/shop_row.js.jsx +43 -0
  13. data/app/assets/javascripts/disco_app/components/custom/shopify_admin_link.js.jsx +29 -0
  14. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-footer.es6.jsx +11 -0
  15. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-header.es6.jsx +11 -0
  16. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-section.es6.jsx +30 -0
  17. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card.es6.jsx +16 -0
  18. data/app/assets/javascripts/disco_app/components/ui-kit/cards/cart-section-title.es6.jsx +9 -0
  19. data/app/assets/javascripts/disco_app/components/ui-kit/forms/base_form.es6.jsx +72 -0
  20. data/app/assets/javascripts/disco_app/components/ui-kit/forms/base_input.es6.jsx +20 -0
  21. data/app/assets/javascripts/disco_app/components/ui-kit/forms/button.es6.jsx +14 -0
  22. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-checkbox.es6.jsx +30 -0
  23. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-radio.es6.jsx +30 -0
  24. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-select.es6.jsx +39 -0
  25. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-text.es6.jsx +59 -0
  26. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-textarea.es6.jsx +48 -0
  27. data/app/assets/javascripts/disco_app/components/ui-kit/icons/icon-chevron.es6.jsx +33 -0
  28. data/app/assets/javascripts/disco_app/components/ui-kit/icons/next-icon.es6.jsx +18 -0
  29. data/app/assets/javascripts/disco_app/components/ui-kit/input_select.es6.jsx +21 -0
  30. data/app/assets/javascripts/disco_app/components/ui-kit/tables/table.es6.jsx +22 -0
  31. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-annotated-section.es6.jsx +29 -0
  32. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-empty-state.es6.jsx +35 -0
  33. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-footer-help.es6.jsx +13 -0
  34. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-item.es6.jsx +11 -0
  35. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-section.es6.jsx +19 -0
  36. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-sections.es6.jsx +11 -0
  37. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout.es6.jsx +11 -0
  38. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-page-actions.es6.jsx +48 -0
  39. data/app/assets/javascripts/disco_app/components.js +2 -0
  40. data/app/assets/javascripts/disco_app/disco_app.js +9 -0
  41. data/app/assets/javascripts/disco_app/frame.js +152 -0
  42. data/app/assets/javascripts/disco_app/shopify-turbolinks.js +7 -0
  43. data/app/assets/javascripts/disco_app/ui-kit.js +1 -0
  44. data/app/assets/stylesheets/disco_app/admin/_header.scss +75 -0
  45. data/app/assets/stylesheets/disco_app/admin/_layout.scss +32 -0
  46. data/app/assets/stylesheets/disco_app/admin/_nav.scss +184 -0
  47. data/app/assets/stylesheets/disco_app/admin.scss +11 -0
  48. data/app/assets/stylesheets/disco_app/disco_app.scss +19 -0
  49. data/app/assets/stylesheets/disco_app/frame/_buttons.scss +54 -0
  50. data/app/assets/stylesheets/disco_app/frame/_forms.scss +26 -0
  51. data/app/assets/stylesheets/disco_app/frame/_layout.scss +77 -0
  52. data/app/assets/stylesheets/disco_app/frame/_type.scss +25 -0
  53. data/app/assets/stylesheets/disco_app/frame.scss +10 -0
  54. data/app/assets/stylesheets/disco_app/mixins/_flexbox.scss +400 -0
  55. data/app/assets/stylesheets/disco_app/ui-kit/_ui-empty-state.scss +121 -0
  56. data/app/assets/stylesheets/disco_app/ui-kit/_ui-footer-help.scss +28 -0
  57. data/app/assets/stylesheets/disco_app/ui-kit/_ui-icons.scss +28 -0
  58. data/app/assets/stylesheets/disco_app/ui-kit/_ui-kit.scss +5113 -0
  59. data/app/assets/stylesheets/disco_app/ui-kit/_ui-layout.scss +15 -0
  60. data/app/assets/stylesheets/disco_app/ui-kit/_ui-page-actions.scss +21 -0
  61. data/app/assets/stylesheets/disco_app/ui-kit/_ui-tabs.scss +75 -0
  62. data/app/assets/stylesheets/disco_app/ui-kit/_ui-type.scss +13 -0
  63. data/app/controllers/disco_app/admin/app_settings_controller.rb +3 -0
  64. data/app/controllers/disco_app/admin/application_controller.rb +3 -0
  65. data/app/controllers/disco_app/admin/concerns/app_settings_controller.rb +24 -0
  66. data/app/controllers/disco_app/admin/concerns/authenticated_controller.rb +20 -0
  67. data/app/controllers/disco_app/admin/concerns/plans_controller.rb +54 -0
  68. data/app/controllers/disco_app/admin/concerns/shops_controller.rb +7 -0
  69. data/app/controllers/disco_app/admin/concerns/subscriptions_controller.rb +29 -0
  70. data/app/controllers/disco_app/admin/plans_controller.rb +3 -0
  71. data/app/controllers/disco_app/admin/resources/shops_controller.rb +3 -0
  72. data/app/controllers/disco_app/admin/shops_controller.rb +3 -0
  73. data/app/controllers/disco_app/admin/subscriptions_controller.rb +3 -0
  74. data/app/controllers/disco_app/charges_controller.rb +47 -0
  75. data/app/controllers/disco_app/concerns/app_proxy_controller.rb +40 -0
  76. data/app/controllers/disco_app/concerns/authenticated_controller.rb +56 -0
  77. data/app/controllers/disco_app/concerns/carrier_request_controller.rb +21 -0
  78. data/app/controllers/disco_app/frame_controller.rb +9 -0
  79. data/app/controllers/disco_app/install_controller.rb +27 -0
  80. data/app/controllers/disco_app/subscriptions_controller.rb +32 -0
  81. data/app/controllers/disco_app/webhooks_controller.rb +46 -0
  82. data/app/controllers/sessions_controller.rb +28 -0
  83. data/app/helpers/disco_app/application_helper.rb +50 -0
  84. data/app/jobs/disco_app/app_installed_job.rb +3 -0
  85. data/app/jobs/disco_app/app_uninstalled_job.rb +3 -0
  86. data/app/jobs/disco_app/concerns/app_installed_job.rb +39 -0
  87. data/app/jobs/disco_app/concerns/app_uninstalled_job.rb +20 -0
  88. data/app/jobs/disco_app/concerns/render_asset_group_job.rb +8 -0
  89. data/app/jobs/disco_app/concerns/shop_update_job.rb +13 -0
  90. data/app/jobs/disco_app/concerns/subscription_changed_job.rb +7 -0
  91. data/app/jobs/disco_app/concerns/synchronise_carrier_service_job.rb +55 -0
  92. data/app/jobs/disco_app/concerns/synchronise_resources_job.rb +12 -0
  93. data/app/jobs/disco_app/concerns/synchronise_webhooks_job.rb +52 -0
  94. data/app/jobs/disco_app/render_asset_group_job.rb +3 -0
  95. data/app/jobs/disco_app/shop_job.rb +27 -0
  96. data/app/jobs/disco_app/shop_update_job.rb +3 -0
  97. data/app/jobs/disco_app/subscription_changed_job.rb +3 -0
  98. data/app/jobs/disco_app/synchronise_carrier_service_job.rb +3 -0
  99. data/app/jobs/disco_app/synchronise_resources_job.rb +3 -0
  100. data/app/jobs/disco_app/synchronise_webhooks_job.rb +3 -0
  101. data/app/models/disco_app/app_settings.rb +3 -0
  102. data/app/models/disco_app/application_charge.rb +18 -0
  103. data/app/models/disco_app/concerns/app_settings.rb +7 -0
  104. data/app/models/disco_app/concerns/can_be_liquified.rb +45 -0
  105. data/app/models/disco_app/concerns/has_metafields.rb +48 -0
  106. data/app/models/disco_app/concerns/plan.rb +26 -0
  107. data/app/models/disco_app/concerns/plan_code.rb +15 -0
  108. data/app/models/disco_app/concerns/renders_assets.rb +166 -0
  109. data/app/models/disco_app/concerns/shop.rb +78 -0
  110. data/app/models/disco_app/concerns/subscription.rb +60 -0
  111. data/app/models/disco_app/concerns/synchronises.rb +54 -0
  112. data/app/models/disco_app/concerns/taggable.rb +16 -0
  113. data/app/models/disco_app/plan.rb +3 -0
  114. data/app/models/disco_app/plan_code.rb +3 -0
  115. data/app/models/disco_app/recurring_application_charge.rb +18 -0
  116. data/app/models/disco_app/session_storage.rb +18 -0
  117. data/app/models/disco_app/shop.rb +3 -0
  118. data/app/models/disco_app/subscription.rb +3 -0
  119. data/app/resources/disco_app/admin/resources/concerns/shop_resource.rb +100 -0
  120. data/app/resources/disco_app/admin/resources/shop_resource.rb +4 -0
  121. data/app/services/disco_app/carrier_request_service.rb +15 -0
  122. data/app/services/disco_app/charges_service.rb +81 -0
  123. data/app/services/disco_app/proxy_service.rb +17 -0
  124. data/app/services/disco_app/subscription_service.rb +46 -0
  125. data/app/services/disco_app/webhook_service.rb +30 -0
  126. data/app/views/disco_app/admin/app_settings/edit.html.erb +5 -0
  127. data/app/views/disco_app/admin/plans/_form.html.erb +72 -0
  128. data/app/views/disco_app/admin/plans/_plan_code_fields.html.erb +15 -0
  129. data/app/views/disco_app/admin/plans/edit.html.erb +7 -0
  130. data/app/views/disco_app/admin/plans/index.html.erb +43 -0
  131. data/app/views/disco_app/admin/plans/new.html.erb +7 -0
  132. data/app/views/disco_app/admin/shops/index.html.erb +13 -0
  133. data/app/views/disco_app/admin/subscriptions/edit.html.erb +33 -0
  134. data/app/views/disco_app/charges/activate.html.erb +1 -0
  135. data/app/views/disco_app/charges/create.html.erb +1 -0
  136. data/app/views/disco_app/charges/new.html.erb +23 -0
  137. data/app/views/disco_app/frame/frame.html.erb +36 -0
  138. data/app/views/disco_app/install/installing.html.erb +7 -0
  139. data/app/views/disco_app/install/uninstalling.html.erb +1 -0
  140. data/app/views/disco_app/proxy_errors/404.html.erb +1 -0
  141. data/app/views/disco_app/shared/_card.html.erb +14 -0
  142. data/app/views/disco_app/shared/_icons.html.erb +1 -0
  143. data/app/views/disco_app/shared/_section.html.erb +17 -0
  144. data/app/views/disco_app/subscriptions/new.html.erb +25 -0
  145. data/app/views/layouts/admin/_nav_items.erb +20 -0
  146. data/app/views/layouts/admin.html.erb +67 -0
  147. data/app/views/layouts/application.html.erb +18 -0
  148. data/app/views/layouts/embedded_app.html.erb +44 -0
  149. data/app/views/layouts/embedded_app_modal.html.erb +28 -0
  150. data/app/views/sessions/new.html.erb +26 -0
  151. data/config/routes.rb +48 -0
  152. data/db/migrate/20150525000000_create_shops_if_not_existent.rb +15 -0
  153. data/db/migrate/20150525162112_add_status_to_shops.rb +5 -0
  154. data/db/migrate/20150525171422_add_meta_to_shops.rb +11 -0
  155. data/db/migrate/20150629210346_add_charge_status_to_shop.rb +5 -0
  156. data/db/migrate/20150814214025_add_more_meta_to_shops.rb +15 -0
  157. data/db/migrate/20151017231302_create_disco_app_plans.rb +13 -0
  158. data/db/migrate/20151017232027_create_disco_app_subscriptions.rb +15 -0
  159. data/db/migrate/20151017234409_move_shop_to_disco_app_engine.rb +5 -0
  160. data/db/migrate/20160112233706_create_disco_app_sessions.rb +12 -0
  161. data/db/migrate/20160113194418_add_shop_id_to_disco_app_sessions.rb +6 -0
  162. data/db/migrate/20160223111044_create_disco_app_settings.rb +8 -0
  163. data/db/migrate/20160301223215_update_plans.rb +22 -0
  164. data/db/migrate/20160301224558_update_subscriptions.rb +13 -0
  165. data/db/migrate/20160302104816_create_disco_app_recurring_application_charges.rb +14 -0
  166. data/db/migrate/20160302105259_create_disco_app_application_charges.rb +14 -0
  167. data/db/migrate/20160302134728_drop_charge_status_from_shops.rb +5 -0
  168. data/db/migrate/20160302142941_add_shopify_attributes_to_charges.rb +8 -0
  169. data/db/migrate/20160331093148_create_disco_app_plan_codes.rb +14 -0
  170. data/db/migrate/20160401044420_add_status_to_plan_codes.rb +5 -0
  171. data/db/migrate/20160401045551_add_amount_and_plan_code_to_disco_app_subscriptions.rb +7 -0
  172. data/db/migrate/20160425205211_add_source_to_disco_app_subscriptions.rb +5 -0
  173. data/db/migrate/20160426033520_add_trial_period_days_to_disco_app_subscriptions.rb +5 -0
  174. data/db/migrate/20160513140727_add_name_to_disco_app_shops.rb +5 -0
  175. data/db/migrate/20160521135510_move_shop_to_synchronises.rb +61 -0
  176. data/lib/disco_app/configuration.rb +45 -0
  177. data/lib/disco_app/constants.rb +4 -0
  178. data/lib/disco_app/engine.rb +26 -0
  179. data/lib/disco_app/session.rb +14 -0
  180. data/lib/disco_app/support/file_fixtures.rb +23 -0
  181. data/lib/disco_app/test_help.rb +11 -0
  182. data/lib/disco_app/version.rb +3 -0
  183. data/lib/disco_app.rb +7 -0
  184. data/lib/generators/disco_app/USAGE +5 -0
  185. data/lib/generators/disco_app/disco_app_generator.rb +239 -0
  186. data/lib/generators/disco_app/templates/assets/javascripts/application.js +17 -0
  187. data/lib/generators/disco_app/templates/assets/javascripts/components.js +3 -0
  188. data/lib/generators/disco_app/templates/assets/stylesheets/application.scss +5 -0
  189. data/lib/generators/disco_app/templates/config/database.yml.tt +20 -0
  190. data/lib/generators/disco_app/templates/config/newrelic.yml +26 -0
  191. data/lib/generators/disco_app/templates/config/puma.rb +15 -0
  192. data/lib/generators/disco_app/templates/controllers/home_controller.rb +7 -0
  193. data/lib/generators/disco_app/templates/initializers/disco_app.rb +28 -0
  194. data/lib/generators/disco_app/templates/initializers/rollbar.rb +19 -0
  195. data/lib/generators/disco_app/templates/initializers/session_store.rb +2 -0
  196. data/lib/generators/disco_app/templates/initializers/shopify_app.rb +7 -0
  197. data/lib/generators/disco_app/templates/initializers/shopify_session_repository.rb +7 -0
  198. data/lib/generators/disco_app/templates/root/CHECKS +4 -0
  199. data/lib/generators/disco_app/templates/root/Procfile +2 -0
  200. data/lib/generators/disco_app/templates/views/home/index.html.erb +2 -0
  201. data/lib/tasks/carrier_service.rake +10 -0
  202. data/lib/tasks/database.rake +8 -0
  203. data/lib/tasks/sessions.rake +9 -0
  204. data/lib/tasks/shops.rake +10 -0
  205. data/lib/tasks/start.rake +3 -0
  206. data/lib/tasks/webhooks.rake +10 -0
  207. data/test/controllers/disco_app/admin/shops_controller_test.rb +54 -0
  208. data/test/controllers/disco_app/charges_controller_test.rb +99 -0
  209. data/test/controllers/disco_app/install_controller_test.rb +50 -0
  210. data/test/controllers/disco_app/subscriptions_controller_test.rb +68 -0
  211. data/test/controllers/disco_app/webhooks_controller_test.rb +58 -0
  212. data/test/controllers/home_controller_test.rb +92 -0
  213. data/test/controllers/proxy_controller_test.rb +42 -0
  214. data/test/disco_app_test.rb +7 -0
  215. data/test/dummy/Rakefile +6 -0
  216. data/test/dummy/app/assets/javascripts/application.js +17 -0
  217. data/test/dummy/app/assets/stylesheets/application.scss +5 -0
  218. data/test/dummy/app/controllers/application_controller.rb +6 -0
  219. data/test/dummy/app/controllers/carrier_request_controller.rb +10 -0
  220. data/test/dummy/app/controllers/disco_app/admin/shops_controller.rb +8 -0
  221. data/test/dummy/app/controllers/home_controller.rb +7 -0
  222. data/test/dummy/app/controllers/proxy_controller.rb +8 -0
  223. data/test/dummy/app/helpers/application_helper.rb +2 -0
  224. data/test/dummy/app/jobs/disco_app/app_installed_job.rb +16 -0
  225. data/test/dummy/app/jobs/disco_app/app_uninstalled_job.rb +11 -0
  226. data/test/dummy/app/jobs/products_create_job.rb +7 -0
  227. data/test/dummy/app/jobs/products_delete_job.rb +7 -0
  228. data/test/dummy/app/jobs/products_update_job.rb +7 -0
  229. data/test/dummy/app/models/disco_app/shop.rb +15 -0
  230. data/test/dummy/app/models/js_configuration.rb +8 -0
  231. data/test/dummy/app/models/product.rb +9 -0
  232. data/test/dummy/app/models/widget_configuration.rb +10 -0
  233. data/test/dummy/app/views/assets/script_tag.js.erb +1 -0
  234. data/test/dummy/app/views/assets/test.js.erb +1 -0
  235. data/test/dummy/app/views/assets/widget.js.erb +2 -0
  236. data/test/dummy/app/views/assets/widget.scss.erb +3 -0
  237. data/test/dummy/app/views/home/index.html.erb +2 -0
  238. data/test/dummy/app/views/snippets/widget.liquid.erb +1 -0
  239. data/test/dummy/bin/bundle +3 -0
  240. data/test/dummy/bin/rails +4 -0
  241. data/test/dummy/bin/rake +4 -0
  242. data/test/dummy/bin/setup +29 -0
  243. data/test/dummy/config/application.rb +38 -0
  244. data/test/dummy/config/boot.rb +5 -0
  245. data/test/dummy/config/database.codeship.yml +23 -0
  246. data/test/dummy/config/database.gitlab-ci.yml +24 -0
  247. data/test/dummy/config/database.yml +20 -0
  248. data/test/dummy/config/environment.rb +5 -0
  249. data/test/dummy/config/environments/development.rb +41 -0
  250. data/test/dummy/config/environments/production.rb +85 -0
  251. data/test/dummy/config/environments/test.rb +42 -0
  252. data/test/dummy/config/initializers/assets.rb +11 -0
  253. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  254. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  255. data/test/dummy/config/initializers/disco_app.rb +28 -0
  256. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  257. data/test/dummy/config/initializers/inflections.rb +16 -0
  258. data/test/dummy/config/initializers/mime_types.rb +4 -0
  259. data/test/dummy/config/initializers/omniauth.rb +9 -0
  260. data/test/dummy/config/initializers/session_store.rb +2 -0
  261. data/test/dummy/config/initializers/shopify_app.rb +7 -0
  262. data/test/dummy/config/initializers/shopify_session_repository.rb +7 -0
  263. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  264. data/test/dummy/config/locales/en.yml +23 -0
  265. data/test/dummy/config/routes.rb +11 -0
  266. data/test/dummy/config/secrets.yml +22 -0
  267. data/test/dummy/config.ru +4 -0
  268. data/test/dummy/db/migrate/20160307182229_create_products.rb +11 -0
  269. data/test/dummy/db/migrate/20160530160739_create_asset_models.rb +19 -0
  270. data/test/dummy/db/schema.rb +141 -0
  271. data/test/dummy/public/404.html +67 -0
  272. data/test/dummy/public/422.html +67 -0
  273. data/test/dummy/public/500.html +66 -0
  274. data/test/dummy/public/favicon.ico +0 -0
  275. data/test/fixtures/api/widget_store/assets/create_script_tag_js_request.json +6 -0
  276. data/test/fixtures/api/widget_store/assets/create_script_tag_js_response.json +12 -0
  277. data/test/fixtures/api/widget_store/assets/create_script_tag_request.json +6 -0
  278. data/test/fixtures/api/widget_store/assets/create_script_tag_response.json +10 -0
  279. data/test/fixtures/api/widget_store/assets/create_test_js_request.json +6 -0
  280. data/test/fixtures/api/widget_store/assets/create_test_js_response.json +12 -0
  281. data/test/fixtures/api/widget_store/assets/create_widget_js_request.json +6 -0
  282. data/test/fixtures/api/widget_store/assets/create_widget_js_response.json +12 -0
  283. data/test/fixtures/api/widget_store/assets/create_widget_liquid_request.json +6 -0
  284. data/test/fixtures/api/widget_store/assets/create_widget_liquid_response.json +12 -0
  285. data/test/fixtures/api/widget_store/assets/create_widget_scss_request.json +6 -0
  286. data/test/fixtures/api/widget_store/assets/create_widget_scss_response.json +12 -0
  287. data/test/fixtures/api/widget_store/assets/get_script_tags_empty_request.json +1 -0
  288. data/test/fixtures/api/widget_store/assets/get_script_tags_empty_response.json +1 -0
  289. data/test/fixtures/api/widget_store/assets/get_script_tags_preexisting_request.json +1 -0
  290. data/test/fixtures/api/widget_store/assets/get_script_tags_preexisting_response.json +12 -0
  291. data/test/fixtures/api/widget_store/assets/update_script_tag_request.json +10 -0
  292. data/test/fixtures/api/widget_store/assets/update_script_tag_response.json +10 -0
  293. data/test/fixtures/api/widget_store/carrier_services.json +1 -0
  294. data/test/fixtures/api/widget_store/carrier_services_create.json +8 -0
  295. data/test/fixtures/api/widget_store/charges/activate_application_charge_request.json +16 -0
  296. data/test/fixtures/api/widget_store/charges/activate_application_charge_response.json +1 -0
  297. data/test/fixtures/api/widget_store/charges/activate_recurring_application_charge_request.json +20 -0
  298. data/test/fixtures/api/widget_store/charges/activate_recurring_application_charge_response.json +1 -0
  299. data/test/fixtures/api/widget_store/charges/create_application_charge_request.json +9 -0
  300. data/test/fixtures/api/widget_store/charges/create_application_charge_response.json +16 -0
  301. data/test/fixtures/api/widget_store/charges/create_recurring_application_charge_request.json +9 -0
  302. data/test/fixtures/api/widget_store/charges/create_recurring_application_charge_response.json +20 -0
  303. data/test/fixtures/api/widget_store/charges/create_second_recurring_application_charge_request.json +9 -0
  304. data/test/fixtures/api/widget_store/charges/create_second_recurring_application_charge_response.json +20 -0
  305. data/test/fixtures/api/widget_store/charges/get_accepted_application_charge_response.json +16 -0
  306. data/test/fixtures/api/widget_store/charges/get_accepted_recurring_application_charge_response.json +20 -0
  307. data/test/fixtures/api/widget_store/charges/get_declined_application_charge_response.json +16 -0
  308. data/test/fixtures/api/widget_store/charges/get_declined_recurring_application_charge_response.json +20 -0
  309. data/test/fixtures/api/widget_store/charges/get_pending_application_charge_response.json +16 -0
  310. data/test/fixtures/api/widget_store/charges/get_pending_recurring_application_charge_response.json +20 -0
  311. data/test/fixtures/api/widget_store/products/write_metafields_multiple_namespaces_request.json +31 -0
  312. data/test/fixtures/api/widget_store/products/write_metafields_multiple_namespaces_response.json +1 -0
  313. data/test/fixtures/api/widget_store/products/write_metafields_single_namespace_request.json +19 -0
  314. data/test/fixtures/api/widget_store/products/write_metafields_single_namespace_response.json +1 -0
  315. data/test/fixtures/api/widget_store/shop.json +46 -0
  316. data/test/fixtures/api/widget_store/webhooks.json +1 -0
  317. data/test/fixtures/assets/test.js +1 -0
  318. data/test/fixtures/assets/test.min.js +1 -0
  319. data/test/fixtures/disco_app/application_charges.yml +11 -0
  320. data/test/fixtures/disco_app/plan_codes.yml +13 -0
  321. data/test/fixtures/disco_app/plans.yml +37 -0
  322. data/test/fixtures/disco_app/recurring_application_charges.yml +11 -0
  323. data/test/fixtures/disco_app/shops.yml +10 -0
  324. data/test/fixtures/disco_app/subscriptions.yml +22 -0
  325. data/test/fixtures/js_configurations.yml +3 -0
  326. data/test/fixtures/liquid/model.liquid +8 -0
  327. data/test/fixtures/products.yml +4 -0
  328. data/test/fixtures/webhooks/app_uninstalled.json +46 -0
  329. data/test/fixtures/webhooks/product_created.json +167 -0
  330. data/test/fixtures/webhooks/product_deleted.json +3 -0
  331. data/test/fixtures/webhooks/product_updated.json +167 -0
  332. data/test/fixtures/widget_configurations.yml +4 -0
  333. data/test/integration/synchronises_test.rb +55 -0
  334. data/test/jobs/disco_app/app_installed_job_test.rb +57 -0
  335. data/test/jobs/disco_app/app_uninstalled_job_test.rb +30 -0
  336. data/test/jobs/disco_app/synchronise_carrier_service_job_test.rb +25 -0
  337. data/test/jobs/disco_app/synchronise_webhooks_job_test.rb +30 -0
  338. data/test/models/disco_app/can_be_liquified_test.rb +55 -0
  339. data/test/models/disco_app/has_metafields_test.rb +40 -0
  340. data/test/models/disco_app/plan_test.rb +5 -0
  341. data/test/models/disco_app/renders_assets_test.rb +109 -0
  342. data/test/models/disco_app/session_test.rb +31 -0
  343. data/test/models/disco_app/shop_test.rb +35 -0
  344. data/test/models/disco_app/subscription_test.rb +19 -0
  345. data/test/services/disco_app/charges_service_test.rb +112 -0
  346. data/test/services/disco_app/subscription_service_test.rb +60 -0
  347. data/test/support/test_file_fixtures.rb +29 -0
  348. data/test/support/test_shopify_api.rb +16 -0
  349. data/test/test_helper.rb +55 -0
  350. metadata +857 -0
@@ -0,0 +1,5113 @@
1
+ //
2
+ // ui-kit.scss
3
+ // The Shopify UI Kit provided in the Channels SDK.
4
+ // --------------------------------------------------
5
+
6
+ .block {
7
+ display: block !important;
8
+ }
9
+
10
+ .is-visuallyhidden, .ui-helper-hidden-accessible {
11
+ border: 0;
12
+ clip: rect(0 0 0 0);
13
+ height: 1px;
14
+ margin: -1px;
15
+ overflow: hidden;
16
+ padding: 0;
17
+ position: absolute;
18
+ width: 1px;
19
+ }
20
+
21
+ .is-transitioning {
22
+ display: block !important;
23
+ visibility: visible !important;
24
+ }
25
+
26
+ .inline {
27
+ display: inline !important;
28
+ width: auto !important;
29
+ }
30
+
31
+ .inline-block {
32
+ display: inline-block !important;
33
+ }
34
+
35
+ .table {
36
+ display: table !important;
37
+ }
38
+
39
+ .table-cell {
40
+ display: table-cell !important;
41
+ }
42
+
43
+ .hide {
44
+ display: none !important;
45
+ }
46
+
47
+ .divider {
48
+ margin-bottom: 15px !important;
49
+ padding-bottom: 15px !important;
50
+ border-bottom: 1px solid #e6e6e6 !important;
51
+ }
52
+
53
+ .divider-slim {
54
+ margin-bottom: 10px !important;
55
+ padding-bottom: 10px !important;
56
+ border-bottom: 1px solid #e6e6e6 !important;
57
+ }
58
+
59
+ .divider-top {
60
+ margin-top: 15px !important;
61
+ padding-top: 15px !important;
62
+ border-top: 1px solid #e6e6e6 !important;
63
+ }
64
+
65
+ .s-none {
66
+ margin: 0 !important;
67
+ }
68
+
69
+ .s {
70
+ margin: 10px !important;
71
+ }
72
+
73
+ .ss {
74
+ margin: 20px !important;
75
+ }
76
+
77
+ .st {
78
+ margin-top: 10px !important;
79
+ }
80
+
81
+ .sst {
82
+ margin-top: 20px !important;
83
+ }
84
+
85
+ .sr {
86
+ margin-right: 10px !important;
87
+ }
88
+
89
+ .ssr {
90
+ margin-right: 20px !important;
91
+ }
92
+
93
+ .sb {
94
+ margin-bottom: 10px !important;
95
+ }
96
+
97
+ .has-inline-errors .sb {
98
+ position: relative;
99
+ }
100
+
101
+ .ssb {
102
+ margin-bottom: 15px !important;
103
+ }
104
+
105
+ .ssb--thin {
106
+ margin-bottom: 7px !important;
107
+ }
108
+
109
+ .sssb {
110
+ margin-bottom: 30px !important;
111
+ }
112
+
113
+ .sl {
114
+ margin-left: 10px !important;
115
+ }
116
+
117
+ .ssl {
118
+ margin-left: 20px !important;
119
+ }
120
+
121
+ .p-none {
122
+ padding: 0 !important;
123
+ }
124
+
125
+ .pt-none {
126
+ padding-top: 0 !important;
127
+ }
128
+
129
+ .pr-none {
130
+ padding-right: 0 !important;
131
+ }
132
+
133
+ .pl-none {
134
+ padding-left: 0 !important;
135
+ }
136
+
137
+ .p {
138
+ padding: 10px !important;
139
+ }
140
+
141
+ .pp {
142
+ padding: 20px !important;
143
+ }
144
+
145
+ .pt {
146
+ padding-top: 10px !important;
147
+ }
148
+
149
+ .ppt {
150
+ padding-top: 20px !important;
151
+ }
152
+
153
+ .pppt {
154
+ padding-top: 30px !important;
155
+ }
156
+
157
+ .pr {
158
+ padding-right: 10px !important;
159
+ }
160
+
161
+ .ppr {
162
+ padding-right: 20px !important;
163
+ }
164
+
165
+ .pb {
166
+ padding-bottom: 10px !important;
167
+ }
168
+
169
+ .ppb {
170
+ padding-bottom: 20px !important;
171
+ }
172
+
173
+ .pl {
174
+ padding-left: 10px !important;
175
+ }
176
+
177
+ .ppl {
178
+ padding-left: 20px !important;
179
+ }
180
+
181
+ .pppl {
182
+ padding-left: 30px !important;
183
+ }
184
+
185
+ .p-rel {
186
+ position: relative !important;
187
+ }
188
+
189
+ .no-wrap {
190
+ white-space: nowrap !important;
191
+ }
192
+
193
+ .w-auto {
194
+ width: auto !important;
195
+ }
196
+
197
+ .fr {
198
+ float: right !important;
199
+ }
200
+
201
+ .fl {
202
+ float: left !important;
203
+ }
204
+
205
+ .fn {
206
+ float: none !important;
207
+ }
208
+
209
+ .tr {
210
+ text-align: right !important;
211
+ }
212
+
213
+ .tl {
214
+ text-align: left !important;
215
+ }
216
+
217
+ .tc {
218
+ text-align: center !important;
219
+ }
220
+
221
+ .wait {
222
+ cursor: wait !important;
223
+ }
224
+
225
+ .pointer {
226
+ cursor: pointer !important;
227
+ }
228
+
229
+ .cursor-default {
230
+ cursor: default;
231
+ }
232
+
233
+ .va-t {
234
+ vertical-align: top !important;
235
+ }
236
+
237
+ .va-m {
238
+ vertical-align: middle !important;
239
+ }
240
+
241
+ .relative {
242
+ position: relative;
243
+ }
244
+
245
+ .fixed {
246
+ position: fixed !important;
247
+ }
248
+
249
+ .updated {
250
+ background: #f3eab5;
251
+ color: #ce6416;
252
+ }
253
+
254
+ .underline {
255
+ text-decoration: underline;
256
+ }
257
+
258
+ .mono {
259
+ font-family: Monaco, Consolas, "Lucida Console", monospace;
260
+ }
261
+
262
+ .uppercase {
263
+ text-transform: uppercase;
264
+ }
265
+
266
+ .dashed-text {
267
+ border-bottom: 1px dashed #ccc;
268
+ }
269
+
270
+ @media screen and (max-width: 1200px) {
271
+ .truncate::before {
272
+ content: "...";
273
+ }
274
+ .truncate .is-truncated {
275
+ display: none;
276
+ }
277
+ }
278
+
279
+ .paragraph p {
280
+ margin-bottom: 10px;
281
+ }
282
+
283
+ .paragraph p:last-child {
284
+ margin-bottom: 0;
285
+ }
286
+
287
+ .paragraph ol, .paragraph ul {
288
+ margin-left: 20px;
289
+ }
290
+
291
+ .paragraph li {
292
+ margin: 5px 0;
293
+ }
294
+
295
+ .paragraph li li {
296
+ margin: 8px 0;
297
+ line-height: 1.2;
298
+ }
299
+
300
+ .paragraph ul li {
301
+ list-style-type: square;
302
+ }
303
+
304
+ .paragraph ul li li {
305
+ list-style-type: circle;
306
+ }
307
+
308
+ .ir {
309
+ border: 0;
310
+ font: 0/0 a;
311
+ text-shadow: none;
312
+ color: transparent;
313
+ background-color: transparent;
314
+ }
315
+
316
+ .top {
317
+ top: 0;
318
+ }
319
+
320
+ .animate.animate-rotate {
321
+ -webkit-animation: rotating 1s linear infinite;
322
+ animation: rotating 1s linear infinite;
323
+ }
324
+
325
+ .helper--kill-transitions {
326
+ -webkit-transition: none;
327
+ transition: none;
328
+ }
329
+
330
+ .helper--visually-hidden {
331
+ position: absolute !important;
332
+ clip: rect(1px, 1px, 1px, 1px) !important;
333
+ padding: 0 !important;
334
+ border: 0 !important;
335
+ height: 1px !important;
336
+ width: 1px !important;
337
+ overflow: hidden !important;
338
+ }
339
+
340
+ .body:hover .helper--visually-hidden a,
341
+ .body:hover .helper--visually-hidden input,
342
+ .body:hover .helper--visually-hidden button {
343
+ display: none !important;
344
+ }
345
+
346
+ .helper--visually-hidden-focusable {
347
+ position: absolute !important;
348
+ clip: rect(1px, 1px, 1px, 1px) !important;
349
+ padding: 0 !important;
350
+ border: 0 !important;
351
+ height: 1px !important;
352
+ width: 1px !important;
353
+ overflow: hidden !important;
354
+ }
355
+
356
+ .body:hover .helper--visually-hidden-focusable a,
357
+ .body:hover .helper--visually-hidden-focusable input,
358
+ .body:hover .helper--visually-hidden-focusable button {
359
+ display: none !important;
360
+ }
361
+
362
+ .helper--visually-hidden-focusable:active, .helper--visually-hidden-focusable:focus {
363
+ clip: auto !important;
364
+ height: auto !important;
365
+ margin: 0 !important;
366
+ overflow: visible !important;
367
+ width: auto !important;
368
+ }
369
+
370
+ .helper--overflow-hidden {
371
+ overflow: hidden !important;
372
+ max-height: 100vh !important;
373
+ }
374
+
375
+ .helper--pre-wrap {
376
+ white-space: pre-wrap;
377
+ }
378
+
379
+ .helper--scroll-lock {
380
+ overflow-y: scroll;
381
+ margin: 0;
382
+ }
383
+
384
+ .helper--scroll-lock #wrapper {
385
+ overflow: hidden;
386
+ height: 100%;
387
+ }
388
+
389
+ hr.helper--divider {
390
+ color: #ebeef0;
391
+ background: #ebeef0;
392
+ border: none;
393
+ height: 1px;
394
+ margin: 20px 0;
395
+ }
396
+
397
+ html {
398
+ font-size: 87.5%;
399
+ -webkit-text-size-adjust: 100%;
400
+ -ms-text-size-adjust: 100%;
401
+ text-size-adjust: 100%;
402
+ text-rendering: optimizeLegibility;
403
+ }
404
+
405
+ body {
406
+ color: rgba(0,0,0,0.9);
407
+ font-size: 1.07143rem;
408
+ line-height: 1.42857rem;
409
+ font-weight: 400;
410
+ text-transform: initial;
411
+ letter-spacing: initial;
412
+ -webkit-font-smoothing: antialiased;
413
+ -moz-osx-font-smoothing: grayscale;
414
+ font-family: $font-family;
415
+
416
+ @media screen and (min-width: 640px) {
417
+ font-size: 1rem;
418
+ }
419
+ }
420
+
421
+ strong {
422
+ font-weight: bold;
423
+ }
424
+
425
+ a {
426
+ text-decoration: none;
427
+ color: #0078bd;
428
+ cursor: pointer;
429
+ }
430
+
431
+ a:hover {
432
+ color: #0069a6;
433
+ text-decoration: underline;
434
+ }
435
+
436
+ a.is-disabled {
437
+ color: #95a7b7;
438
+ pointer-events: none;
439
+ }
440
+
441
+ h1, h2, h3, h4, h5, h6 {
442
+ color: #212529;
443
+ font-weight: 400;
444
+ margin: 0;
445
+ }
446
+
447
+ h1 {
448
+ font-size: 26px;
449
+ line-height: 1;
450
+ }
451
+
452
+ h2 {
453
+ font-size: 18px;
454
+ }
455
+
456
+ h3 {
457
+ font-size: 13px;
458
+ }
459
+
460
+ h4 {
461
+ font-size: 13px;
462
+ }
463
+
464
+ h5 {
465
+ font-size: 13px;
466
+ }
467
+
468
+ h6 {
469
+ font-size: 13px;
470
+ }
471
+
472
+ p {
473
+ margin: 0;
474
+ }
475
+
476
+ ul {
477
+ list-style: disc inside none;
478
+ }
479
+
480
+ ol {
481
+ list-style: decimal inside none;
482
+ }
483
+
484
+ ol[type='1'] {
485
+ list-style-type: decimal inside none;
486
+ }
487
+
488
+ ol[type='a'] {
489
+ list-style-type: lower-alpha inside none;
490
+ }
491
+
492
+ ol[type='A'] {
493
+ list-style-type: upper-alpha inside none;
494
+ }
495
+
496
+ ol[type='i'] {
497
+ list-style-type: lower-roman inside none;
498
+ }
499
+
500
+ ol[type='I'] {
501
+ list-style-type: upper-roman inside none;
502
+ }
503
+
504
+ li {
505
+ margin: 0;
506
+ }
507
+
508
+ dt {
509
+ font-weight: bold;
510
+ }
511
+
512
+ dd {
513
+ margin-left: 10px;
514
+ }
515
+
516
+ pre, code {
517
+ font-family: Monaco, Consolas, "Lucida Console", monospace;
518
+ }
519
+
520
+ pre {
521
+ font-size: 90%;
522
+ }
523
+
524
+ code {
525
+ font-size: 85%;
526
+ background: #ebeef0;
527
+ padding: 2px;
528
+ }
529
+
530
+ input {
531
+ font-size: 13px;
532
+ line-height: 18px;
533
+ font-family: $font-family;
534
+ }
535
+
536
+ del {
537
+ text-decoration: line-through;
538
+ }
539
+
540
+ address {
541
+ font-style: normal;
542
+ }
543
+
544
+ small {
545
+ color: #798c9c;
546
+ font-size: 11px;
547
+ }
548
+
549
+ .next-type--note {
550
+ font-style: italic;
551
+ font-size: 12px;
552
+ color: #95a7b7;
553
+ }
554
+
555
+ .type--no-margin {
556
+ margin: 0;
557
+ }
558
+
559
+ .type--margin-bottom {
560
+ margin-bottom: 5px;
561
+ }
562
+
563
+ .type--margin-left {
564
+ margin-left: 10px;
565
+ }
566
+
567
+ .type--centered {
568
+ text-align: center;
569
+ }
570
+
571
+ .type--right {
572
+ text-align: right;
573
+ }
574
+
575
+ .type--left {
576
+ text-align: left;
577
+ }
578
+
579
+ .type--breakword {
580
+ word-wrap: break-word;
581
+ word-break: break-word;
582
+ }
583
+
584
+ .type--light-weight {
585
+ font-weight: 300;
586
+ }
587
+
588
+ .type--semi-bold {
589
+ font-weight: 500;
590
+ }
591
+
592
+ .type--bold {
593
+ font-weight: 700;
594
+ }
595
+
596
+ .type--base {
597
+ font-size: 13px;
598
+ }
599
+
600
+ .type--danger {
601
+ color: #ff5d5d;
602
+ }
603
+
604
+ .type--warning {
605
+ color: #ff9517;
606
+ }
607
+
608
+ .type--success,
609
+ .type--blog-category,
610
+ a.type--blog-category:hover,
611
+ a.type--blog-category:active {
612
+ color: #96bf48;
613
+ }
614
+
615
+ .type--attention {
616
+ color: #d4a002;
617
+ }
618
+
619
+ .type--info {
620
+ color: #0078bd;
621
+ }
622
+
623
+ .type--white {
624
+ color: #ffffff;
625
+ }
626
+
627
+ .type--blue-lighter {
628
+ color: #cae9f7;
629
+ }
630
+
631
+ .type--strikethrough {
632
+ text-decoration: line-through;
633
+ }
634
+
635
+ .type--line-height-equal-to-font {
636
+ line-height: 1 !important;
637
+ }
638
+
639
+ .type--tight-spacing {
640
+ margin-bottom: -4px;
641
+ }
642
+
643
+ .type--subdued {
644
+ color: #798c9c;
645
+ }
646
+
647
+ a.type--subdued {
648
+ color: inherit;
649
+ text-decoration: underline;
650
+ }
651
+
652
+ a.type--subdued:hover {
653
+ color: #272c30;
654
+ }
655
+
656
+ .type--truncated {
657
+ white-space: nowrap;
658
+ overflow: hidden;
659
+ text-overflow: ellipsis;
660
+ max-width: 100%;
661
+ display: inline-block;
662
+ }
663
+
664
+ .type--truncated--block {
665
+ display: block;
666
+ }
667
+
668
+ .type--half-margin {
669
+ margin-bottom: 10px;
670
+ }
671
+
672
+ .type--half-margin-top {
673
+ margin-top: 10px;
674
+ }
675
+
676
+ .type--quarter-margin {
677
+ margin-bottom: 5px;
678
+ }
679
+
680
+ .type--number {
681
+ font-weight: 300;
682
+ font-size: 18px;
683
+ line-height: 1.2em;
684
+ }
685
+
686
+ .type--number--x-large {
687
+ font-size: 32px;
688
+ }
689
+
690
+ .type--number--large {
691
+ font-size: 24px;
692
+ }
693
+
694
+ .type--number--small {
695
+ font-weight: 400;
696
+ font-size: 15px;
697
+ }
698
+
699
+ .type--number--tiny {
700
+ font-weight: 400;
701
+ font-size: 13px;
702
+ }
703
+
704
+ .layout-content {
705
+ display: -webkit-box;
706
+ display: -webkit-flex;
707
+ display: -ms-flexbox;
708
+ display: flex;
709
+ }
710
+
711
+ .layout-content__sidebar {
712
+ padding: 20px;
713
+ -webkit-box-flex: 1;
714
+ -webkit-flex: 1 1 25%;
715
+ -ms-flex: 1 1 25%;
716
+ flex: 1 1 25%;
717
+ max-width: 25%;
718
+ }
719
+
720
+ .layout-content__main {
721
+ padding: 20px;
722
+ -webkit-box-flex: 1;
723
+ -webkit-flex: 1 1 0%;
724
+ -ms-flex: 1 1 0%;
725
+ flex: 1 1 0%;
726
+ }
727
+
728
+ .layout-content__first {
729
+ padding-right: 0;
730
+ }
731
+
732
+ .layout-content__no-padding {
733
+ padding: 0;
734
+ }
735
+
736
+ .layout-content--single-column {
737
+ display: block;
738
+ }
739
+
740
+ .layout-content--single-column > .layout-content__sidebar,
741
+ .layout-content--single-column > .layout-content__main {
742
+ max-width: 100%;
743
+ padding: 0 10px;
744
+ }
745
+
746
+ .layout-content--single-column > .layout-content__sidebar > .section-content > .next-grid,
747
+ .layout-content--single-column > .layout-content__main > .section-content > .next-grid {
748
+ width: 100%;
749
+ padding: 0;
750
+ }
751
+
752
+ .layout-content--single-column > .layout-content__sidebar > .section-content > .next-grid > .next-grid__cell,
753
+ .layout-content--single-column > .layout-content__main > .section-content > .next-grid > .next-grid__cell {
754
+ padding-top: 0;
755
+ }
756
+
757
+ .layout-content--single-column .layout-content__first {
758
+ padding: 0 0 10px 0;
759
+ }
760
+
761
+ .layout-content--single-column .section-summary {
762
+ padding: 30px 20px 10px 30px !important;
763
+ }
764
+
765
+ .next-grid--equal-height-cells > .next-grid__cell, .next-grid__cell--full-height {
766
+ -webkit-align-self: stretch;
767
+ -ms-flex-item-align: stretch;
768
+ align-self: stretch;
769
+ display: -webkit-box;
770
+ display: -webkit-flex;
771
+ display: -ms-flexbox;
772
+ display: flex;
773
+ -webkit-box-orient: vertical;
774
+ -webkit-box-direction: normal;
775
+ -webkit-flex-direction: column;
776
+ -ms-flex-direction: column;
777
+ flex-direction: column;
778
+ }
779
+
780
+ .next-grid--equal-height-cells > .next-grid__cell > *, .next-grid__cell--full-height > * {
781
+ -webkit-box-flex: 1;
782
+ -webkit-flex-grow: 1;
783
+ -ms-flex-positive: 1;
784
+ flex-grow: 1;
785
+ }
786
+
787
+ .next-grid {
788
+ display: -webkit-box;
789
+ display: -webkit-flex;
790
+ display: -ms-flexbox;
791
+ display: flex;
792
+ width: calc(100% - 20px);
793
+ margin: 0 auto;
794
+ box-sizing: border-box;
795
+ padding-top: 10px;
796
+ }
797
+
798
+ .next-grid ~ .next-grid {
799
+ padding-top: 0;
800
+ }
801
+
802
+ .next-grid:last-of-type {
803
+ padding-bottom: 10px;
804
+ }
805
+
806
+ .next-grid.next-grid--single-column {
807
+ display: block;
808
+ }
809
+
810
+ .next-grid.next-grid--single-column > .next-grid__cell {
811
+ max-width: 100%;
812
+ padding-left: 0;
813
+ padding-right: 0;
814
+ }
815
+
816
+ .next-grid.next-grid--channel-single-column {
817
+ display: block;
818
+ }
819
+
820
+ .next-grid.next-grid--channel-single-column > .next-grid__cell {
821
+ max-width: 100%;
822
+ }
823
+
824
+ .next-grid__cell > .next-grid {
825
+ width: 100%;
826
+ padding: 0;
827
+ }
828
+
829
+ .next-grid__cell > .next-grid .next-grid__cell:first-child {
830
+ padding-left: 0;
831
+ }
832
+
833
+ .next-grid__cell > .next-grid .next-grid__cell:last-child {
834
+ padding-right: 0;
835
+ }
836
+
837
+ .next-grid--no-padding {
838
+ width: 100%;
839
+ }
840
+
841
+ .next-grid--no-padding:first-of-type, .next-grid--no-padding:last-of-type {
842
+ padding: 0;
843
+ }
844
+
845
+ .next-grid--no-padding > .next-grid__cell {
846
+ padding: 0;
847
+ }
848
+
849
+ .next-grid--no-outside-padding {
850
+ width: 100%;
851
+ padding: 0;
852
+ }
853
+
854
+ .next-grid--no-outside-padding:last-of-type {
855
+ padding: 0;
856
+ }
857
+
858
+ .next-grid--no-outside-padding > .next-grid__cell {
859
+ padding-top: 0;
860
+ padding-bottom: 0;
861
+ }
862
+
863
+ .next-grid--no-outside-padding > .next-grid__cell:first-of-type {
864
+ padding-left: 0;
865
+ }
866
+
867
+ .next-grid--no-outside-padding > .next-grid__cell:last-of-type {
868
+ padding-right: 0;
869
+ }
870
+
871
+ .next-grid--no-outside-padding + .next-grid--no-outside-padding {
872
+ margin-top: 20px;
873
+ }
874
+
875
+ .next-grid--no-outside-padding + * > .next-grid--no-outside-padding:first-child {
876
+ margin-top: 20px;
877
+ }
878
+
879
+ .next-grid--compact > .next-grid__cell {
880
+ padding-left: 5px;
881
+ padding-right: 5px;
882
+ }
883
+
884
+ .next-grid--more-compact > .next-grid__cell {
885
+ padding-left: 3px;
886
+ padding-right: 3px;
887
+ }
888
+
889
+ .next-grid--column {
890
+ -webkit-box-orient: vertical;
891
+ -webkit-box-direction: normal;
892
+ -webkit-flex-direction: column;
893
+ -ms-flex-direction: column;
894
+ flex-direction: column;
895
+ }
896
+
897
+ .next-grid--column > .next-grid__cell {
898
+ padding: 10px 0;
899
+ -webkit-box-flex: 1;
900
+ -webkit-flex: 1 1 auto;
901
+ -ms-flex: 1 1 auto;
902
+ flex: 1 1 auto;
903
+ }
904
+
905
+ .next-grid--column > .next-grid__cell:first-child {
906
+ padding-top: 0;
907
+ }
908
+
909
+ .next-grid--column > .next-grid__cell:last-child {
910
+ padding-bottom: 0;
911
+ }
912
+
913
+ .next-grid--column.next-grid--compact > .next-grid__cell {
914
+ padding: 5px 0;
915
+ }
916
+
917
+ .next-grid--column.next-grid--compact > .next-grid__cell:first-child {
918
+ padding-top: 0;
919
+ }
920
+
921
+ .next-grid--column.next-grid--compact > .next-grid__cell:last-child {
922
+ padding-bottom: 0;
923
+ }
924
+
925
+ .next-grid--column.next-grid--no-padding > .next-grid__cell {
926
+ padding: 0;
927
+ }
928
+
929
+ .next-grid--column.next-grid--more-compact > .next-grid__cell {
930
+ padding: 3px 0;
931
+ }
932
+
933
+ .next-grid--no-horizontal-padding {
934
+ width: 100%;
935
+ }
936
+
937
+ .next-grid--no-horizontal-padding > .next-grid__cell:first-of-type {
938
+ padding-left: 0;
939
+ }
940
+
941
+ .next-grid--no-horizontal-padding > .next-grid__cell:last-of-type {
942
+ padding-right: 0;
943
+ }
944
+
945
+ .next-grid--condensed-page-spacing {
946
+ width: 100%;
947
+ padding: 0;
948
+ }
949
+
950
+ .next-grid--vertically-centered, .next-grid--center-both {
951
+ -webkit-box-align: center;
952
+ -webkit-align-items: center;
953
+ -ms-flex-align: center;
954
+ align-items: center;
955
+ }
956
+
957
+ .next-grid--aligned-to-end {
958
+ -webkit-box-align: end;
959
+ -webkit-align-items: flex-end;
960
+ -ms-flex-align: end;
961
+ align-items: flex-end;
962
+ }
963
+
964
+ .next-grid--aligned-to-baseline {
965
+ -webkit-box-align: baseline;
966
+ -webkit-align-items: baseline;
967
+ -ms-flex-align: baseline;
968
+ align-items: baseline;
969
+ }
970
+
971
+ .next-grid--right-aligned {
972
+ -webkit-box-pack: end;
973
+ -webkit-justify-content: flex-end;
974
+ -ms-flex-pack: end;
975
+ justify-content: flex-end;
976
+ }
977
+
978
+ .next-grid--center-aligned, .next-grid--center-both {
979
+ -webkit-box-pack: center;
980
+ -webkit-justify-content: center;
981
+ -ms-flex-pack: center;
982
+ justify-content: center;
983
+ }
984
+
985
+ .next-grid--space-between {
986
+ -webkit-box-pack: justify;
987
+ -webkit-justify-content: space-between;
988
+ -ms-flex-pack: justify;
989
+ justify-content: space-between;
990
+ }
991
+
992
+ .next-grid--multi-row-special {
993
+ -webkit-flex-wrap: wrap;
994
+ -ms-flex-wrap: wrap;
995
+ flex-wrap: wrap;
996
+ }
997
+
998
+ .next-grid--multi-row-special.next-grid--single-column {
999
+ margin: 20px auto;
1000
+ }
1001
+
1002
+ .next-grid--multi-row {
1003
+ -webkit-flex-wrap: wrap;
1004
+ -ms-flex-wrap: wrap;
1005
+ flex-wrap: wrap;
1006
+ }
1007
+
1008
+ .next-grid--full-height {
1009
+ height: 100vh;
1010
+ }
1011
+
1012
+ .next-grid--margin-top {
1013
+ margin-top: 5px;
1014
+ }
1015
+
1016
+ .next-grid--margin-bottom {
1017
+ margin-bottom: 5px;
1018
+ }
1019
+
1020
+ .next-grid__cell {
1021
+ -webkit-box-flex: 1;
1022
+ -webkit-flex: 1 1 0%;
1023
+ -ms-flex: 1 1 0%;
1024
+ flex: 1 1 0%;
1025
+ padding: 10px;
1026
+ box-sizing: border-box;
1027
+ max-width: 100%;
1028
+ min-width: 0;
1029
+ }
1030
+
1031
+ .next-grid__cell--double {
1032
+ -webkit-box-flex: 2;
1033
+ -webkit-flex-grow: 2;
1034
+ -ms-flex-positive: 2;
1035
+ flex-grow: 2;
1036
+ }
1037
+
1038
+ .next-grid__cell--full {
1039
+ -webkit-box-flex: 0;
1040
+ -webkit-flex: 0 0 100%;
1041
+ -ms-flex: 0 0 100%;
1042
+ flex: 0 0 100%;
1043
+ max-width: 100%;
1044
+ }
1045
+
1046
+ .next-grid__cell--half {
1047
+ -webkit-box-flex: 0;
1048
+ -webkit-flex: 0 0 50%;
1049
+ -ms-flex: 0 0 50%;
1050
+ flex: 0 0 50%;
1051
+ max-width: 50%;
1052
+ }
1053
+
1054
+ .next-grid__cell--third {
1055
+ -webkit-box-flex: 0;
1056
+ -webkit-flex: 0 0 33.333%;
1057
+ -ms-flex: 0 0 33.333%;
1058
+ flex: 0 0 33.333%;
1059
+ max-width: 33.333%;
1060
+ }
1061
+
1062
+ .next-grid__cell--two-fifths {
1063
+ -webkit-box-flex: 0;
1064
+ -webkit-flex: 0 0 40%;
1065
+ -ms-flex: 0 0 40%;
1066
+ flex: 0 0 40%;
1067
+ max-width: 40%;
1068
+ }
1069
+
1070
+ .next-grid__cell--quarter {
1071
+ -webkit-box-flex: 0;
1072
+ -webkit-flex: 0 0 25%;
1073
+ -ms-flex: 0 0 25%;
1074
+ flex: 0 0 25%;
1075
+ max-width: 25%;
1076
+ }
1077
+
1078
+ .next-grid__cell--three-quarter {
1079
+ -webkit-box-flex: 0;
1080
+ -webkit-flex: 0 0 75%;
1081
+ -ms-flex: 0 0 75%;
1082
+ flex: 0 0 75%;
1083
+ }
1084
+
1085
+ .next-grid__cell--fifth {
1086
+ -webkit-box-flex: 0;
1087
+ -webkit-flex: 0 0 20%;
1088
+ -ms-flex: 0 0 20%;
1089
+ flex: 0 0 20%;
1090
+ max-width: 20%;
1091
+ }
1092
+
1093
+ .next-grid__cell--no-flex {
1094
+ -webkit-box-flex: 0;
1095
+ -webkit-flex: 0 0 auto;
1096
+ -ms-flex: 0 0 auto;
1097
+ flex: 0 0 auto;
1098
+ }
1099
+
1100
+ .next-grid__cell--vertically-centered {
1101
+ -webkit-align-self: center;
1102
+ -ms-flex-item-align: center;
1103
+ align-self: center;
1104
+ }
1105
+
1106
+ .next-grid__cell--aligned-to-end {
1107
+ -webkit-align-self: flex-end;
1108
+ -ms-flex-item-align: end;
1109
+ align-self: flex-end;
1110
+ }
1111
+
1112
+ .next-grid__cell--divider {
1113
+ position: relative;
1114
+ }
1115
+
1116
+ .next-grid__cell--divider::after, .next-grid__cell--divider::before {
1117
+ content: '';
1118
+ margin-left: -20px;
1119
+ position: absolute;
1120
+ top: 15px;
1121
+ bottom: 15px;
1122
+ width: 1px;
1123
+ background: #d3dbe2;
1124
+ }
1125
+
1126
+ .next-grid__cell--divider::after {
1127
+ right: 10px;
1128
+ }
1129
+
1130
+ .next-grid--inner-grid.next-grid--single-column .next-grid__cell--hide-on-mobile {
1131
+ display: none;
1132
+ }
1133
+
1134
+ .wrappable {
1135
+ display: -webkit-box;
1136
+ display: -webkit-flex;
1137
+ display: -ms-flexbox;
1138
+ display: flex;
1139
+ -webkit-flex-wrap: wrap;
1140
+ -ms-flex-wrap: wrap;
1141
+ flex-wrap: wrap;
1142
+ margin-top: -20px;
1143
+ margin-left: -20px;
1144
+ }
1145
+
1146
+ .wrappable__item {
1147
+ -webkit-box-flex: 1;
1148
+ -webkit-flex: 1 1 auto;
1149
+ -ms-flex: 1 1 auto;
1150
+ flex: 1 1 auto;
1151
+ margin-top: 20px;
1152
+ margin-left: 20px;
1153
+ }
1154
+
1155
+ .wrappable--no-spacing {
1156
+ margin-top: 0;
1157
+ }
1158
+
1159
+ .wrappable--no-spacing > .wrappable__item {
1160
+ margin-top: 0;
1161
+ }
1162
+
1163
+ .wrappable--half-spacing {
1164
+ margin-top: -10px;
1165
+ }
1166
+
1167
+ .wrappable--half-spacing > .wrappable__item {
1168
+ margin-top: 10px;
1169
+ }
1170
+
1171
+ .wrappable--double-spacing {
1172
+ margin-top: -40px;
1173
+ }
1174
+
1175
+ .wrappable--double-spacing > .wrappable__item {
1176
+ margin-top: 40px;
1177
+ }
1178
+
1179
+ .wrappable--vertically-centered {
1180
+ -webkit-box-align: center;
1181
+ -webkit-align-items: center;
1182
+ -ms-flex-align: center;
1183
+ align-items: center;
1184
+ }
1185
+
1186
+ .wrappable--bottom-aligned {
1187
+ -webkit-box-align: end;
1188
+ -webkit-align-items: flex-end;
1189
+ -ms-flex-align: end;
1190
+ align-items: flex-end;
1191
+ }
1192
+
1193
+ .wrappable--right-aligned {
1194
+ -webkit-box-pack: end;
1195
+ -webkit-justify-content: flex-end;
1196
+ -ms-flex-pack: end;
1197
+ justify-content: flex-end;
1198
+ }
1199
+
1200
+ .wrappable--half-horizontal-spacing {
1201
+ margin-left: -10px;
1202
+ }
1203
+
1204
+ .wrappable--half-horizontal-spacing > .wrappable__item {
1205
+ margin-left: 10px;
1206
+ }
1207
+
1208
+ .wrappable--quartered-horizontal-spacing {
1209
+ margin-left: -5px;
1210
+ }
1211
+
1212
+ .wrappable--quartered-horizontal-spacing > .wrappable__item {
1213
+ margin-left: 5px;
1214
+ }
1215
+
1216
+ .wrappable__item--no-flex {
1217
+ -webkit-box-flex: 0;
1218
+ -webkit-flex-grow: 0;
1219
+ -ms-flex-positive: 0;
1220
+ flex-grow: 0;
1221
+ }
1222
+
1223
+ .wrappable__item--flex-shrink {
1224
+ -webkit-flex-shrink: 1;
1225
+ -ms-flex-negative: 1;
1226
+ flex-shrink: 1;
1227
+ }
1228
+
1229
+ .ui-layout {
1230
+ max-width: 1036px;
1231
+ margin: 20px auto 0;
1232
+ }
1233
+
1234
+ .ui-layout--full-width {
1235
+ max-width: none;
1236
+ }
1237
+
1238
+ .ui-layout + .ui-layout {
1239
+ margin-top: 0;
1240
+ }
1241
+
1242
+ .ui-layout:not(:last-of-type) {
1243
+ margin-bottom: 20px;
1244
+ }
1245
+
1246
+ .ui-layout__sections {
1247
+ display: -webkit-box;
1248
+ display: -webkit-flex;
1249
+ display: -ms-flexbox;
1250
+ display: flex;
1251
+ -webkit-flex-wrap: wrap;
1252
+ -ms-flex-wrap: wrap;
1253
+ flex-wrap: wrap;
1254
+ -webkit-box-pack: center;
1255
+ -webkit-justify-content: center;
1256
+ -ms-flex-pack: center;
1257
+ justify-content: center;
1258
+ margin-top: -20px;
1259
+ margin-left: -20px;
1260
+ padding-top: 0;
1261
+ padding-left: 20px;
1262
+ padding-right: 20px;
1263
+ }
1264
+
1265
+ .ui-layout__sections .next-card {
1266
+ margin-left: -20px;
1267
+ margin-right: -20px;
1268
+ border-radius: 0;
1269
+ }
1270
+
1271
+ @media screen and (min-width: 720px) {
1272
+ .ui-layout .next-card {
1273
+ margin-left: 0;
1274
+ margin-right: 0;
1275
+ border-radius: 3px;
1276
+ }
1277
+ }
1278
+
1279
+ .ui-layout__section {
1280
+ display: -webkit-box;
1281
+ display: -webkit-flex;
1282
+ display: -ms-flexbox;
1283
+ display: flex;
1284
+ -webkit-box-flex: 1;
1285
+ -webkit-flex: 1 1 100%;
1286
+ -ms-flex: 1 1 100%;
1287
+ flex: 1 1 100%;
1288
+ -webkit-flex-wrap: wrap;
1289
+ -ms-flex-wrap: wrap;
1290
+ flex-wrap: wrap;
1291
+ -webkit-align-content: flex-start;
1292
+ -ms-flex-line-pack: start;
1293
+ align-content: flex-start;
1294
+ min-width: 0;
1295
+ max-width: 100%;
1296
+ margin-top: -20px;
1297
+ margin-left: -20px;
1298
+ padding-top: 20px;
1299
+ padding-left: 20px;
1300
+ }
1301
+
1302
+ .ui-layout__section--primary {
1303
+ -webkit-box-flex: 2;
1304
+ -webkit-flex: 2 1 480px;
1305
+ -ms-flex: 2 1 480px;
1306
+ flex: 2 1 480px;
1307
+ }
1308
+
1309
+ .ui-layout__section--secondary {
1310
+ -webkit-box-flex: 1;
1311
+ -webkit-flex: 1 0 240px;
1312
+ -ms-flex: 1 0 240px;
1313
+ flex: 1 0 240px;
1314
+ }
1315
+
1316
+ .ui-layout__item {
1317
+ -webkit-box-flex: 1;
1318
+ -webkit-flex: 1 1 100%;
1319
+ -ms-flex: 1 1 100%;
1320
+ flex: 1 1 100%;
1321
+ min-width: 0;
1322
+ max-width: 100%;
1323
+ padding-top: 20px;
1324
+ padding-left: 20px;
1325
+ }
1326
+
1327
+ .btn {
1328
+ color: rgba(0,0,0,0.9);
1329
+ font-size: 1.14286rem;
1330
+ line-height: 1.71429rem;
1331
+ font-weight: 400;
1332
+ text-transform: initial;
1333
+ letter-spacing: initial;
1334
+ -webkit-font-smoothing: antialiased;
1335
+ -moz-osx-font-smoothing: grayscale;
1336
+ line-height: 1.14286rem;
1337
+ box-sizing: border-box;
1338
+ cursor: pointer;
1339
+ display: inline-block;
1340
+ padding: 9px 15px;
1341
+ margin: 0;
1342
+ border-radius: 3px;
1343
+ height: auto;
1344
+ white-space: nowrap;
1345
+ text-transform: none;
1346
+ font-family: inherit;
1347
+ font-weight: normal;
1348
+ position: relative;
1349
+ vertical-align: middle;
1350
+ -webkit-user-select: none;
1351
+ -moz-user-select: none;
1352
+ -ms-user-select: none;
1353
+ user-select: none;
1354
+ -webkit-appearance: none;
1355
+ -webkit-tap-highlight-color: transparent;
1356
+ }
1357
+
1358
+ .btn-default, .btn {
1359
+ background-color: #ffffff;
1360
+ color: #0078bd;
1361
+ border: 1px solid #d3dbe2;
1362
+ }
1363
+
1364
+ .btn-default:hover, .btn:hover, .btn-default:focus, .btn:focus, .btn-default.focus, .focus.btn, .btn-default:active, .btn:active, .btn-default.active, .active.btn {
1365
+ border: 1px solid #d3dbe2;
1366
+ background-color: #f5f6f7;
1367
+ color: #0078bd;
1368
+ text-decoration: none;
1369
+ }
1370
+
1371
+ .btn-default:active, .btn:active, .btn-default.active, .active.btn, .btn-default.rte-command-active, .rte-command-active.btn {
1372
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) inset;
1373
+ background: #f5f6f7;
1374
+ }
1375
+
1376
+ .btn-primary {
1377
+ background-color: #0078bd;
1378
+ color: #ffffff;
1379
+ border: 1px solid #0078bd;
1380
+ }
1381
+
1382
+ .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
1383
+ border: 1px solid #0069a6;
1384
+ background-color: #0069a6;
1385
+ color: #ffffff;
1386
+ text-decoration: none;
1387
+ }
1388
+
1389
+ .btn-primary:active, .btn-primary.active, .btn-primary.rte-command-active {
1390
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1391
+ background: #0069a6;
1392
+ }
1393
+
1394
+ .btn-destroy {
1395
+ background-color: #ffffff;
1396
+ color: #0078bd;
1397
+ border: 1px solid #d3dbe2;
1398
+ }
1399
+
1400
+ .btn-destroy:hover, .btn-destroy:focus, .btn-destroy.focus, .btn-destroy:active, .btn-destroy.active {
1401
+ border: 1px solid #d3dbe2;
1402
+ background-color: #ff5d5d;
1403
+ color: #0078bd;
1404
+ text-decoration: none;
1405
+ }
1406
+
1407
+ .btn-destroy:active, .btn-destroy.active, .btn-destroy.rte-command-active {
1408
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1409
+ background: #ff5d5d;
1410
+ }
1411
+
1412
+ .btn-destroy-no-hover {
1413
+ background-color: #ff5d5d;
1414
+ color: #ffffff;
1415
+ border: 1px solid #ff5d5d;
1416
+ }
1417
+
1418
+ .btn-destroy-no-hover:hover, .btn-destroy-no-hover:focus, .btn-destroy-no-hover.focus, .btn-destroy-no-hover:active, .btn-destroy-no-hover.active {
1419
+ border: 1px solid #d83e3e;
1420
+ background-color: #d83e3e;
1421
+ color: #ffffff;
1422
+ text-decoration: none;
1423
+ }
1424
+
1425
+ .btn-destroy-no-hover:active, .btn-destroy-no-hover.active, .btn-destroy-no-hover.rte-command-active {
1426
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1427
+ background: #d83e3e;
1428
+ }
1429
+
1430
+ .btn-disabled {
1431
+ background-color: #fafbfc;
1432
+ color: #c3cfd8;
1433
+ border: 1px solid #d3dbe2;
1434
+ }
1435
+
1436
+ .btn-disabled:hover, .btn-disabled:focus, .btn-disabled.focus, .btn-disabled:active, .btn-disabled.active {
1437
+ border: 1px solid #d3dbe2;
1438
+ background-color: #fafbfc;
1439
+ color: #c3cfd8;
1440
+ text-decoration: none;
1441
+ }
1442
+
1443
+ .btn-disabled:active, .btn-disabled.active, .btn-disabled.rte-command-active {
1444
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) inset;
1445
+ background: #fafbfc;
1446
+ }
1447
+
1448
+ .btn-purchase {
1449
+ background-color: #96bf48;
1450
+ color: #ffffff;
1451
+ border: 1px solid #96bf48;
1452
+ }
1453
+
1454
+ .btn-purchase:hover, .btn-purchase:focus, .btn-purchase.focus, .btn-purchase:active, .btn-purchase.active {
1455
+ border: 1px solid #7ba232;
1456
+ background-color: #7ba232;
1457
+ color: #ffffff;
1458
+ text-decoration: none;
1459
+ }
1460
+
1461
+ .btn-purchase:active, .btn-purchase.active, .btn-purchase.rte-command-active {
1462
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1463
+ background: #7ba232;
1464
+ }
1465
+
1466
+ .btn--facebook {
1467
+ background-color: #3b5998;
1468
+ color: #ffffff;
1469
+ border: 1px solid #3b5998;
1470
+ }
1471
+
1472
+ .btn--facebook:hover, .btn--facebook:focus, .btn--facebook.focus, .btn--facebook:active, .btn--facebook.active {
1473
+ border: 1px solid #344e86;
1474
+ background-color: #344e86;
1475
+ color: #ffffff;
1476
+ text-decoration: none;
1477
+ }
1478
+
1479
+ .btn--facebook:active, .btn--facebook.active, .btn--facebook.rte-command-active {
1480
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1481
+ background: #344e86;
1482
+ }
1483
+
1484
+ .btn--twitter {
1485
+ background-color: #55acee;
1486
+ color: #ffffff;
1487
+ border: 1px solid #55acee;
1488
+ }
1489
+
1490
+ .btn--twitter:hover, .btn--twitter:focus, .btn--twitter.focus, .btn--twitter:active, .btn--twitter.active {
1491
+ border: 1px solid #3ea1ec;
1492
+ background-color: #3ea1ec;
1493
+ color: #ffffff;
1494
+ text-decoration: none;
1495
+ }
1496
+
1497
+ .btn--twitter:active, .btn--twitter.active, .btn--twitter.rte-command-active {
1498
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1499
+ background: #3ea1ec;
1500
+ }
1501
+
1502
+ .btn-warning {
1503
+ background-color: transparent;
1504
+ color: #6f4f0c;
1505
+ border: 1px solid #6f4f0c;
1506
+ }
1507
+
1508
+ .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {
1509
+ border: 1px solid #6f4f0c;
1510
+ background-color: rgba(111, 79, 12, 0.1);
1511
+ color: #6f4f0c;
1512
+ text-decoration: none;
1513
+ }
1514
+
1515
+ .btn-warning:active, .btn-warning.active, .btn-warning.rte-command-active {
1516
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1517
+ background: rgba(111, 79, 12, 0.1);
1518
+ }
1519
+
1520
+ .btn--outline {
1521
+ background-color: transparent;
1522
+ color: #31373d;
1523
+ border: 1px solid #31373d;
1524
+ }
1525
+
1526
+ .btn--outline:hover, .btn--outline:focus, .btn--outline.focus, .btn--outline:active, .btn--outline.active {
1527
+ border: 1px solid #31373d;
1528
+ background-color: rgba(49, 55, 61, 0.1);
1529
+ color: #31373d;
1530
+ text-decoration: none;
1531
+ }
1532
+
1533
+ .btn--outline:active, .btn--outline.active, .btn--outline.rte-command-active {
1534
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
1535
+ background: rgba(49, 55, 61, 0.1);
1536
+ }
1537
+
1538
+ .btn.has-loading::before {
1539
+ background-position: 50% 50% !important;
1540
+ background-repeat: no-repeat !important;
1541
+ content: "";
1542
+ display: none;
1543
+ height: 100%;
1544
+ left: 0;
1545
+ position: absolute;
1546
+ top: 0;
1547
+ width: 100%;
1548
+ }
1549
+
1550
+ .btn:not(.btn-disabled).is-loading, .btn:not(.btn-disabled).is-loading:hover {
1551
+ border: 1px solid #d3dbe2;
1552
+ cursor: default;
1553
+ color: transparent;
1554
+ text-shadow: none;
1555
+ }
1556
+
1557
+ .btn:not(.btn-disabled).is-loading::before, .btn:not(.btn-disabled).is-loading:hover::before {
1558
+ display: block;
1559
+ }
1560
+
1561
+ .btn:disabled {
1562
+ cursor: default;
1563
+ }
1564
+
1565
+ .btn::-moz-focus-inner {
1566
+ border: 0;
1567
+ padding: 0;
1568
+ }
1569
+
1570
+ .btn .next-icon {
1571
+ margin-top: -13px;
1572
+ margin-bottom: -13px;
1573
+ }
1574
+
1575
+ .btn .ico {
1576
+ vertical-align: middle;
1577
+ margin-top: -17px;
1578
+ margin-bottom: -13px;
1579
+ }
1580
+
1581
+ .btn.attached-to-right {
1582
+ border-radius: 0 3px 3px 0;
1583
+ position: relative;
1584
+ left: -2px;
1585
+ }
1586
+
1587
+ .btn-large {
1588
+ font-size: 16px;
1589
+ padding: 13px 30px;
1590
+ margin: 15px 0;
1591
+ }
1592
+
1593
+ .btn-slim {
1594
+ padding: 6.5px 10px;
1595
+ }
1596
+
1597
+ .btn-extra-slim {
1598
+ font-size: 11px;
1599
+ padding: 3.5px 6px;
1600
+ }
1601
+
1602
+ .btn.btn--full-width {
1603
+ width: 100%;
1604
+ line-height: 1.3;
1605
+ white-space: normal;
1606
+ padding: 13px 15px;
1607
+ }
1608
+
1609
+ .btn-destroy:hover, .btn-destroy:focus, .btn-destroy:active {
1610
+ border: 1px solid #ff5d5d;
1611
+ color: #ffffff;
1612
+ }
1613
+
1614
+ .btn-disabled.btn-disabled,
1615
+ input[type="submit"].btn-disabled,
1616
+ .btn.disabled {
1617
+ cursor: default;
1618
+ box-shadow: none;
1619
+ background: #fafbfc;
1620
+ color: #c3cfd8;
1621
+ border: 1px solid #d3dbe2;
1622
+ }
1623
+
1624
+ .btn-disabled.btn-disabled.btn--outline,
1625
+ input[type="submit"].btn-disabled.btn--outline,
1626
+ .btn.disabled.btn--outline {
1627
+ background: transparent;
1628
+ color: #95a7b7;
1629
+ border-color: #95a7b7;
1630
+ }
1631
+
1632
+ .btn-more::before {
1633
+ content: "•••";
1634
+ text-indent: 0;
1635
+ display: block;
1636
+ font-size: 13px;
1637
+ }
1638
+
1639
+ .btn-skip {
1640
+ z-index: 226;
1641
+ border-radius: 0;
1642
+ left: 0;
1643
+ min-width: 240px;
1644
+ padding: 20px 0 !important;
1645
+ text-align: center;
1646
+ top: 0;
1647
+ }
1648
+
1649
+ .btn--icon {
1650
+ padding-left: 9px;
1651
+ padding-right: 9px;
1652
+ }
1653
+
1654
+ .btn--icon.btn-large {
1655
+ padding-left: 13px;
1656
+ padding-right: 13px;
1657
+ }
1658
+
1659
+ .btn--icon.btn-slim {
1660
+ padding-left: 7px;
1661
+ padding-right: 7px;
1662
+ }
1663
+
1664
+ .btn--icon--tiny {
1665
+ padding: 1px;
1666
+ }
1667
+
1668
+ .btn--plain,
1669
+ .btn--link {
1670
+ background-color: transparent !important;
1671
+ border: none;
1672
+ cursor: pointer;
1673
+ color: #0078bd;
1674
+ text-decoration: none;
1675
+ vertical-align: initial;
1676
+ }
1677
+
1678
+ .btn--plain:hover, .btn--plain:focus, .btn--plain:active,
1679
+ .btn--link:hover,
1680
+ .btn--link:focus,
1681
+ .btn--link:active {
1682
+ background: transparent;
1683
+ box-shadow: none;
1684
+ border: none;
1685
+ }
1686
+
1687
+ .btn--plain:hover,
1688
+ .btn--link:hover {
1689
+ color: #0069a6;
1690
+ text-decoration: underline;
1691
+ }
1692
+
1693
+ .btn--link {
1694
+ height: auto;
1695
+ padding: 0;
1696
+ line-height: 18px;
1697
+ white-space: normal;
1698
+ text-align: left;
1699
+ }
1700
+
1701
+ .btn--plain--flush-right {
1702
+ margin-right: -15px;
1703
+ }
1704
+
1705
+ .btn--link.btn-disabled,
1706
+ .btn--plain.btn-disabled {
1707
+ border: none;
1708
+ color: #c3cfd8;
1709
+ }
1710
+
1711
+ .btn--link.btn-disabled:hover, .btn--link.btn-disabled:active, .btn--link.btn-disabled:focus,
1712
+ .btn--plain.btn-disabled:hover,
1713
+ .btn--plain.btn-disabled:active,
1714
+ .btn--plain.btn-disabled:focus {
1715
+ text-decoration: none;
1716
+ }
1717
+
1718
+ .segmented {
1719
+ padding: 0;
1720
+ line-height: 22px;
1721
+ font-size: 0;
1722
+ margin: 0;
1723
+ display: inline-block;
1724
+ vertical-align: middle;
1725
+ }
1726
+
1727
+ .segmented > li {
1728
+ position: relative;
1729
+ }
1730
+
1731
+ .segmented > li .btn {
1732
+ display: inline-block;
1733
+ position: static;
1734
+ border-radius: 0px 0px 0px 0px;
1735
+ border-left-width: 0 !important;
1736
+ }
1737
+
1738
+ .segmented > li .btn.btn-primary {
1739
+ border: 1px solid #0078bd;
1740
+ border-right-color: #3e89b5;
1741
+ }
1742
+
1743
+ .segmented > li {
1744
+ list-style-type: none;
1745
+ display: inline-block;
1746
+ margin: 0;
1747
+ }
1748
+
1749
+ .segmented > li:first-child .btn, .segmented > li.first-child .btn {
1750
+ border-radius: 3px 0px 0px 3px;
1751
+ border-left-width: 1px !important;
1752
+ }
1753
+
1754
+ .segmented > li:last-child .btn {
1755
+ border-radius: 0px 3px 3px 0px;
1756
+ }
1757
+
1758
+ .segmented > li:last-child .btn.btn-primary {
1759
+ border-right-color: #0078bd;
1760
+ }
1761
+
1762
+ .segmented > li.middle-child > .btn {
1763
+ border-radius: 0px;
1764
+ }
1765
+
1766
+ .segmented > li:only-child > .btn, .segmented > li.only-child > .btn {
1767
+ border-radius: 3px 3px 3px 3px;
1768
+ border-left-width: 1px !important;
1769
+ }
1770
+
1771
+ .segmented .btn.active {
1772
+ color: #c3cfd8;
1773
+ }
1774
+
1775
+ .segmented .btn.active.btn-primary {
1776
+ color: #ffffff;
1777
+ }
1778
+
1779
+ .segmented .btn.active:hover {
1780
+ cursor: default;
1781
+ }
1782
+
1783
+ .buttons {
1784
+ text-align: right;
1785
+ padding: 10px;
1786
+ background: #fafbfc;
1787
+ border-top: 1px solid #d3dbe2;
1788
+ border-bottom: 1px solid #d3dbe2;
1789
+ }
1790
+
1791
+ .buttons.slim {
1792
+ padding: 5px 10px;
1793
+ }
1794
+
1795
+ .buttons.slim .btn {
1796
+ padding: 6px 10px;
1797
+ }
1798
+
1799
+ .buttons.plain {
1800
+ background: none;
1801
+ padding: 13px 0;
1802
+ border-bottom: none;
1803
+ border-top: 1px solid #d3dbe2;
1804
+ }
1805
+
1806
+ .buttons.connected {
1807
+ background: #fafbfc;
1808
+ border: 1px solid #d3dbe2;
1809
+ border-top: none;
1810
+ }
1811
+
1812
+ .buttons .text-action {
1813
+ line-height: 32px;
1814
+ }
1815
+
1816
+ .button-group {
1817
+ display: -webkit-box;
1818
+ display: -webkit-flex;
1819
+ display: -ms-flexbox;
1820
+ display: flex;
1821
+ -webkit-flex-wrap: wrap;
1822
+ -ms-flex-wrap: wrap;
1823
+ flex-wrap: wrap;
1824
+ margin-right: -10px;
1825
+ margin-top: -10px;
1826
+ -webkit-box-align: center;
1827
+ -webkit-align-items: center;
1828
+ -ms-flex-align: center;
1829
+ align-items: center;
1830
+ }
1831
+
1832
+ .button-group .btn {
1833
+ margin-right: 10px;
1834
+ margin-top: 10px;
1835
+ }
1836
+
1837
+ .button-group .button-group {
1838
+ margin-right: 0;
1839
+ }
1840
+
1841
+ .button-group--right-aligned {
1842
+ -webkit-box-pack: end;
1843
+ -webkit-justify-content: flex-end;
1844
+ -ms-flex-pack: end;
1845
+ justify-content: flex-end;
1846
+ }
1847
+
1848
+ .btn-separate {
1849
+ margin-left: 5px;
1850
+ }
1851
+
1852
+ .btn-separate-left {
1853
+ margin-right: 5px;
1854
+ }
1855
+
1856
+ .btn-separate-top {
1857
+ margin-top: 10px;
1858
+ }
1859
+
1860
+ .ui-banner {
1861
+ position: relative;
1862
+ display: -webkit-box;
1863
+ display: -webkit-flex;
1864
+ display: -ms-flexbox;
1865
+ display: flex;
1866
+ margin: 10px 10px 0;
1867
+ background-color: #d3dbe2;
1868
+ border: 1px solid rgba(0, 0, 0, 0.1);
1869
+ border-radius: 3px;
1870
+ }
1871
+
1872
+ .ui-banner .next-heading + * {
1873
+ margin-top: 10px;
1874
+ }
1875
+
1876
+ .ui-banner a:not(.btn),
1877
+ .ui-banner .btn--link {
1878
+ color: inherit;
1879
+ text-decoration: underline;
1880
+ }
1881
+
1882
+ .ui-banner a:not(.btn):hover, .ui-banner a:not(.btn):focus,
1883
+ .ui-banner .btn--link:hover,
1884
+ .ui-banner .btn--link:focus {
1885
+ color: #272c30;
1886
+ }
1887
+
1888
+ .next-card .ui-banner,
1889
+ .modal .ui-banner,
1890
+ .ui-layout .ui-banner,
1891
+ .ui-modal .ui-banner {
1892
+ margin: 0;
1893
+ }
1894
+
1895
+ .next-card *:not(.hide) ~ .ui-banner,
1896
+ .next-card .ui-banner:not(.hide) ~ *,
1897
+ .modal *:not(.hide) ~ .ui-banner,
1898
+ .modal .ui-banner:not(.hide) ~ *,
1899
+ .ui-layout *:not(.hide) ~ .ui-banner,
1900
+ .ui-layout .ui-banner:not(.hide) ~ *,
1901
+ .ui-modal *:not(.hide) ~ .ui-banner,
1902
+ .ui-modal .ui-banner:not(.hide) ~ * {
1903
+ margin-top: 20px;
1904
+ }
1905
+
1906
+ .ui-banner__ribbon {
1907
+ -webkit-box-flex: 0;
1908
+ -webkit-flex: 0 0 auto;
1909
+ -ms-flex: 0 0 auto;
1910
+ flex: 0 0 auto;
1911
+ display: -webkit-box;
1912
+ display: -webkit-flex;
1913
+ display: -ms-flexbox;
1914
+ display: flex;
1915
+ -webkit-box-align: center;
1916
+ -webkit-align-items: center;
1917
+ -ms-flex-align: center;
1918
+ align-items: center;
1919
+ padding: 15px;
1920
+ padding-left: 20px;
1921
+ max-height: 32px;
1922
+ }
1923
+
1924
+ .ui-banner__ribbon > .next-icon {
1925
+ fill: #798c9c;
1926
+ }
1927
+
1928
+ .ui-banner__content {
1929
+ -webkit-box-flex: 1;
1930
+ -webkit-flex: 1 1 0%;
1931
+ -ms-flex: 1 1 0%;
1932
+ flex: 1 1 0%;
1933
+ -webkit-align-self: center;
1934
+ -ms-flex-item-align: center;
1935
+ align-self: center;
1936
+ padding: 15px 0;
1937
+ padding-right: 20px;
1938
+ }
1939
+
1940
+ .ui-banner__content + .ui-banner__dismissible-action {
1941
+ margin-left: -20px;
1942
+ }
1943
+
1944
+ .ui-banner__content p + *, .ui-banner__content ul + *, .ui-banner__content a + * {
1945
+ margin-top: 10px;
1946
+ }
1947
+
1948
+ .ui-banner__dismissible-action {
1949
+ -webkit-box-flex: 0;
1950
+ -webkit-flex: 0 0 auto;
1951
+ -ms-flex: 0 0 auto;
1952
+ flex: 0 0 auto;
1953
+ }
1954
+
1955
+ .ui-banner__section:not(:first-of-type) {
1956
+ padding-top: 20px;
1957
+ }
1958
+
1959
+ .ui-banner__section:not(:last-of-type) {
1960
+ padding-bottom: 20px;
1961
+ }
1962
+
1963
+ .ui-banner__section + .ui-banner__section {
1964
+ border-top: 1px solid rgba(49, 55, 61, 0.6);
1965
+ }
1966
+
1967
+ .ui-banner + .next-grid--no-padding {
1968
+ margin-top: 20px;
1969
+ }
1970
+
1971
+ .ui-banner--status-info {
1972
+ background-color: #cae9f7;
1973
+ }
1974
+
1975
+ .ui-banner--status-info .ui-banner__ribbon > .next-icon {
1976
+ fill: #4fb0e8;
1977
+ }
1978
+
1979
+ .ui-banner--status-success {
1980
+ background-color: #e5fabc;
1981
+ }
1982
+
1983
+ .ui-banner--status-success .ui-banner__ribbon > .next-icon {
1984
+ fill: #7ba232;
1985
+ }
1986
+
1987
+ .ui-banner--status-warning {
1988
+ background-color: #fff7b2;
1989
+ }
1990
+
1991
+ .ui-banner--status-warning .ui-banner__ribbon > .next-icon {
1992
+ fill: #d4a002;
1993
+ }
1994
+
1995
+ .ui-banner--status-error {
1996
+ background-color: #ff9797;
1997
+ }
1998
+
1999
+ .ui-banner--status-error .ui-banner__ribbon > .next-icon {
2000
+ fill: #d83e3e;
2001
+ }
2002
+
2003
+ .ui-banner--default-vertical-spacing {
2004
+ margin-top: 20px;
2005
+ }
2006
+
2007
+ .ui-banner--default-horizontal-spacing {
2008
+ margin-right: 20px;
2009
+ margin-left: 20px;
2010
+ }
2011
+
2012
+ .description-list {
2013
+ margin: 0;
2014
+ padding: 0;
2015
+ }
2016
+
2017
+ .description-list dt {
2018
+ font-weight: bold;
2019
+ margin-bottom: 5px;
2020
+ margin-top: 10px;
2021
+ }
2022
+
2023
+ .description-list dt:first-child {
2024
+ margin-top: 0;
2025
+ }
2026
+
2027
+ .description-list dd {
2028
+ margin: 0;
2029
+ padding: 0;
2030
+ }
2031
+
2032
+ .description-list + * {
2033
+ margin-top: 20px;
2034
+ }
2035
+
2036
+ .description-list--bullet-separated {
2037
+ display: -webkit-box;
2038
+ display: -webkit-flex;
2039
+ display: -ms-flexbox;
2040
+ display: flex;
2041
+ }
2042
+
2043
+ .description-list--bullet-separated dt {
2044
+ position: absolute !important;
2045
+ clip: rect(1px, 1px, 1px, 1px) !important;
2046
+ padding: 0 !important;
2047
+ border: 0 !important;
2048
+ height: 1px !important;
2049
+ width: 1px !important;
2050
+ overflow: hidden !important;
2051
+ }
2052
+
2053
+ .body:hover .description-list--bullet-separated dt a,
2054
+ .body:hover .description-list--bullet-separated dt input,
2055
+ .body:hover .description-list--bullet-separated dt button {
2056
+ display: none !important;
2057
+ }
2058
+
2059
+ .description-list--bullet-separated dd::after {
2060
+ content: '\00B7';
2061
+ margin: 0 5px;
2062
+ }
2063
+
2064
+ .description-list--bullet-separated dd:last-of-type::after {
2065
+ content: '';
2066
+ margin: 0;
2067
+ }
2068
+
2069
+ .description-list--hidden-titles dt {
2070
+ position: absolute !important;
2071
+ clip: rect(1px, 1px, 1px, 1px) !important;
2072
+ padding: 0 !important;
2073
+ border: 0 !important;
2074
+ height: 1px !important;
2075
+ width: 1px !important;
2076
+ overflow: hidden !important;
2077
+ }
2078
+
2079
+ .body:hover .description-list--hidden-titles dt a,
2080
+ .body:hover .description-list--hidden-titles dt input,
2081
+ .body:hover .description-list--hidden-titles dt button {
2082
+ display: none !important;
2083
+ }
2084
+
2085
+ .description-list--specifications {
2086
+ display: -webkit-box;
2087
+ display: -webkit-flex;
2088
+ display: -ms-flexbox;
2089
+ display: flex;
2090
+ -webkit-flex-wrap: wrap;
2091
+ -ms-flex-wrap: wrap;
2092
+ flex-wrap: wrap;
2093
+ }
2094
+
2095
+ .description-list--specifications dt {
2096
+ -webkit-flex-basis: 25%;
2097
+ -ms-flex-preferred-size: 25%;
2098
+ flex-basis: 25%;
2099
+ word-break: normal;
2100
+ font-weight: 400;
2101
+ color: #798c9c;
2102
+ }
2103
+
2104
+ .description-list--specifications dd {
2105
+ -webkit-flex-basis: 75%;
2106
+ -ms-flex-preferred-size: 75%;
2107
+ flex-basis: 75%;
2108
+ box-sizing: border-box;
2109
+ padding-left: 10px;
2110
+ word-break: break-word;
2111
+ }
2112
+
2113
+ .description-list--specifications dt, .description-list--specifications dd {
2114
+ margin: 0;
2115
+ padding-top: 10px;
2116
+ padding-bottom: 10px;
2117
+ border-bottom: 1px solid #ebeef0;
2118
+ }
2119
+
2120
+ .description-list--specifications dt:last-of-type, .description-list--specifications dd:last-of-type {
2121
+ border-bottom: none;
2122
+ padding-bottom: 0;
2123
+ }
2124
+
2125
+ .description-list--specifications dt:first-of-type, .description-list--specifications dd:first-of-type {
2126
+ padding-top: 0;
2127
+ }
2128
+
2129
+ .description-list--specifications dd > dl {
2130
+ display: -webkit-box;
2131
+ display: -webkit-flex;
2132
+ display: -ms-flexbox;
2133
+ display: flex;
2134
+ -webkit-flex-wrap: wrap;
2135
+ -ms-flex-wrap: wrap;
2136
+ flex-wrap: wrap;
2137
+ padding-left: 10px;
2138
+ }
2139
+
2140
+ .description-list--specifications .description-list__heading {
2141
+ -webkit-flex-basis: 100%;
2142
+ -ms-flex-preferred-size: 100%;
2143
+ flex-basis: 100%;
2144
+ border-bottom: none;
2145
+ padding-bottom: 0;
2146
+ color: #31373d;
2147
+ font-weight: 400;
2148
+ font-size: 15px;
2149
+ }
2150
+
2151
+ .description-list--specifications .description-list__nested {
2152
+ -webkit-flex-basis: 100%;
2153
+ -ms-flex-preferred-size: 100%;
2154
+ flex-basis: 100%;
2155
+ }
2156
+
2157
+ .next-card {
2158
+ background-color: #ffffff;
2159
+ border-radius: 3px;
2160
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
2161
+ color: #31373d;
2162
+ }
2163
+
2164
+ .next-card ~ .next-card {
2165
+ margin-top: 20px;
2166
+ }
2167
+
2168
+ .next-card--aside {
2169
+ background-color: #f5f6f7;
2170
+ }
2171
+
2172
+ .next-card--aside-lighter {
2173
+ background-color: #fafbfc;
2174
+ }
2175
+
2176
+ .next-card--plain {
2177
+ box-shadow: none;
2178
+ }
2179
+
2180
+ .next-card--hide-overflow {
2181
+ overflow: hidden;
2182
+ }
2183
+
2184
+ .next-card--stacked {
2185
+ margin: 0;
2186
+ box-shadow: none;
2187
+ border-radius: 0;
2188
+ }
2189
+
2190
+ .next-card--stacked ~ .next-card--stacked {
2191
+ margin-top: 0;
2192
+ }
2193
+
2194
+ .next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:first-of-type {
2195
+ padding-top: 20px;
2196
+ }
2197
+
2198
+ .next-card--preserve-first-and-last-section-spacing .next-card__section--half-spacing:last-of-type {
2199
+ padding-bottom: 20px;
2200
+ }
2201
+
2202
+ .next-card--sticky {
2203
+ position: -webkit-sticky;
2204
+ position: sticky;
2205
+ top: 76px;
2206
+ }
2207
+
2208
+ .next-card--js-sticky {
2209
+ position: fixed;
2210
+ top: 56px;
2211
+ margin-top: 20px;
2212
+ }
2213
+
2214
+ .next-card__header {
2215
+ padding: 20px 20px 0;
2216
+ }
2217
+
2218
+ .next-card__header .next-heading {
2219
+ margin-bottom: 0;
2220
+ }
2221
+
2222
+ .next-card__footer {
2223
+ padding: 0 20px 20px;
2224
+ }
2225
+
2226
+ .next-card__section {
2227
+ padding: 20px;
2228
+ }
2229
+
2230
+ .next-card__section ~ .next-card__section {
2231
+ border-top: 1px solid #ebeef0;
2232
+ }
2233
+
2234
+ .next-card__section ~ .next-card__section.next-card__section--no-border {
2235
+ border-top: 0;
2236
+ }
2237
+
2238
+ .next-card__section:first-child {
2239
+ border-radius: 3px 3px 0 0;
2240
+ }
2241
+
2242
+ .next-card__section:last-child {
2243
+ border-radius: 0 0 3px 3px;
2244
+ }
2245
+
2246
+ .next-card__section--no-vertical-spacing {
2247
+ padding-top: 0;
2248
+ padding-bottom: 0;
2249
+ }
2250
+
2251
+ .next-card__section--no-vertical-spacing + .next-card__section {
2252
+ border-top: none;
2253
+ }
2254
+
2255
+ .next-card__section--no-horizontal-spacing {
2256
+ padding-left: 0;
2257
+ padding-right: 0;
2258
+ }
2259
+
2260
+ .next-card__section--half-spacing {
2261
+ padding-top: 10px;
2262
+ padding-bottom: 10px;
2263
+ }
2264
+
2265
+ .next-card__section--half-spacing.next-card__header {
2266
+ padding-bottom: 0;
2267
+ }
2268
+
2269
+ .next-card__section--half-spacing.next-card__footer {
2270
+ padding-top: 0;
2271
+ }
2272
+
2273
+ .next-card__section--three-quarter-spacing {
2274
+ padding-top: 15px;
2275
+ padding-bottom: 15px;
2276
+ }
2277
+
2278
+ .next-card__section--double-spacing {
2279
+ padding-top: 40px;
2280
+ padding-bottom: 40px;
2281
+ }
2282
+
2283
+ .next-card__section--no-padding {
2284
+ padding: 0;
2285
+ }
2286
+
2287
+ .next-card__section--subdued {
2288
+ background-color: #f5f6f7;
2289
+ }
2290
+
2291
+ .next-card__section--more-subdued {
2292
+ background-color: #ebeef0;
2293
+ }
2294
+
2295
+ .next-card__section--less-subdued {
2296
+ background-color: #fafbfc;
2297
+ }
2298
+
2299
+ .next-card__section--accentuated {
2300
+ background-color: #0078bd;
2301
+ }
2302
+
2303
+ .next-card__section--accentuated .next-heading {
2304
+ color: #ffffff;
2305
+ }
2306
+
2307
+ .next-card__section--bordered {
2308
+ border-top: 1px solid #ebeef0;
2309
+ }
2310
+
2311
+ .next-card__section--no-bottom-spacing {
2312
+ padding-bottom: 0;
2313
+ }
2314
+
2315
+ .next-card__section--no-bottom-spacing + .next-card__section {
2316
+ border-top: 0;
2317
+ }
2318
+
2319
+ .next-card__section--no-top-spacing {
2320
+ padding-top: 0;
2321
+ }
2322
+
2323
+ .next-card__section ~ .next-card__section--no-top-spacing {
2324
+ border-top: 0;
2325
+ }
2326
+
2327
+ .next-card__section--border-left {
2328
+ border-left: 1px solid #ebeef0;
2329
+ }
2330
+
2331
+ .next-card__section--border-bottom {
2332
+ border-bottom: 1px solid #ebeef0;
2333
+ }
2334
+
2335
+ .next-card__section--centered {
2336
+ text-align: center;
2337
+ }
2338
+
2339
+ .next-card__section--sello-only {
2340
+ position: relative;
2341
+ }
2342
+
2343
+ .next-card__section--sello-only::after {
2344
+ content: "";
2345
+ position: absolute;
2346
+ top: 0;
2347
+ right: 0;
2348
+ height: 100%;
2349
+ width: 10px;
2350
+ background-color: #2cc699;
2351
+ }
2352
+
2353
+ .next-card__section--sello-only:last-child::after {
2354
+ border-radius: 0 0 3px 0;
2355
+ }
2356
+
2357
+ .next-card__section--sello-only:first-child::after {
2358
+ border-radius: 0 3px 0 0;
2359
+ }
2360
+
2361
+ .next-card--with-full-height-image {
2362
+ position: relative;
2363
+ padding-left: 250px;
2364
+ max-width: calc(100% - 250px);
2365
+ }
2366
+
2367
+ .next-card--with-full-height-image .next-card__image {
2368
+ position: absolute;
2369
+ top: 0;
2370
+ bottom: 0;
2371
+ left: 0;
2372
+ width: 250px;
2373
+ background-size: cover;
2374
+ background-position: center;
2375
+ border-top-left-radius: 3px;
2376
+ border-bottom-left-radius: 3px;
2377
+ }
2378
+
2379
+ .page--condense-spacing .next-card--with-full-height-image {
2380
+ padding-left: 0;
2381
+ max-width: 100%;
2382
+ }
2383
+
2384
+ .page--condense-spacing .next-card--with-full-height-image .next-card__image {
2385
+ position: static;
2386
+ display: block;
2387
+ width: 100%;
2388
+ height: 120px;
2389
+ border-radius: 0;
2390
+ }
2391
+
2392
+ .next-card__section__separator {
2393
+ margin: 20px auto;
2394
+ background-color: #ebeef0;
2395
+ }
2396
+
2397
+ .next-card__section__separator--no-margin {
2398
+ margin: 0;
2399
+ }
2400
+
2401
+ .next-card__separator {
2402
+ margin: 0;
2403
+ height: 1px;
2404
+ background: #ebeef0;
2405
+ }
2406
+
2407
+ .next-card__separator--thick {
2408
+ height: 5px;
2409
+ }
2410
+
2411
+ .next-card__separator--inline {
2412
+ margin: 10px 20px;
2413
+ }
2414
+
2415
+ .next-card--top-rounded-corners {
2416
+ border-radius: 3px 3px 0 0 !important;
2417
+ }
2418
+
2419
+ .next-card--bottom-rounded-corners {
2420
+ border-radius: 0 0 3px 3px !important;
2421
+ }
2422
+
2423
+ .next-card--all-rounded-corners {
2424
+ border-radius: 3px !important;
2425
+ }
2426
+
2427
+ .next-card--left-rounded-corners {
2428
+ border-radius: 3px 0 0 3px;
2429
+ }
2430
+
2431
+ .next-card--right-rounded-corners {
2432
+ border-radius: 0 3px 3px 0;
2433
+ }
2434
+
2435
+ .next-card--top-right-rounded-corner {
2436
+ border-top-right-radius: 3px;
2437
+ }
2438
+
2439
+ .next-card--bottom-right-rounded-corner {
2440
+ border-bottom-right-radius: 3px;
2441
+ }
2442
+
2443
+ .next-card--top-left-rounded-corner {
2444
+ border-top-left-radius: 3px;
2445
+ }
2446
+
2447
+ .next-card--bottom-left-rounded-corner {
2448
+ border-bottom-left-radius: 3px;
2449
+ }
2450
+
2451
+ .next-card__ribbon {
2452
+ background: #fafbfc;
2453
+ border-right: solid 1px #ebeef0;
2454
+ border-radius: 3px 0 0 3px;
2455
+ padding: 20px;
2456
+ display: block;
2457
+ }
2458
+
2459
+ .next-card__ribbon--warning {
2460
+ background: #ffd117;
2461
+ border-right: solid 1px rgba(212, 160, 2, 0.25);
2462
+ }
2463
+
2464
+ .next-card__ribbon--vertically-centered {
2465
+ display: -webkit-box;
2466
+ display: -webkit-flex;
2467
+ display: -ms-flexbox;
2468
+ display: flex;
2469
+ -webkit-box-orient: vertical;
2470
+ -webkit-box-direction: normal;
2471
+ -webkit-flex-direction: column;
2472
+ -ms-flex-direction: column;
2473
+ flex-direction: column;
2474
+ -webkit-box-pack: center;
2475
+ -webkit-justify-content: center;
2476
+ -ms-flex-pack: center;
2477
+ justify-content: center;
2478
+ }
2479
+
2480
+ .next-ui .next-text-slate {
2481
+ color: #31373d;
2482
+ }
2483
+
2484
+ .next-card__header--fully-padded {
2485
+ padding-bottom: 20px;
2486
+ }
2487
+
2488
+ .next-card--semi-transparent {
2489
+ background-color: rgba(255, 255, 255, 0.9);
2490
+ }
2491
+
2492
+ .next-card__channel-image {
2493
+ margin-right: 20px;
2494
+ }
2495
+
2496
+ .next-grid--single-column .next-card__channel-image {
2497
+ display: none;
2498
+ }
2499
+
2500
+ form {
2501
+ margin: 0;
2502
+ padding: 0;
2503
+ }
2504
+
2505
+ form.button_to {
2506
+ display: inline-block;
2507
+ }
2508
+
2509
+ label {
2510
+ display: block;
2511
+ color: #31373d;
2512
+ margin-bottom: 5px;
2513
+ font-weight: bold;
2514
+ }
2515
+
2516
+ label.helper {
2517
+ display: inline;
2518
+ font-weight: 400;
2519
+ font-size: 11px;
2520
+ }
2521
+
2522
+ label.error {
2523
+ color: #c03939;
2524
+ }
2525
+
2526
+ label.error + input, label.error + textarea {
2527
+ border-color: #cc4c3f;
2528
+ }
2529
+
2530
+ label.plain {
2531
+ font-weight: 400;
2532
+ }
2533
+
2534
+ p.error {
2535
+ color: #c03939;
2536
+ }
2537
+
2538
+ .align-with-input {
2539
+ line-height: 28px;
2540
+ }
2541
+
2542
+ .between-inputs {
2543
+ margin: 0 6px;
2544
+ }
2545
+
2546
+ input, textarea {
2547
+ box-sizing: border-box;
2548
+ width: 100%;
2549
+ max-width: 100%;
2550
+ vertical-align: top;
2551
+ height: 28px;
2552
+ font-family: $font-family;
2553
+ font-size: 14px;
2554
+ padding: 4px;
2555
+ margin: 0;
2556
+ border: 1px solid #d3dbe2;
2557
+ display: inline-block;
2558
+ color: #222;
2559
+ border-radius: 3px;
2560
+ }
2561
+
2562
+ input:focus, input.focus, textarea:focus, textarea.focus {
2563
+ border: 1px solid #0078bd;
2564
+ outline: none;
2565
+ }
2566
+
2567
+ input.placeholder, textarea.placeholder {
2568
+ color: #c3cfd8;
2569
+ }
2570
+
2571
+ input.success, textarea.success {
2572
+ border: 1px solid #acba8c;
2573
+ }
2574
+
2575
+ input.error, textarea.error {
2576
+ border-color: #cc4c3f;
2577
+ background-color: #FFFCFC;
2578
+ }
2579
+
2580
+ input.large, textarea.large {
2581
+ height: 32px;
2582
+ }
2583
+
2584
+ input.slim, textarea.slim {
2585
+ padding: 0 4px;
2586
+ height: 24px;
2587
+ }
2588
+
2589
+ input[class*="span"], textarea[class*="span"] {
2590
+ margin: 0 0 5px 0;
2591
+ float: none;
2592
+ padding: 4px;
2593
+ max-width: none;
2594
+ }
2595
+
2596
+ input.input-percentage, textarea.input-percentage {
2597
+ width: 45px;
2598
+ }
2599
+
2600
+ input.filter-input, textarea.filter-input {
2601
+ padding-left: 28px;
2602
+ background-image: url(/admin/icon-sprite.png);
2603
+ background-repeat: no-repeat;
2604
+ background-position: -5px -962px;
2605
+ }
2606
+
2607
+ input.w-tiny, textarea.w-tiny {
2608
+ width: 60px;
2609
+ }
2610
+
2611
+ input.w-micro, textarea.w-micro {
2612
+ width: 35px;
2613
+ }
2614
+
2615
+ input.w-small, textarea.w-small {
2616
+ width: 120px;
2617
+ }
2618
+
2619
+ input.w-half, textarea.w-half {
2620
+ width: 50%;
2621
+ }
2622
+
2623
+ input.w-big, textarea.w-big {
2624
+ width: 170px;
2625
+ }
2626
+
2627
+ input::-ms-clear, textarea::-ms-clear {
2628
+ display: none;
2629
+ }
2630
+
2631
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
2632
+ color: #c3cfd8;
2633
+ opacity: 1;
2634
+ }
2635
+
2636
+ input::-moz-placeholder, textarea::-moz-placeholder {
2637
+ color: #c3cfd8;
2638
+ opacity: 1;
2639
+ }
2640
+
2641
+ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
2642
+ color: #c3cfd8;
2643
+ opacity: 1;
2644
+ }
2645
+
2646
+ input::placeholder, textarea::placeholder {
2647
+ color: #c3cfd8;
2648
+ opacity: 1;
2649
+ }
2650
+
2651
+ input[disabled], textarea[disabled] {
2652
+ border: 1px solid #ebeef0;
2653
+ background: #fafbfc;
2654
+ color: #c3cfd8;
2655
+ }
2656
+
2657
+ .field_with_errors {
2658
+ display: inline;
2659
+ }
2660
+
2661
+ .field_with_errors input, .field_with_errors textarea {
2662
+ border-color: #cc4c3f;
2663
+ background-color: #fef6f5;
2664
+ }
2665
+
2666
+ input.error, select.error, textarea.error {
2667
+ -webkit-animation: fieldErrors 0.25s linear;
2668
+ animation: fieldErrors 0.25s linear;
2669
+ }
2670
+
2671
+ input[type=checkbox], input[type=radio] {
2672
+ height: auto;
2673
+ line-height: 1;
2674
+ width: auto;
2675
+ max-width: none;
2676
+ margin: 0 5px 5px 0;
2677
+ border: none;
2678
+ padding: 0;
2679
+ vertical-align: baseline;
2680
+ }
2681
+
2682
+ input[type=checkbox]:focus, input[type=radio]:focus {
2683
+ outline: 2px auto #0078bd;
2684
+ }
2685
+
2686
+ input[type=file] {
2687
+ width: auto;
2688
+ max-width: none;
2689
+ cursor: pointer;
2690
+ border: none;
2691
+ box-shadow: none;
2692
+ padding: 0;
2693
+ margin: 0;
2694
+ }
2695
+
2696
+ input[type=file]:focus {
2697
+ outline: none;
2698
+ border: none;
2699
+ }
2700
+
2701
+ input[type=submit],
2702
+ input[type=button] {
2703
+ width: auto;
2704
+ max-width: none;
2705
+ cursor: pointer;
2706
+ }
2707
+
2708
+ input[type=number] {
2709
+ width: 60px;
2710
+ }
2711
+
2712
+ input[type=number].w-currency {
2713
+ width: 90px;
2714
+ }
2715
+
2716
+ input[type=number].no-spinbox::-webkit-inner-spin-button, input[type=number].no-spinbox::-webkit-outer-spin-button {
2717
+ -webkit-appearance: none;
2718
+ margin: 0;
2719
+ }
2720
+
2721
+ input[type=number].no-spinbox {
2722
+ -moz-appearance: textfield;
2723
+ }
2724
+
2725
+ input[type=search] {
2726
+ -webkit-appearance: none;
2727
+ }
2728
+
2729
+ textarea {
2730
+ min-height: 72px;
2731
+ line-height: 20px;
2732
+ -webkit-transition: min-height 0.15s;
2733
+ transition: min-height 0.15s;
2734
+ }
2735
+
2736
+ textarea.tall {
2737
+ min-height: 180px;
2738
+ }
2739
+
2740
+ textarea.is-expanded {
2741
+ min-height: 240px;
2742
+ }
2743
+
2744
+ select {
2745
+ margin: 0;
2746
+ font-family: $font-family;
2747
+ font-size: 14px;
2748
+ display: inline-block;
2749
+ color: #222;
2750
+ vertical-align: top;
2751
+ height: 28px;
2752
+ line-height: 28px;
2753
+ padding: 4px 2px 2px 2px;
2754
+ border: 1px solid #ccc;
2755
+ border-radius: 1px;
2756
+ max-width: 100%;
2757
+ }
2758
+
2759
+ select.error {
2760
+ border-color: #cc4c3f;
2761
+ background-color: #FFFCFC;
2762
+ }
2763
+
2764
+ select:focus, select.focus {
2765
+ outline: none;
2766
+ border: 1px solid #0078bd;
2767
+ }
2768
+
2769
+ select.full-width {
2770
+ width: 100%;
2771
+ }
2772
+
2773
+ select[class*="span"] {
2774
+ margin: 0 0 5px 0;
2775
+ float: none;
2776
+ padding: 4px 2px 2px 2px;
2777
+ max-width: none;
2778
+ }
2779
+
2780
+ select[disabled] {
2781
+ background-color: #fafafa;
2782
+ background-image: url(/admin/diagonal-line-bg.png);
2783
+ border-color: #ddd;
2784
+ color: #999;
2785
+ }
2786
+
2787
+ .selectContainerStyled {
2788
+ display: inline;
2789
+ position: relative;
2790
+ }
2791
+
2792
+ .selectContainerStyled::before {
2793
+ content: "";
2794
+ width: 16px;
2795
+ height: 16px;
2796
+ display: block;
2797
+ position: absolute;
2798
+ right: 6px;
2799
+ top: 1px;
2800
+ background-image: url(/admin/ico-sprite-small.png);
2801
+ background-position: 0 -160px;
2802
+ z-index: 2;
2803
+ }
2804
+
2805
+ .selectContainerStyled select::-ms-expand {
2806
+ display: none;
2807
+ }
2808
+
2809
+ .radio-group input[type="radio"] {
2810
+ float: left;
2811
+ margin-top: 3px;
2812
+ }
2813
+
2814
+ .radio-group label {
2815
+ display: table-cell;
2816
+ }
2817
+
2818
+ .attach-to-field {
2819
+ box-sizing: border-box;
2820
+ width: 100%;
2821
+ position: relative;
2822
+ font-size: 13px;
2823
+ padding: 7px 10px;
2824
+ border: 1px solid #ccc;
2825
+ background: #fafafa;
2826
+ border-top: none;
2827
+ border-radius: 0 0 3px 3px;
2828
+ }
2829
+
2830
+ .ui-autocomplete {
2831
+ padding: 0;
2832
+ list-style: none;
2833
+ background-color: #ffffff;
2834
+ border: 1px solid #ccc;
2835
+ width: 345px !important;
2836
+ max-height: 200px;
2837
+ overflow-y: scroll;
2838
+ z-index: 9999;
2839
+ }
2840
+
2841
+ .ui-autocomplete .ui-menu-item a {
2842
+ border-top: 1px solid #e6e6e6;
2843
+ display: block;
2844
+ padding: 4px 6px;
2845
+ cursor: pointer;
2846
+ }
2847
+
2848
+ .ui-autocomplete .ui-menu-item:first-child a {
2849
+ border-top: none;
2850
+ }
2851
+
2852
+ .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-focus {
2853
+ background-color: #EFEFEF;
2854
+ }
2855
+
2856
+ .add-on {
2857
+ background: #fafafa;
2858
+ color: #666;
2859
+ border: 1px solid #ccc;
2860
+ display: inline-block;
2861
+ font-size: 13px;
2862
+ line-height: 18px;
2863
+ height: 18px;
2864
+ padding: 4px;
2865
+ }
2866
+
2867
+ .add-on input {
2868
+ margin-left: 0;
2869
+ margin-right: 0;
2870
+ }
2871
+
2872
+ .add-on.before {
2873
+ position: relative;
2874
+ margin-right: -7px;
2875
+ border-radius: 3px 0 0 3px;
2876
+ }
2877
+
2878
+ .add-on.before.is-connected {
2879
+ margin: 0;
2880
+ border-right: none;
2881
+ }
2882
+
2883
+ .add-on.after {
2884
+ position: relative;
2885
+ left: -7px;
2886
+ border-radius: 0 3px 3px 0;
2887
+ }
2888
+
2889
+ .add-on.add-on-handle {
2890
+ border-right: 0;
2891
+ border-radius: 3px 0 0 3px;
2892
+ }
2893
+
2894
+ .add-on.add-on-select {
2895
+ -moz-appearance: none;
2896
+ -webkit-appearance: none;
2897
+ margin: 0 0 0 -1px;
2898
+ padding-right: 28px;
2899
+ background-image: url(/admin/icon-sprite.png);
2900
+ background-position: 140px -411px;
2901
+ background-repeat: no-repeat;
2902
+ text-indent: 0.01px;
2903
+ border-radius: 0 3px 3px 0;
2904
+ width: 175px;
2905
+ height: 28px;
2906
+ }
2907
+
2908
+ span.arrow {
2909
+ line-height: 28px;
2910
+ background-image: url(/admin/icon-sprite.png);
2911
+ background-repeat: no-repeat;
2912
+ background-position: -5px -2367px;
2913
+ padding: 0 13px;
2914
+ }
2915
+
2916
+ .date-selector-item {
2917
+ display: inline-block;
2918
+ line-height: 28px;
2919
+ }
2920
+
2921
+ .input-date {
2922
+ min-width: 130px;
2923
+ max-width: 130px;
2924
+ }
2925
+
2926
+ .input-time {
2927
+ width: 130px;
2928
+ }
2929
+
2930
+ .input-has-icon {
2931
+ display: inline-block;
2932
+ position: relative;
2933
+ }
2934
+
2935
+ .input-has-icon .ico {
2936
+ position: absolute;
2937
+ top: 50%;
2938
+ left: 6px;
2939
+ margin-top: -7px;
2940
+ }
2941
+
2942
+ .input-has-icon input[type=text] {
2943
+ padding-left: 24px;
2944
+ margin-bottom: 0;
2945
+ margin-left: 0;
2946
+ }
2947
+
2948
+ .styled-file-input {
2949
+ cursor: pointer;
2950
+ }
2951
+
2952
+ .styled-file-input .btn, .styled-file-input .btn--plain {
2953
+ position: relative;
2954
+ overflow: hidden;
2955
+ }
2956
+
2957
+ .styled-file-input .btn > span, .styled-file-input .btn--plain > span {
2958
+ color: #0078bd;
2959
+ }
2960
+
2961
+ .styled-file-input .btn > label, .styled-file-input .btn--plain > label {
2962
+ margin: 0;
2963
+ color: inherit;
2964
+ font-weight: inherit;
2965
+ }
2966
+
2967
+ .styled-file-input .btn-primary > span {
2968
+ color: #ffffff;
2969
+ }
2970
+
2971
+ .styled-file-input input[type=file] {
2972
+ position: absolute;
2973
+ filter: alpha(opacity=0);
2974
+ opacity: 0;
2975
+ font-size: 100px;
2976
+ top: 0;
2977
+ left: 0;
2978
+ width: 100%;
2979
+ height: 100%;
2980
+ cursor: pointer;
2981
+ }
2982
+
2983
+ .buttons .styled-file-input {
2984
+ display: inline-block;
2985
+ }
2986
+
2987
+ .has-search-icon {
2988
+ background-image: url(/admin/icon-sprite.png);
2989
+ background-position: -2px -962px;
2990
+ background-repeat: no-repeat;
2991
+ padding-left: 32px !important;
2992
+ }
2993
+
2994
+ .secure-input-container {
2995
+ position: relative;
2996
+ }
2997
+
2998
+ .secure-input-icon {
2999
+ position: absolute;
3000
+ top: 6px;
3001
+ right: 6px;
3002
+ }
3003
+
3004
+ .secure-input-icon-large {
3005
+ top: 8px;
3006
+ }
3007
+
3008
+ .choicelist li {
3009
+ position: relative;
3010
+ padding-left: 23px;
3011
+ margin-bottom: 8px;
3012
+ }
3013
+
3014
+ .choicelist li:last-child {
3015
+ margin-bottom: 0;
3016
+ }
3017
+
3018
+ .choicelist li > input {
3019
+ position: absolute;
3020
+ left: 0;
3021
+ top: 2px;
3022
+ }
3023
+
3024
+ .elbow {
3025
+ margin-top: 5px;
3026
+ }
3027
+
3028
+ .elbow::before {
3029
+ content: "⌞";
3030
+ padding-right: 5px;
3031
+ }
3032
+
3033
+ .radio-filters {
3034
+ margin: 0;
3035
+ display: block;
3036
+ float: right;
3037
+ list-style: none;
3038
+ }
3039
+
3040
+ .radio-filter {
3041
+ display: inline-block;
3042
+ margin-left: 15px;
3043
+ }
3044
+
3045
+ .radio-filter-input {
3046
+ display: none;
3047
+ }
3048
+
3049
+ .radio-filter-label {
3050
+ cursor: pointer;
3051
+ display: inline-block;
3052
+ margin: 0;
3053
+ vertical-align: middle;
3054
+ font-weight: normal;
3055
+ color: #798c9c;
3056
+ }
3057
+
3058
+ .radio-filter-label::before {
3059
+ content: "";
3060
+ margin-top: -3px;
3061
+ vertical-align: middle;
3062
+ display: inline-block;
3063
+ width: 10px;
3064
+ height: 10px;
3065
+ border-radius: 10px;
3066
+ background: #ffffff;
3067
+ border: 1px solid #95a7b7;
3068
+ -webkit-transition: all 0.15s;
3069
+ transition: all 0.15s;
3070
+ }
3071
+
3072
+ .radio-filter-input:checked + .radio-filter-all:before {
3073
+ background: #0078bd;
3074
+ border-color: #0078bd;
3075
+ }
3076
+
3077
+ .radio-filter-input:checked + .radio-filter-store:before {
3078
+ background: #94c140;
3079
+ border-color: #94c140;
3080
+ }
3081
+
3082
+ .radio-filter-input:checked + .radio-filter-admin:before {
3083
+ background: #e49642;
3084
+ border-color: #e49642;
3085
+ }
3086
+
3087
+ .copy-link .fixed-container {
3088
+ vertical-align: bottom;
3089
+ padding-left: 20px;
3090
+ }
3091
+
3092
+ .copy-link .variable-container input {
3093
+ padding: 15px;
3094
+ }
3095
+
3096
+ .dom-switch, .dom-switch-target {
3097
+ display: none;
3098
+ }
3099
+
3100
+ input[type="checkbox"].dom-switch ~ .dom-switch-button {
3101
+ color: #0078bd;
3102
+ font-weight: normal;
3103
+ cursor: pointer;
3104
+ }
3105
+
3106
+ input[type="checkbox"].dom-switch:checked ~ .dom-switch-target {
3107
+ display: block;
3108
+ }
3109
+
3110
+ input[disabled] + label.gray-on-disabled, input[disabled] + label.gray-on-disabled strong {
3111
+ color: #bbbbbb;
3112
+ }
3113
+
3114
+ .next-ui .js-province-select,
3115
+ .next-ui .js-country-select {
3116
+ display: block;
3117
+ width: 100%;
3118
+ }
3119
+
3120
+ .next-ui .form--button-only {
3121
+ display: inline-block;
3122
+ }
3123
+
3124
+ .next-ui .outer-input-border:not(:focus) {
3125
+ box-shadow: none;
3126
+ }
3127
+
3128
+ input.attached-to-left {
3129
+ border-radius: 3px 0 0 3px;
3130
+ }
3131
+
3132
+ input.attached-to-right {
3133
+ border-radius: 0 3px 3px 0;
3134
+ }
3135
+
3136
+ input.attached-to-both {
3137
+ border-radius: 0;
3138
+ }
3139
+
3140
+ .next-form {
3141
+ margin: 0;
3142
+ padding: 0;
3143
+ }
3144
+
3145
+ .next-input, .sp-input, .next-input--stylized, .next-input--invisible {
3146
+ display: inline-block;
3147
+ max-width: auto;
3148
+ min-width: 75px;
3149
+ vertical-align: baseline;
3150
+ width: auto;
3151
+ height: auto;
3152
+ padding: 1px;
3153
+ margin: 0;
3154
+ border: 1px solid #95a7b7;
3155
+ border-radius: 0;
3156
+ border-style: inset;
3157
+ color: #000000;
3158
+ -webkit-appearance: none;
3159
+ -moz-appearance: none;
3160
+ }
3161
+
3162
+ .next-textarea {
3163
+ display: inline-block;
3164
+ max-width: auto;
3165
+ vertical-align: baseline;
3166
+ width: auto;
3167
+ height: auto;
3168
+ padding: 1px;
3169
+ margin: 0;
3170
+ border: 1px solid #95a7b7;
3171
+ border-radius: 0;
3172
+ color: #000000;
3173
+ min-height: 0;
3174
+ line-height: normal;
3175
+ -webkit-appearance: none;
3176
+ -moz-appearance: none;
3177
+ }
3178
+
3179
+ .next-input--number,
3180
+ input[type=number].next-input--number {
3181
+ width: auto;
3182
+ }
3183
+
3184
+ .next-input--submit,
3185
+ input[type=submit].next-input--submit {
3186
+ cursor: default;
3187
+ width: auto;
3188
+ max-width: none;
3189
+ margin: 2px;
3190
+ padding: 3px 6px;
3191
+ }
3192
+
3193
+ .next-input--button,
3194
+ input[type=button].next-input--button {
3195
+ cursor: default;
3196
+ width: auto;
3197
+ max-width: none;
3198
+ margin: 2px;
3199
+ padding: 3px 6px;
3200
+ }
3201
+
3202
+ .next-input[disabled], [disabled].next-input--stylized,
3203
+ .next-input--is-disabled {
3204
+ background-color: white;
3205
+ background-image: none;
3206
+ border-color: #95a7b7;
3207
+ color: graytext;
3208
+ -webkit-appearance: none;
3209
+ -moz-appearance: none;
3210
+ }
3211
+
3212
+ .next-input, .sp-input, .next-input--stylized, .next-textarea, .next-token-list--is-input {
3213
+ padding: 5px 10px;
3214
+ border: 1px solid #d3dbe2;
3215
+ border-radius: 3px;
3216
+ color: rgba(0,0,0,0.9);
3217
+ font-size: 1.14286rem;
3218
+ line-height: 1.71429rem;
3219
+ font-weight: 400;
3220
+ text-transform: initial;
3221
+ letter-spacing: initial;
3222
+ -webkit-font-smoothing: antialiased;
3223
+ -moz-osx-font-smoothing: grayscale;
3224
+ box-sizing: border-box;
3225
+ display: block;
3226
+ width: 100%;
3227
+ }
3228
+
3229
+ .next-input::-webkit-input-placeholder, .next-input--stylized::-webkit-input-placeholder, .next-textarea::-webkit-input-placeholder {
3230
+ color: #c3cfd8;
3231
+ }
3232
+
3233
+ .next-input::-moz-placeholder, .next-input--stylized::-moz-placeholder, .next-textarea::-moz-placeholder {
3234
+ color: #c3cfd8;
3235
+ }
3236
+
3237
+ .next-input:-ms-input-placeholder, .next-input--stylized:-ms-input-placeholder, .next-textarea:-ms-input-placeholder {
3238
+ color: #c3cfd8;
3239
+ }
3240
+
3241
+ .next-input::placeholder, .next-input--stylized::placeholder, .next-textarea::placeholder {
3242
+ color: #c3cfd8;
3243
+ }
3244
+
3245
+ .next-input:focus, .next-input--stylized:focus, .next-textarea:focus {
3246
+ border: 1px solid #0078bd;
3247
+ }
3248
+
3249
+ .next-form.next-form--full-width {
3250
+ width: 100%;
3251
+ }
3252
+
3253
+ .next-label {
3254
+ display: block;
3255
+ margin-bottom: 5px;
3256
+ color: rgba(0,0,0,0.9);
3257
+ font-size: 1.07143rem;
3258
+ line-height: 1.42857rem;
3259
+ font-weight: 400;
3260
+ text-transform: initial;
3261
+ letter-spacing: initial;
3262
+ -webkit-font-smoothing: antialiased;
3263
+ -moz-osx-font-smoothing: grayscale;
3264
+ cursor: pointer;
3265
+
3266
+ @media screen and (min-width: 640px) {
3267
+ font-size: 1rem;
3268
+ }
3269
+ }
3270
+
3271
+ .next-label--inline {
3272
+ display: inline-block;
3273
+ padding-right: 10px;
3274
+ }
3275
+
3276
+ .next-label--no-margin {
3277
+ margin: 0;
3278
+ }
3279
+
3280
+ .next-label--increased-letter-spacing {
3281
+ letter-spacing: 0.05em;
3282
+ }
3283
+
3284
+ .next-input__help-text {
3285
+ font-style: italic;
3286
+ font-size: 13px;
3287
+ color: #95a7b7;
3288
+ margin-top: 5px;
3289
+ }
3290
+
3291
+ .next-radio--styled + .next-input__help-text,
3292
+ .next-checkbox--styled + .next-input__help-text {
3293
+ padding-left: 26px;
3294
+ }
3295
+
3296
+ .next-input--inline {
3297
+ display: inline-block;
3298
+ }
3299
+
3300
+ .next-textarea {
3301
+ height: 100px;
3302
+ }
3303
+
3304
+ .next-textarea--resize-vertical {
3305
+ resize: vertical;
3306
+ max-height: 200px;
3307
+ }
3308
+
3309
+ .next-textarea--expanding {
3310
+ resize: none;
3311
+ overflow: hidden;
3312
+ height: 30px;
3313
+ }
3314
+
3315
+ .next-input--number,
3316
+ input[type=number].next-input--number {
3317
+ min-width: 0;
3318
+ }
3319
+
3320
+ .next-input--submit,
3321
+ input[type=submit].next-input--submit {
3322
+ padding: 10px 15px;
3323
+ border: none;
3324
+ border-radius: 3px;
3325
+ background-color: #0078bd;
3326
+ color: #ffffff;
3327
+ font-size: 13px;
3328
+ }
3329
+
3330
+ .next-input--quantity,
3331
+ input[type=number].next-input--quantity {
3332
+ min-width: 45px;
3333
+ width: 45px;
3334
+ }
3335
+
3336
+ .next-input[disabled], [disabled].next-input--stylized,
3337
+ .next-input--is-disabled {
3338
+ border: 1px solid #ebeef0;
3339
+ background: #fafbfc;
3340
+ color: #c3cfd8;
3341
+ }
3342
+
3343
+ .next-input[disabled]:hover, [disabled].next-input--stylized:hover,
3344
+ .next-input--is-disabled:hover {
3345
+ border: 1px solid #ebeef0;
3346
+ background: #fafbfc;
3347
+ }
3348
+
3349
+ .next-input[disabled].next-input--invisible, [disabled].next-input--invisible.next-input--stylized,
3350
+ .next-input--is-disabled.next-input--invisible {
3351
+ background: none;
3352
+ border: none;
3353
+ }
3354
+
3355
+ .next-input[readonly], [readonly].next-input--stylized {
3356
+ background: #fafbfc;
3357
+ }
3358
+
3359
+ .next-input-wrapper {
3360
+ position: relative;
3361
+ }
3362
+
3363
+ .next-input-wrapper + .next-input-wrapper {
3364
+ margin-top: 20px;
3365
+ }
3366
+
3367
+ .next-input-wrapper + .next-input-wrapper--halved {
3368
+ margin-top: 10px;
3369
+ }
3370
+
3371
+ .next-input-wrapper + .wrappable {
3372
+ padding-top: 20px;
3373
+ }
3374
+
3375
+ .wrappable + .next-input-wrapper {
3376
+ margin-top: 20px;
3377
+ }
3378
+
3379
+ .next-fieldset-wrapper .next-input-wrapper {
3380
+ margin-top: 5px;
3381
+ }
3382
+
3383
+ .select .next-input-wrapper {
3384
+ height: 16px;
3385
+ }
3386
+
3387
+ .next-input-wrapper--inline {
3388
+ display: inline-block;
3389
+ }
3390
+
3391
+ .next-input-wrapper--is-error .next-label {
3392
+ color: #ff5d5d;
3393
+ }
3394
+
3395
+ .next-input-wrapper--is-error .next-input, .next-input-wrapper--is-error .next-input--stylized,
3396
+ .next-input-wrapper--is-error .next-textarea,
3397
+ .next-input-wrapper--is-error .next-select__wrapper {
3398
+ border-color: #ff5d5d;
3399
+ background-color: #fef6f5;
3400
+ }
3401
+
3402
+ .next-input-wrapper--inline {
3403
+ display: inline-block;
3404
+ }
3405
+
3406
+ .next-input-wrapper--half-spacing {
3407
+ margin-bottom: 10px;
3408
+ margin-top: 10px;
3409
+ }
3410
+
3411
+ .next-input--stylized {
3412
+ position: relative;
3413
+ display: -webkit-box;
3414
+ display: -webkit-flex;
3415
+ display: -ms-flexbox;
3416
+ display: flex;
3417
+ overflow: hidden;
3418
+ background: #ffffff;
3419
+ margin-right: 0.5px;
3420
+ }
3421
+
3422
+ .next-input--stylized .next-input, .next-input--stylized .next-input--stylized {
3423
+ min-width: 0;
3424
+ }
3425
+
3426
+ .next-input--stylized .field_with_errors {
3427
+ -webkit-box-flex: 1;
3428
+ -webkit-flex: 1;
3429
+ -ms-flex: 1;
3430
+ flex: 1;
3431
+ }
3432
+
3433
+ .next-input--scrollable {
3434
+ overflow: auto;
3435
+ }
3436
+
3437
+ .next-input--invisible {
3438
+ -webkit-box-flex: 1;
3439
+ -webkit-flex: 1 1 auto;
3440
+ -ms-flex: 1 1 auto;
3441
+ flex: 1 1 auto;
3442
+ height: auto;
3443
+ padding: 0;
3444
+ border: none;
3445
+ color: #31373d;
3446
+ }
3447
+
3448
+ .next-input--invisible::-webkit-input-placeholder {
3449
+ color: #c3cfd8;
3450
+ }
3451
+
3452
+ .next-input--invisible::-moz-placeholder {
3453
+ color: #c3cfd8;
3454
+ }
3455
+
3456
+ .next-input--invisible:-ms-input-placeholder {
3457
+ color: #c3cfd8;
3458
+ }
3459
+
3460
+ .next-input--invisible::placeholder {
3461
+ color: #c3cfd8;
3462
+ }
3463
+
3464
+ .next-input--invisible:focus {
3465
+ border: none;
3466
+ }
3467
+
3468
+ .next-input__add-on {
3469
+ -webkit-align-self: center;
3470
+ -ms-flex-item-align: center;
3471
+ align-self: center;
3472
+ -webkit-box-flex: 0;
3473
+ -webkit-flex: none;
3474
+ -ms-flex: none;
3475
+ flex: none;
3476
+ white-space: nowrap;
3477
+ color: #95a7b7;
3478
+ }
3479
+
3480
+ .next-input--has-content .next-input__add-on {
3481
+ color: #31373d;
3482
+ }
3483
+
3484
+ .next-input__add-on--before {
3485
+ padding-right: 4px;
3486
+ }
3487
+
3488
+ .next-input__add-on--before > .next-icon {
3489
+ margin-right: 6px;
3490
+ }
3491
+
3492
+ .next-input__add-on--after {
3493
+ padding-left: 4px;
3494
+ }
3495
+
3496
+ .next-input__add-on--url-base {
3497
+ color: #798c9c;
3498
+ padding-right: 0;
3499
+ }
3500
+
3501
+ .next-radio,
3502
+ input[type=radio].next-radio,
3503
+ .next-checkbox,
3504
+ input[type=checkbox].next-checkbox, .next-radio--styled, .next-checkbox--styled {
3505
+ display: block;
3506
+ position: absolute;
3507
+ left: 0;
3508
+ top: 0.15em;
3509
+ height: 16px;
3510
+ width: 16px;
3511
+ border: 1px solid #d3dbe2;
3512
+ background-color: #ffffff;
3513
+ margin: 0;
3514
+ box-sizing: border-box;
3515
+ vertical-align: middle;
3516
+ }
3517
+
3518
+ .next-radio,
3519
+ input[type=radio].next-radio,
3520
+ .next-checkbox,
3521
+ input[type=checkbox].next-checkbox {
3522
+ z-index: 2;
3523
+ opacity: 0;
3524
+ }
3525
+
3526
+ .next-input-wrapper--inline .next-radio, .next-input-wrapper--inline
3527
+ input[type=radio].next-radio, .next-input-wrapper--inline
3528
+ .next-checkbox, .next-input-wrapper--inline
3529
+ input[type=checkbox].next-checkbox {
3530
+ display: inline-block;
3531
+ position: relative;
3532
+ }
3533
+
3534
+ .next-label--switch {
3535
+ display: inline-block;
3536
+ position: relative;
3537
+ padding-left: 26px;
3538
+ margin-bottom: 0;
3539
+ }
3540
+
3541
+ .next-label--switch--centered .next-radio--styled,
3542
+ .next-label--switch--centered .next-checkbox--styled {
3543
+ top: 50%;
3544
+ -webkit-transform: translateY(-50%);
3545
+ -ms-transform: translateY(-50%);
3546
+ transform: translateY(-50%);
3547
+ }
3548
+
3549
+ .next-input-wrapper--inline .next-radio--styled, .next-input-wrapper--inline
3550
+ .next-checkbox--styled {
3551
+ left: 0;
3552
+ top: 50%;
3553
+ margin-top: -8px;
3554
+ }
3555
+
3556
+ .next-radio--styled {
3557
+ border-radius: 100%;
3558
+ z-index: 1;
3559
+ }
3560
+
3561
+ .next-radio--styled::after {
3562
+ content: "";
3563
+ display: block;
3564
+ height: 8px;
3565
+ width: 8px;
3566
+ position: absolute;
3567
+ top: 50%;
3568
+ left: 50%;
3569
+ border-radius: 100%;
3570
+ background-color: transparent;
3571
+ -webkit-transform: translate(-50%, -50%) scale(0);
3572
+ -ms-transform: translate(-50%, -50%) scale(0);
3573
+ transform: translate(-50%, -50%) scale(0);
3574
+ -webkit-transition: -webkit-transform 0.15s ease-in-out;
3575
+ transition: transform 0.15s ease-in-out;
3576
+ }
3577
+
3578
+ .next-radio:active ~ .next-radio--styled, .next-radio:focus .next-radio--styled {
3579
+ border-color: #0078bd;
3580
+ }
3581
+
3582
+ .next-radio:checked ~ .next-radio--styled::after {
3583
+ background-color: #0078bd;
3584
+ -webkit-transform: translate(-50%, -50%) scale(1);
3585
+ -ms-transform: translate(-50%, -50%) scale(1);
3586
+ transform: translate(-50%, -50%) scale(1);
3587
+ }
3588
+
3589
+ .next-checkbox--styled {
3590
+ border-radius: 3px;
3591
+ z-index: 1;
3592
+ }
3593
+
3594
+ .next-checkbox--styled .next-icon {
3595
+ display: block;
3596
+ top: 2px;
3597
+ left: 2px;
3598
+ position: absolute;
3599
+ -webkit-transform: scale(0);
3600
+ -ms-transform: scale(0);
3601
+ transform: scale(0);
3602
+ -webkit-transition: -webkit-transform 0.15s ease-in-out;
3603
+ transition: transform 0.15s ease-in-out;
3604
+ z-index: 2;
3605
+ }
3606
+
3607
+ .next-checkbox:checked ~ .next-checkbox--styled .next-icon.checkmark, .next-checkbox:indeterminate ~ .next-checkbox--styled .next-icon.indeterminate {
3608
+ -webkit-transform: scale(1);
3609
+ -ms-transform: scale(1);
3610
+ transform: scale(1);
3611
+ }
3612
+
3613
+ .next-checkbox:active ~ .next-checkbox--styled, .next-checkbox:focus ~ .next-checkbox--styled {
3614
+ border-color: #0078bd;
3615
+ }
3616
+
3617
+ .next-input--is-focused {
3618
+ border: 1px solid #0078bd;
3619
+ }
3620
+
3621
+ .next-input--has-error {
3622
+ border: 1px solid #ff5d5d;
3623
+ background: #fef6f5;
3624
+ }
3625
+
3626
+ .next-select__wrapper {
3627
+ border: 1px solid #d3dbe2;
3628
+ border-radius: 3px;
3629
+ box-sizing: border-box;
3630
+ position: relative;
3631
+ background: #ffffff;
3632
+ overflow: hidden;
3633
+ vertical-align: bottom;
3634
+ }
3635
+
3636
+ .next-select__wrapper.next-input--is-focused {
3637
+ border-color: #0078bd;
3638
+ }
3639
+
3640
+ .next-select__wrapper .next-icon {
3641
+ cursor: pointer;
3642
+ display: block;
3643
+ fill: #798c9c;
3644
+ position: absolute;
3645
+ right: 10px;
3646
+ top: 50%;
3647
+ margin-top: -6px;
3648
+ pointer-events: none;
3649
+ }
3650
+
3651
+ .next-field--connected .next-select__wrapper {
3652
+ border-radius: 0 3px 3px 0;
3653
+ }
3654
+
3655
+ .next-select__wrapper--inline {
3656
+ display: inline-block;
3657
+ }
3658
+
3659
+ .next-input-wrapper--inline-group > * + * {
3660
+ margin-left: 10px;
3661
+ }
3662
+
3663
+ .next-select {
3664
+ -webkit-appearance: none;
3665
+ -moz-appearance: none;
3666
+ width: 100%;
3667
+ color: rgba(0,0,0,0.9);
3668
+ font-size: 1.14286rem;
3669
+ line-height: 1.71429rem;
3670
+ font-weight: 400;
3671
+ text-transform: initial;
3672
+ letter-spacing: initial;
3673
+ -webkit-font-smoothing: antialiased;
3674
+ -moz-osx-font-smoothing: grayscale;
3675
+ background: transparent;
3676
+ padding: 5px 10px;
3677
+ padding-right: 32px;
3678
+ border: 0;
3679
+ box-sizing: border-box;
3680
+ height: auto;
3681
+ max-width: none;
3682
+ display: block;
3683
+ }
3684
+
3685
+ .next-select:focus {
3686
+ outline: none;
3687
+ border: none;
3688
+ }
3689
+
3690
+ .next-select option {
3691
+ color: #31373d;
3692
+ }
3693
+
3694
+ .next-select:-moz-focusring {
3695
+ color: transparent;
3696
+ text-shadow: 0 0 0 #000;
3697
+ }
3698
+
3699
+ .next-select::-ms-expand {
3700
+ display: none;
3701
+ }
3702
+
3703
+ .next-select:focus::-ms-value {
3704
+ background: transparent;
3705
+ color: #31373d;
3706
+ }
3707
+
3708
+ .next-field__connected-wrapper {
3709
+ display: -webkit-box;
3710
+ display: -webkit-flex;
3711
+ display: -ms-flexbox;
3712
+ display: flex;
3713
+ }
3714
+
3715
+ .next-form--multi-column .next-field__connected-wrapper {
3716
+ -webkit-box-orient: vertical;
3717
+ -webkit-box-direction: normal;
3718
+ -webkit-flex-direction: column;
3719
+ -ms-flex-direction: column;
3720
+ flex-direction: column;
3721
+ }
3722
+
3723
+ .next-field__connected-wrapper--align-right {
3724
+ -webkit-box-pack: end;
3725
+ -webkit-justify-content: flex-end;
3726
+ -ms-flex-pack: end;
3727
+ justify-content: flex-end;
3728
+ }
3729
+
3730
+ .next-form--align-center .next-field__connected-wrapper--align-center {
3731
+ -webkit-box-align: center;
3732
+ -webkit-align-items: center;
3733
+ -ms-flex-align: center;
3734
+ align-items: center;
3735
+ }
3736
+
3737
+ .next-field--connected {
3738
+ position: relative;
3739
+ border-radius: 0;
3740
+ -webkit-box-flex: 1;
3741
+ -webkit-flex: 1 1 0%;
3742
+ -ms-flex: 1 1 0%;
3743
+ flex: 1 1 0%;
3744
+ width: auto;
3745
+ left: -1px;
3746
+ margin: 0 -1px 0 0;
3747
+ }
3748
+
3749
+ .next-field--connected:focus:not(.btn) + .next-field--connected, .next-field--connected.next-input--is-focused + .next-field--connected {
3750
+ border-left: solid 1px #0078bd;
3751
+ }
3752
+
3753
+ .next-field--connected.btn:focus + .next-field--connected {
3754
+ border-left: solid 1px #D6D6D6;
3755
+ }
3756
+
3757
+ .next-field--connected:first-child {
3758
+ left: 0;
3759
+ margin-right: 0;
3760
+ border-top-left-radius: 3px;
3761
+ border-bottom-left-radius: 3px;
3762
+ }
3763
+
3764
+ .next-field--connected:last-child {
3765
+ border-top-right-radius: 3px;
3766
+ border-bottom-right-radius: 3px;
3767
+ }
3768
+
3769
+ .next-field--connected--no-flex {
3770
+ -webkit-box-flex: 0;
3771
+ -webkit-flex: 0 0 auto;
3772
+ -ms-flex: 0 0 auto;
3773
+ flex: 0 0 auto;
3774
+ }
3775
+
3776
+ .next-field--connected--extra-padding {
3777
+ padding-left: 10px;
3778
+ }
3779
+
3780
+ .next-form--multi-column .next-field--connected--extra-padding {
3781
+ padding-left: 0;
3782
+ padding-top: 10px;
3783
+ }
3784
+
3785
+ .next-input--search {
3786
+ -webkit-appearance: textfield;
3787
+ }
3788
+
3789
+ .next-input--search::-webkit-search-decoration, .next-input--search::-webkit-search-cancel-button {
3790
+ -webkit-appearance: none;
3791
+ }
3792
+
3793
+ .unstyled .next-input-wrapper {
3794
+ margin-top: 10px;
3795
+ }
3796
+
3797
+ .next-heading {
3798
+ color: rgba(0,0,0,0.9);
3799
+ font-size: 1.21429rem;
3800
+ line-height: 1.71429rem;
3801
+ font-weight: 600;
3802
+ margin: 0 0 20px;
3803
+
3804
+ @media screen and (min-width: 640px) {
3805
+ font-size: 1.14286rem;
3806
+ }
3807
+ }
3808
+
3809
+ .next-heading--1 {
3810
+ font-size: 22px;
3811
+ }
3812
+
3813
+ .next-heading--2 {
3814
+ font-size: 20px;
3815
+ }
3816
+
3817
+ .next-heading--3 {
3818
+ font-size: 18px;
3819
+ }
3820
+
3821
+ .next-heading--tiny {
3822
+ font-size: 13px;
3823
+ }
3824
+
3825
+ .next-heading--small {
3826
+ font-size: 15px;
3827
+ }
3828
+
3829
+ .next-heading--large {
3830
+ font-size: 24px;
3831
+ }
3832
+
3833
+ .next-heading--xl {
3834
+ font-size: 32px;
3835
+ }
3836
+
3837
+ .next-heading--light-weight {
3838
+ font-weight: 300;
3839
+ }
3840
+
3841
+ .next-heading--semi-bold {
3842
+ font-weight: 500;
3843
+ }
3844
+
3845
+ .next-heading--subdued {
3846
+ color: #798c9c;
3847
+ }
3848
+
3849
+ .next-heading--callout {
3850
+ font-size: 11px;
3851
+ text-transform: uppercase;
3852
+ letter-spacing: 0.04em;
3853
+ color: #c3cfd8;
3854
+ font-weight: 500;
3855
+ }
3856
+
3857
+ .next-heading--callout a.subdued {
3858
+ text-decoration: none;
3859
+ }
3860
+
3861
+ .next-heading--callout a.subdued:hover {
3862
+ text-decoration: underline;
3863
+ }
3864
+
3865
+ .next-heading--callout--darker {
3866
+ color: #798c9c;
3867
+ }
3868
+
3869
+ .next-heading--micro-uppercase-bordered {
3870
+ color: #798c9c;
3871
+ padding: 5px 20px;
3872
+ padding-top: 10px;
3873
+ font-size: 11px;
3874
+ text-transform: uppercase;
3875
+ border-bottom: solid 1px #ebeef0;
3876
+ margin: 0;
3877
+ }
3878
+
3879
+ .next-heading--no-margin {
3880
+ margin: 0;
3881
+ }
3882
+
3883
+ .next-heading--half-margin {
3884
+ margin: 0 0 10px;
3885
+ }
3886
+
3887
+ .next-heading--quarter-margin {
3888
+ margin: 0 0 5px;
3889
+ }
3890
+
3891
+ .next-icon, .next-icon__text {
3892
+ display: inline-block;
3893
+ vertical-align: middle;
3894
+ }
3895
+
3896
+ .next-icon {
3897
+ background-size: contain;
3898
+ background-position: center;
3899
+ background-repeat: no-repeat;
3900
+ position: relative;
3901
+ top: -0.15em;
3902
+ fill: currentColor;
3903
+ }
3904
+
3905
+ .next-icon--header {
3906
+ top: -0.1em;
3907
+ margin-right: 5px;
3908
+ fill: #798c9c;
3909
+ }
3910
+
3911
+ .next-icon--sidebar {
3912
+ margin-right: 15px;
3913
+ vertical-align: top;
3914
+ }
3915
+
3916
+ .is-disabled .next-icon--rte {
3917
+ opacity: 0.5;
3918
+ }
3919
+
3920
+ .next-icon--left-spacing-halved {
3921
+ margin-left: 10px;
3922
+ }
3923
+
3924
+ .next-icon--right-spacing-halved {
3925
+ margin-right: 10px;
3926
+ }
3927
+
3928
+ .next-icon--right-spacing-quartered {
3929
+ margin-right: 5px;
3930
+ }
3931
+
3932
+ .next-icon__text {
3933
+ margin-left: 5px;
3934
+ text-decoration: inherit;
3935
+ }
3936
+
3937
+ .next-icon--beside-text {
3938
+ padding-left: 10px;
3939
+ vertical-align: sub;
3940
+ }
3941
+
3942
+ .next-icon--beside-input {
3943
+ top: -7px;
3944
+ }
3945
+
3946
+ .next-icon__with-text-wrapper {
3947
+ display: -webkit-box;
3948
+ display: -webkit-flex;
3949
+ display: -ms-flexbox;
3950
+ display: flex;
3951
+ -webkit-box-align: center;
3952
+ -webkit-align-items: center;
3953
+ -ms-flex-align: center;
3954
+ align-items: center;
3955
+ }
3956
+
3957
+ .next-icon__with-text-wrapper--halved .next-icon + *, .next-icon__with-text-wrapper--halved
3958
+ * + .next-icon {
3959
+ margin-left: 10px;
3960
+ }
3961
+
3962
+ .next-icon__with-text-wrapper--quartered .next-icon + *, .next-icon__with-text-wrapper--quartered
3963
+ * + .next-icon {
3964
+ margin-left: 5px;
3965
+ }
3966
+
3967
+ .next-icon--rotate-45 {
3968
+ -webkit-transform: rotate(45deg);
3969
+ -ms-transform: rotate(45deg);
3970
+ transform: rotate(45deg);
3971
+ }
3972
+
3973
+ .next-icon--rotate-90 {
3974
+ -webkit-transform: rotate(90deg);
3975
+ -ms-transform: rotate(90deg);
3976
+ transform: rotate(90deg);
3977
+ }
3978
+
3979
+ .next-icon--rotate-135 {
3980
+ -webkit-transform: rotate(135deg);
3981
+ -ms-transform: rotate(135deg);
3982
+ transform: rotate(135deg);
3983
+ }
3984
+
3985
+ .next-icon--rotate-180 {
3986
+ -webkit-transform: rotate(180deg);
3987
+ -ms-transform: rotate(180deg);
3988
+ transform: rotate(180deg);
3989
+ }
3990
+
3991
+ .next-icon--rotate-225 {
3992
+ -webkit-transform: rotate(225deg);
3993
+ -ms-transform: rotate(225deg);
3994
+ transform: rotate(225deg);
3995
+ }
3996
+
3997
+ .next-icon--rotate-270 {
3998
+ -webkit-transform: rotate(270deg);
3999
+ -ms-transform: rotate(270deg);
4000
+ transform: rotate(270deg);
4001
+ }
4002
+
4003
+ .next-icon--color-sky {
4004
+ fill: #ebeef0;
4005
+ }
4006
+
4007
+ .next-icon--sky {
4008
+ fill: #ebeef0;
4009
+ }
4010
+
4011
+ .next-icon--color-sky-dark {
4012
+ fill: #d3dbe2;
4013
+ }
4014
+
4015
+ .next-icon--sky-dark {
4016
+ fill: #d3dbe2;
4017
+ }
4018
+
4019
+ .next-icon--color-sky-darker {
4020
+ fill: #c3cfd8;
4021
+ }
4022
+
4023
+ .next-icon--sky-darker {
4024
+ fill: #c3cfd8;
4025
+ }
4026
+
4027
+ .next-icon--color-slate-lightest {
4028
+ fill: #95a7b7;
4029
+ }
4030
+
4031
+ .next-icon--slate-lightest {
4032
+ fill: #95a7b7;
4033
+ }
4034
+
4035
+ .next-icon--color-slate-lighter {
4036
+ fill: #798c9c;
4037
+ }
4038
+
4039
+ .next-icon--slate-lighter {
4040
+ fill: #798c9c;
4041
+ }
4042
+
4043
+ .next-icon--color-blue {
4044
+ fill: #0078bd;
4045
+ }
4046
+
4047
+ .next-icon--blue {
4048
+ fill: #0078bd;
4049
+ }
4050
+
4051
+ .next-icon--color-blue-lighter {
4052
+ fill: #cae9f7;
4053
+ }
4054
+
4055
+ .next-icon--blue-lighter {
4056
+ fill: #cae9f7;
4057
+ }
4058
+
4059
+ .next-icon--color-green {
4060
+ fill: #96bf48;
4061
+ }
4062
+
4063
+ .next-icon--green {
4064
+ fill: #96bf48;
4065
+ }
4066
+
4067
+ .next-icon--color-yellow {
4068
+ fill: #ffd117;
4069
+ }
4070
+
4071
+ .next-icon--yellow {
4072
+ fill: #ffd117;
4073
+ }
4074
+
4075
+ .next-icon--color-yellow-dark {
4076
+ fill: #d4a002;
4077
+ }
4078
+
4079
+ .next-icon--yellow-dark {
4080
+ fill: #d4a002;
4081
+ }
4082
+
4083
+ .next-icon--color-white {
4084
+ fill: #ffffff;
4085
+ }
4086
+
4087
+ .next-icon--white {
4088
+ fill: #ffffff;
4089
+ }
4090
+
4091
+ .next-icon--no-nudge {
4092
+ top: 0;
4093
+ }
4094
+
4095
+ .next-icon--baseline {
4096
+ vertical-align: baseline;
4097
+ }
4098
+
4099
+ .frame .next-icon {
4100
+ top: 0;
4101
+ }
4102
+
4103
+ .next-icon--size-8 {
4104
+ width: 8px;
4105
+ height: 8px;
4106
+ }
4107
+
4108
+ .next-icon--8 {
4109
+ width: 8px;
4110
+ height: 8px;
4111
+ }
4112
+
4113
+ .next-icon--size-10 {
4114
+ width: 10px;
4115
+ height: 10px;
4116
+ }
4117
+
4118
+ .next-icon--10 {
4119
+ width: 10px;
4120
+ height: 10px;
4121
+ }
4122
+
4123
+ .next-icon--size-12 {
4124
+ width: 12px;
4125
+ height: 12px;
4126
+ }
4127
+
4128
+ .next-icon--12 {
4129
+ width: 12px;
4130
+ height: 12px;
4131
+ }
4132
+
4133
+ .next-icon--size-16 {
4134
+ width: 16px;
4135
+ height: 16px;
4136
+ }
4137
+
4138
+ .next-icon--16 {
4139
+ width: 16px;
4140
+ height: 16px;
4141
+ }
4142
+
4143
+ .next-icon--size-20 {
4144
+ width: 20px;
4145
+ height: 20px;
4146
+ }
4147
+
4148
+ .next-icon--20 {
4149
+ width: 20px;
4150
+ height: 20px;
4151
+ }
4152
+
4153
+ .next-icon--size-24 {
4154
+ width: 24px;
4155
+ height: 24px;
4156
+ }
4157
+
4158
+ .next-icon--24 {
4159
+ width: 24px;
4160
+ height: 24px;
4161
+ }
4162
+
4163
+ .next-icon--size-40 {
4164
+ width: 40px;
4165
+ height: 40px;
4166
+ }
4167
+
4168
+ .next-icon--40 {
4169
+ width: 40px;
4170
+ height: 40px;
4171
+ }
4172
+
4173
+ .next-icon--size-80 {
4174
+ width: 80px;
4175
+ height: 80px;
4176
+ }
4177
+
4178
+ .next-icon--80 {
4179
+ width: 80px;
4180
+ height: 80px;
4181
+ }
4182
+
4183
+ .next-icon--inline {
4184
+ padding-left: 0.125em;
4185
+ margin-bottom: -0.125em;
4186
+
4187
+ height: 1em;
4188
+ width: 1em;
4189
+ }
4190
+
4191
+ .section {
4192
+ position: relative;
4193
+ padding: 25px 0;
4194
+ border-bottom: 1px solid #e6e6e6;
4195
+ }
4196
+
4197
+ .section h5 {
4198
+ color: #000;
4199
+ padding: 0 0 7px 0;
4200
+ font-weight: bold;
4201
+ }
4202
+
4203
+ .section.row {
4204
+ margin: 0;
4205
+ }
4206
+
4207
+ .section.first-section {
4208
+ padding-top: 5px;
4209
+ }
4210
+
4211
+ .section.last-section {
4212
+ padding-bottom: 5px;
4213
+ border-bottom: none;
4214
+ }
4215
+
4216
+ .section .section-summary {
4217
+ float: left;
4218
+ padding-left: 50px;
4219
+ padding-right: 0px;
4220
+ }
4221
+
4222
+ .section .section-summary h1, .section .section-summary h2 {
4223
+ font-size: 18px;
4224
+ margin-bottom: 10px;
4225
+ }
4226
+
4227
+ .section .section-summary p {
4228
+ margin-bottom: 15px;
4229
+ }
4230
+
4231
+ .section .section-content {
4232
+ float: right;
4233
+ padding: 0 20px 0 25px;
4234
+ }
4235
+
4236
+ .section > .section-content-full-width {
4237
+ float: none;
4238
+ padding: 0 20px 0 50px;
4239
+ }
4240
+
4241
+ .section.setting-summary {
4242
+ padding: 10px 50px 30px 50px;
4243
+ }
4244
+
4245
+ .section.setting-summary.setting-summary-centered {
4246
+ text-align: center;
4247
+ padding: 10px 0 30px 0;
4248
+ }
4249
+
4250
+ .section.setting-summary p {
4251
+ font-size: 18px;
4252
+ color: #000;
4253
+ line-height: 28px;
4254
+ }
4255
+
4256
+ .section.section-vertically-centered {
4257
+ display: table;
4258
+ }
4259
+
4260
+ .section.section-vertically-centered > .section-summary {
4261
+ float: none;
4262
+ display: table-cell;
4263
+ }
4264
+
4265
+ .section.section-vertically-centered > .section-content {
4266
+ float: none;
4267
+ display: table-cell;
4268
+ vertical-align: middle;
4269
+ }
4270
+
4271
+ .section-heading {
4272
+ font-size: 18px;
4273
+ margin: 0 10px 20px 0;
4274
+ display: inline-block;
4275
+ }
4276
+
4277
+ .section-heading-label {
4278
+ display: inline-block;
4279
+ margin: 0 5px 10px 0;
4280
+ }
4281
+
4282
+ .section-actions {
4283
+ list-style: none;
4284
+ display: inline-block;
4285
+ font-size: 0;
4286
+ margin: 0;
4287
+ }
4288
+
4289
+ .section-action {
4290
+ display: inline-block;
4291
+ margin: 0;
4292
+ font-size: 13px;
4293
+ }
4294
+
4295
+ .section-action::after {
4296
+ content: "\b7\a0";
4297
+ display: inline-block;
4298
+ padding: 0 2px 0 5px;
4299
+ }
4300
+
4301
+ .section-action:last-child::after {
4302
+ content: "";
4303
+ }
4304
+
4305
+ .section--divided {
4306
+ border-bottom: none;
4307
+ }
4308
+
4309
+ .section--divided + .section--divided {
4310
+ border-top: 1px solid #e6e6e6;
4311
+ }
4312
+
4313
+ .section--highlighted {
4314
+ background: #fff7b2;
4315
+ -webkit-animation-duration: 1s;
4316
+ animation-duration: 1s;
4317
+ -webkit-animation-name: flash-highlight;
4318
+ animation-name: flash-highlight;
4319
+ -webkit-animation-delay: 3s;
4320
+ animation-delay: 3s;
4321
+ -webkit-animation-fill-mode: forwards;
4322
+ animation-fill-mode: forwards;
4323
+ }
4324
+
4325
+ @-webkit-keyframes flash-highlight {
4326
+ from {
4327
+ background: #fff7b2;
4328
+ }
4329
+ to {
4330
+ background: rgba(255, 247, 178, 0);
4331
+ }
4332
+ }
4333
+
4334
+ @keyframes flash-highlight {
4335
+ from {
4336
+ background: #fff7b2;
4337
+ }
4338
+ to {
4339
+ background: rgba(255, 247, 178, 0);
4340
+ }
4341
+ }
4342
+
4343
+ .next-ui .section-summary,
4344
+ .next-ui .section-content,
4345
+ .next-ui .section {
4346
+ float: none;
4347
+ }
4348
+
4349
+ .next-ui .section {
4350
+ border-color: #d3dbe2;
4351
+ margin: 0;
4352
+ padding: 0;
4353
+ }
4354
+
4355
+ .next-ui .section-content {
4356
+ padding: 0;
4357
+ }
4358
+
4359
+ .next-ui .section-summary {
4360
+ padding: 20px 20px 20px 30px;
4361
+ }
4362
+
4363
+ .next-ui .section-summary h1 {
4364
+ color: #31373d;
4365
+ line-height: 1.325;
4366
+ margin-top: -4px;
4367
+ }
4368
+
4369
+ .next-ui .section-summary p {
4370
+ color: #798c9c;
4371
+ }
4372
+
4373
+ .next-ui .section-summary p:last-child {
4374
+ margin-bottom: 0;
4375
+ }
4376
+
4377
+ .next-ui .setting-summary {
4378
+ padding: 30px 50px;
4379
+ }
4380
+
4381
+ .next-ui .section--no-border {
4382
+ border: none;
4383
+ }
4384
+
4385
+ .next-ui .section .next-grid--space-between > .next-grid__cell:first-child .btn {
4386
+ margin-left: 30px;
4387
+ }
4388
+
4389
+ .next-ui .section-content .bulk-actions {
4390
+ left: 25%;
4391
+ margin-left: 34px;
4392
+ width: calc(75% - 54px);
4393
+ }
4394
+
4395
+ .next-ui .section--with-padding {
4396
+ padding: 20px;
4397
+ }
4398
+
4399
+ table {
4400
+ width: 100%;
4401
+ border-collapse: separate;
4402
+ border-spacing: 0;
4403
+ }
4404
+
4405
+ table.no-hover tr:hover td {
4406
+ background-color: transparent;
4407
+ border-color: #ececec;
4408
+ }
4409
+
4410
+ table.no-hover tr.summary:hover td {
4411
+ background: #f9f9f9;
4412
+ border-color: #ececec;
4413
+ }
4414
+
4415
+ table.no-hover tr:hover td.table-dropdown {
4416
+ background-color: #f9f9f9;
4417
+ border-color: #dcdcdc;
4418
+ border-top-color: #ccc;
4419
+ }
4420
+
4421
+ table.border-bottom tr:last-child td {
4422
+ border-bottom: 1px solid #ebeef0;
4423
+ }
4424
+
4425
+ table.border-bottom tr:last-child td.table-dropdown {
4426
+ border: 1px solid #dcdcdc;
4427
+ }
4428
+
4429
+ table.border-top th {
4430
+ border: 0;
4431
+ }
4432
+
4433
+ table.border-top td {
4434
+ border-bottom: 0;
4435
+ border-top: 1px solid #ececec;
4436
+ }
4437
+
4438
+ table.border-top tr.no-border td {
4439
+ border-top: 0;
4440
+ }
4441
+
4442
+ table.border-left td, table .border-left {
4443
+ border-left: solid 1px #d3dbe2;
4444
+ }
4445
+
4446
+ table.expanded td {
4447
+ padding-top: 8px;
4448
+ padding-bottom: 8px;
4449
+ }
4450
+
4451
+ tr.selected:hover td, tr.selected td, tr.selected td:hover {
4452
+ background-color: #fffbe9;
4453
+ }
4454
+
4455
+ tr:last-child > td {
4456
+ border-bottom: none;
4457
+ }
4458
+
4459
+ th {
4460
+ font-weight: 400;
4461
+ text-align: left;
4462
+ color: #31373d;
4463
+ padding: 8px 10px;
4464
+ border-bottom: 1px solid #ebeef0;
4465
+ -webkit-user-select: none;
4466
+ -moz-user-select: none;
4467
+ -ms-user-select: none;
4468
+ user-select: none;
4469
+ }
4470
+
4471
+ th.is-sortable {
4472
+ cursor: pointer;
4473
+ }
4474
+
4475
+ th.is-sortable:hover {
4476
+ background: #eff9fd;
4477
+ color: #0078bd;
4478
+ }
4479
+
4480
+ th.sorted-desc > span, th.sorted-asc > span {
4481
+ padding-right: 16px;
4482
+ position: relative;
4483
+ }
4484
+
4485
+ th.sorted-desc > span::before, th.sorted-asc > span::before {
4486
+ content: "";
4487
+ position: absolute;
4488
+ right: 0;
4489
+ top: 0;
4490
+ width: 10px;
4491
+ height: 100%;
4492
+ background-size: 100% auto;
4493
+ background-repeat: no-repeat;
4494
+ background-position: center;
4495
+ }
4496
+
4497
+ th.sorted-desc > span::before {
4498
+ -webkit-transform: rotate(0deg);
4499
+ -ms-transform: rotate(0deg);
4500
+ transform: rotate(0deg);
4501
+ }
4502
+
4503
+ th.sorted-asc > span::before {
4504
+ -webkit-transform: rotate(180deg);
4505
+ -ms-transform: rotate(180deg);
4506
+ transform: rotate(180deg);
4507
+ }
4508
+
4509
+ th.right-aligned {
4510
+ text-align: right;
4511
+ }
4512
+
4513
+ th.right-aligned > span {
4514
+ padding-right: 0;
4515
+ padding-left: 16px;
4516
+ }
4517
+
4518
+ th.right-aligned.sorted-desc > span::before {
4519
+ right: auto;
4520
+ left: 0;
4521
+ }
4522
+
4523
+ th.right-aligned.sorted-asc > span::before {
4524
+ right: auto;
4525
+ left: 0;
4526
+ }
4527
+
4528
+ th.select {
4529
+ width: 32px;
4530
+ max-width: 32px;
4531
+ z-index: 7;
4532
+ }
4533
+
4534
+ th.select input[type=checkbox] {
4535
+ position: relative;
4536
+ z-index: 8;
4537
+ }
4538
+
4539
+ th > span {
4540
+ display: inline-block;
4541
+ }
4542
+
4543
+ td {
4544
+ border-bottom: 1px solid #ebeef0;
4545
+ padding: 6px 10px;
4546
+ background: transparent;
4547
+ }
4548
+
4549
+ td.key {
4550
+ width: 15%;
4551
+ text-align: right;
4552
+ }
4553
+
4554
+ td.value {
4555
+ width: 85%;
4556
+ }
4557
+
4558
+ td.border-right {
4559
+ border-right: solid 1px #d3dbe2;
4560
+ }
4561
+
4562
+ td.select {
4563
+ width: 18px;
4564
+ max-width: 18px;
4565
+ }
4566
+
4567
+ td img {
4568
+ display: block;
4569
+ }
4570
+
4571
+ label.disabled {
4572
+ color: #a6a6a6;
4573
+ }
4574
+
4575
+ th.drag-handle, td.drag-handle {
4576
+ padding-right: 0;
4577
+ padding-left: 0;
4578
+ width: 21px;
4579
+ }
4580
+
4581
+ th.link-name, td.link-name {
4582
+ padding-left: 0;
4583
+ padding-right: 0;
4584
+ }
4585
+
4586
+ th.link-value, td.link-value {
4587
+ width: 100%;
4588
+ padding-right: 0;
4589
+ }
4590
+
4591
+ th.link-remove, td.link-remove {
4592
+ text-align: right;
4593
+ padding-right: 0;
4594
+ }
4595
+
4596
+ th.customer, td.customer {
4597
+ width: 250px;
4598
+ }
4599
+
4600
+ th.section, td.section {
4601
+ width: 20%;
4602
+ }
4603
+
4604
+ th.language, td.language {
4605
+ width: 200px;
4606
+ }
4607
+
4608
+ th.theme_language-actions, td.theme_language-actions {
4609
+ width: 180px;
4610
+ }
4611
+
4612
+ th.remove, td.remove {
4613
+ width: 21px;
4614
+ }
4615
+
4616
+ th.select, td.select {
4617
+ padding-right: 7px !important;
4618
+ padding-left: 7px !important;
4619
+ }
4620
+
4621
+ th.draggable, td.draggable {
4622
+ width: 21px;
4623
+ padding-right: 5px;
4624
+ }
4625
+
4626
+ th.border-bottom-none, td.border-bottom-none {
4627
+ border-bottom: none !important;
4628
+ }
4629
+
4630
+ tfoot, tfoot td {
4631
+ text-align: right;
4632
+ }
4633
+
4634
+ tfoot td {
4635
+ border: none;
4636
+ }
4637
+
4638
+ .table-hover tr:hover td {
4639
+ background: #eff9fd;
4640
+ }
4641
+
4642
+ .table-hover .table-blank-slate tr:hover td {
4643
+ background: transparent;
4644
+ }
4645
+
4646
+ .summary td {
4647
+ background: #fafbfc;
4648
+ }
4649
+
4650
+ td a.subdued {
4651
+ text-decoration: none;
4652
+ }
4653
+
4654
+ td a.subdued:hover {
4655
+ text-decoration: underline;
4656
+ }
4657
+
4658
+ .is-archived {
4659
+ color: #95a7b7;
4660
+ }
4661
+
4662
+ .is-archived td > a,
4663
+ .is-archived .customer-name > a {
4664
+ color: #95a7b7;
4665
+ }
4666
+
4667
+ .is-archived td > a:hover,
4668
+ .is-archived .customer-name > a:hover {
4669
+ color: #31373d;
4670
+ }
4671
+
4672
+ .is-cancelled td {
4673
+ color: #d83e3e;
4674
+ }
4675
+
4676
+ .is-cancelled td > a,
4677
+ .is-cancelled td .customer-name > a {
4678
+ color: #d83e3e;
4679
+ }
4680
+
4681
+ .is-cancelled td.total {
4682
+ text-decoration: line-through;
4683
+ }
4684
+
4685
+ .is-abandoned td {
4686
+ color: #e06b0c;
4687
+ }
4688
+
4689
+ .is-abandoned td > a,
4690
+ .is-abandoned td .customer-name > a {
4691
+ color: #e06b0c;
4692
+ }
4693
+
4694
+ .data-table-th {
4695
+ border-right: 1px solid #ececec;
4696
+ background: #fafafa;
4697
+ }
4698
+
4699
+ .data-table-td {
4700
+ border-right: 1px solid #ececec;
4701
+ -webkit-transition: all 0.15s;
4702
+ transition: all 0.15s;
4703
+ }
4704
+
4705
+ .table-label {
4706
+ background: #fafafa;
4707
+ border-right: 1px solid #e6e6e6;
4708
+ padding-left: 20px;
4709
+ padding-top: 8px;
4710
+ min-width: 220px;
4711
+ vertical-align: top;
4712
+ }
4713
+
4714
+ .table-label-copy {
4715
+ color: #444444;
4716
+ margin-top: 10px;
4717
+ }
4718
+
4719
+ .column-type {
4720
+ background: #fafafa;
4721
+ }
4722
+
4723
+ .column-type-ignored {
4724
+ color: #444444;
4725
+ text-decoration: line-through;
4726
+ }
4727
+
4728
+ .is-selected > td, .is-selected:hover > td {
4729
+ background-color: #fffbe9;
4730
+ border-color: #ebebda;
4731
+ }
4732
+
4733
+ .first-row td {
4734
+ padding-top: 15px;
4735
+ }
4736
+
4737
+ .last-row td {
4738
+ color: #333;
4739
+ border-top: 1px solid #ececec;
4740
+ }
4741
+
4742
+ .summary-total td {
4743
+ padding: 0;
4744
+ }
4745
+
4746
+ .summary-total td span {
4747
+ display: block;
4748
+ margin-top: 14px;
4749
+ padding: 6px 10px;
4750
+ border-top: 1px solid #ececec;
4751
+ font-weight: bold;
4752
+ background: #f6f6f6;
4753
+ }
4754
+
4755
+ .select {
4756
+ -webkit-user-select: none;
4757
+ -moz-user-select: none;
4758
+ -ms-user-select: none;
4759
+ user-select: none;
4760
+ }
4761
+
4762
+ .select input[type=checkbox] {
4763
+ margin: 0;
4764
+ height: auto;
4765
+ }
4766
+
4767
+ .image {
4768
+ width: 50px;
4769
+ padding-right: 5px;
4770
+ }
4771
+
4772
+ .image img {
4773
+ max-width: 50px;
4774
+ margin: 0 auto;
4775
+ border-radius: 4px;
4776
+ }
4777
+
4778
+ .image.thumb {
4779
+ height: 50px;
4780
+ }
4781
+
4782
+ .table-img {
4783
+ display: inline-block;
4784
+ vertical-align: middle;
4785
+ margin-right: 10px;
4786
+ }
4787
+
4788
+ .sortable-placeholder {
4789
+ display: block;
4790
+ }
4791
+
4792
+ .table-fixed {
4793
+ table-layout: fixed;
4794
+ }
4795
+
4796
+ .table-fixed td {
4797
+ word-wrap: break-word;
4798
+ word-break: break-word;
4799
+ }
4800
+
4801
+ .table--no-border {
4802
+ border: none;
4803
+ }
4804
+
4805
+ .table--no-border tbody {
4806
+ border: none;
4807
+ }
4808
+
4809
+ .table--no-border thead {
4810
+ border: none;
4811
+ }
4812
+
4813
+ .table--no-border tr {
4814
+ border: none;
4815
+ }
4816
+
4817
+ .table--no-border tfoot {
4818
+ border: none;
4819
+ }
4820
+
4821
+ .table--no-border th {
4822
+ border: none;
4823
+ }
4824
+
4825
+ .table--no-border td {
4826
+ border: none;
4827
+ }
4828
+
4829
+ .table__row--no-border td {
4830
+ border: none !important;
4831
+ }
4832
+
4833
+ .no-border-bottom {
4834
+ border-bottom: none !important;
4835
+ }
4836
+
4837
+ .table-dropdown {
4838
+ position: relative;
4839
+ background: #f9f9f9;
4840
+ padding: 25px 28px !important;
4841
+ border: 1px solid #dcdcdc;
4842
+ margin-top: -1px;
4843
+ }
4844
+
4845
+ .table-dropdown .heading {
4846
+ width: 100%;
4847
+ position: relative;
4848
+ left: -4px;
4849
+ }
4850
+
4851
+ .table-dropdown .buttons {
4852
+ position: relative;
4853
+ width: 100%;
4854
+ padding: 10px 10px 10px 46px;
4855
+ top: 25px;
4856
+ left: -28px;
4857
+ background: #fafafa;
4858
+ border-top: 1px solid #e6e6e6;
4859
+ border-bottom: none;
4860
+ }
4861
+
4862
+ .table-dropdown .buttons p {
4863
+ line-height: 32px;
4864
+ }
4865
+
4866
+ .table-dropdown table {
4867
+ border: none;
4868
+ }
4869
+
4870
+ .table-dropdown table th {
4871
+ cursor: default;
4872
+ border-top: none !important;
4873
+ }
4874
+
4875
+ .table-dropdown table th, .table-dropdown table tr:hover td, .table-dropdown table td {
4876
+ background: transparent !important;
4877
+ }
4878
+
4879
+ .table-dropdown table td {
4880
+ border-bottom: 1px solid #e6e6e6;
4881
+ }
4882
+
4883
+ .table-dropdown table th:first-child, .table-dropdown table td:first-child {
4884
+ padding-left: 0;
4885
+ }
4886
+
4887
+ .table-dropdown table th:last-child, .table-dropdown table td:last-child {
4888
+ padding-right: 0;
4889
+ }
4890
+
4891
+ .fulfillment-table th:first-child {
4892
+ width: 250px;
4893
+ }
4894
+
4895
+ .fulfillment-table th:last-child {
4896
+ width: 140px;
4897
+ }
4898
+
4899
+ .number-of-items {
4900
+ width: 90px;
4901
+ }
4902
+
4903
+ .table--no-side-padding th:first-child,
4904
+ .table--no-side-padding td:first-child {
4905
+ padding-left: 0;
4906
+ }
4907
+
4908
+ .table--no-side-padding th:last-child,
4909
+ .table--no-side-padding td:last-child {
4910
+ padding-right: 0;
4911
+ }
4912
+
4913
+ .table--nested td:first-child {
4914
+ padding-left: 0;
4915
+ }
4916
+
4917
+ .table--nested td:last-child {
4918
+ padding-right: 0;
4919
+ }
4920
+
4921
+ .table--nested tr:first-child td {
4922
+ padding-top: 0 !important;
4923
+ }
4924
+
4925
+ .table--extra-expanded td {
4926
+ padding-top: 10px;
4927
+ padding-bottom: 10px;
4928
+ }
4929
+
4930
+ .table--rounded-border {
4931
+ border: 1px solid #ebeef0;
4932
+ border-radius: 4px;
4933
+ }
4934
+
4935
+ .table--no-horizontal-padding td:first-child {
4936
+ padding-left: 0;
4937
+ }
4938
+
4939
+ .table--no-horizontal-padding td:last-child {
4940
+ padding-right: 0;
4941
+ }
4942
+
4943
+ .table-wrapper--scrollable {
4944
+ max-width: 100%;
4945
+ overflow-x: auto;
4946
+ -webkit-overflow-scrolling: touch;
4947
+ }
4948
+
4949
+ .table--divided {
4950
+ border-collapse: collapse;
4951
+ }
4952
+
4953
+ .table--divided tr {
4954
+ border-top: 1px solid #ebeef0;
4955
+ }
4956
+
4957
+ .table--divided tr:first-child {
4958
+ border-top: 0;
4959
+ }
4960
+
4961
+ .table--divided td {
4962
+ border: 0;
4963
+ }
4964
+
4965
+ .table-cell--no-left-padding {
4966
+ padding-left: 0;
4967
+ }
4968
+
4969
+ .table-cell--no-right-padding {
4970
+ padding-right: 0;
4971
+ }
4972
+
4973
+ .ui-sortable-helper > tr > td {
4974
+ background: #ffffff;
4975
+ }
4976
+
4977
+ .table-wrapper-sticky {
4978
+ position: relative;
4979
+ }
4980
+
4981
+ .table-wrapper-sticky--is-sticky td, .table-wrapper-sticky--is-sticky th {
4982
+ box-sizing: border-box;
4983
+ }
4984
+
4985
+ .table-wrapper-sticky--is-sticky .table-wrapper {
4986
+ overflow-x: scroll;
4987
+ }
4988
+
4989
+ .table-wrapper-sticky--is-sticky .table__cell--sticky {
4990
+ background-color: #ffffff;
4991
+ position: absolute;
4992
+ z-index: 4;
4993
+ display: -webkit-box;
4994
+ display: -webkit-flex;
4995
+ display: -ms-flexbox;
4996
+ display: flex;
4997
+ -webkit-box-align: center;
4998
+ -webkit-align-items: center;
4999
+ -ms-flex-align: center;
5000
+ align-items: center;
5001
+ }
5002
+
5003
+ .table-wrapper-sticky--is-sticky .table__cell--sticky:first-child {
5004
+ left: 0;
5005
+ box-shadow: 4px 0 3px -1px rgba(69, 78, 87, 0.05);
5006
+ border-right: solid 1px #d3dbe2;
5007
+ }
5008
+
5009
+ .table-wrapper-sticky--is-sticky .table__cell--sticky:last-child {
5010
+ right: 0;
5011
+ box-shadow: -4px 0 3px -1px rgba(69, 78, 87, 0.05);
5012
+ border-left: solid 1px #d3dbe2;
5013
+ }
5014
+
5015
+ .selected .table__cell--sticky {
5016
+ background-color: #fffbe9;
5017
+ }
5018
+
5019
+ .table-wrapper-sticky--supports-position-sticky .table__cell--sticky {
5020
+ display: table-cell;
5021
+ position: -webkit-sticky;
5022
+ position: sticky;
5023
+ }
5024
+
5025
+ .table-wrapper-sticky--is-sticky .table__cell--sticky--bulk-selection-active:first-child {
5026
+ width: 100% !important;
5027
+ border-left: none;
5028
+ border-right: none;
5029
+ box-shadow: none;
5030
+ display: block;
5031
+ position: absolute;
5032
+ z-index: 6;
5033
+ }
5034
+
5035
+ .table-wrapper-sticky--is-sticky.table-wrapper-sticky--is-resizing .table__cell--sticky--bulk-selection-active {
5036
+ width: auto !important;
5037
+ }
5038
+
5039
+ .ui-annotated-section {
5040
+ display: -webkit-box;
5041
+ display: -webkit-flex;
5042
+ display: -ms-flexbox;
5043
+ display: flex;
5044
+ -webkit-flex-wrap: wrap;
5045
+ -ms-flex-wrap: wrap;
5046
+ flex-wrap: wrap;
5047
+ -webkit-box-pack: center;
5048
+ -webkit-justify-content: center;
5049
+ -ms-flex-pack: center;
5050
+ justify-content: center;
5051
+ max-width: 1036px;
5052
+ margin: 0 auto 20px;
5053
+ }
5054
+
5055
+ .ui-annotated-section__content {
5056
+ -webkit-box-flex: 2;
5057
+ -webkit-flex: 2 1 480px;
5058
+ -ms-flex: 2 1 480px;
5059
+ flex: 2 1 480px;
5060
+ max-width: 100%;
5061
+ }
5062
+
5063
+ .ui-annotated-section__content .next-card {
5064
+ border-radius: 0;
5065
+ }
5066
+
5067
+ .ui-annotated-section__annotation {
5068
+ color: rgba(0,0,0,0.56);
5069
+ -webkit-box-flex: 1;
5070
+ -webkit-flex: 1 0 240px;
5071
+ -ms-flex: 1 0 240px;
5072
+ flex: 1 0 240px;
5073
+ }
5074
+
5075
+ .ui-annotated-section__title {
5076
+ padding: 20px;
5077
+ }
5078
+
5079
+ .ui-annotated-section__description {
5080
+ padding: 0 20px 20px 20px;
5081
+ }
5082
+
5083
+ .ui-annotated-section__description p {
5084
+ margin-bottom: 10px;
5085
+ }
5086
+
5087
+ @media screen and (min-width: 720px) {
5088
+ .ui-annotated-section {
5089
+ padding-top: 20px;
5090
+ }
5091
+ .ui-annotated-section + .ui-annotated-section {
5092
+ border-top: 1px solid #d3dbe2;
5093
+ }
5094
+
5095
+ .ui-annotated-section__content {
5096
+ padding: 0 20px;
5097
+ }
5098
+ .ui-annotated-section__content .next-card {
5099
+ border-radius: 3px;
5100
+ }
5101
+
5102
+ .ui-annotated-section__annotation {
5103
+ padding: 0 20px;
5104
+ }
5105
+ }
5106
+
5107
+ .next-select__wrapper:after {
5108
+ background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20enable-background%3D%22new%200%200%2028%2028%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2Cellipse%2Cline%2Cpath%2Cpolygon%2Cpolyline%2Crect%2Ctext%7Bfill%3A%23798c9c%20%21important%3B%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23329ECC%22%20d%3D%22M24.5%2C6.2L13.9%2C16.8L3.5%2C6.2L0.8%2C9l13.2%2C13.3L27.2%2C9L24.5%2C6.2z%22%2F%3E%3C%2Fsvg%3E);
5109
+ }
5110
+
5111
+ .next-checkbox--styled {
5112
+ pointer-events: none;
5113
+ }