disco_app 0.12.0

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