Ecwid Ecommerce Shopping Cart - Version 4.8

Version Description

  • New "Add product" button in the Wordpress post and page editor. Now you have a useful and easy tool to place a product from your store on any page or post on your site. Just open any post or page in your Wordpress admin panel, click the "Add product" button in the editor, select the product you want to see on that page and click "Insert" a product widget will appear on that page after you publish the chnages. The new "Add product" popup allows customizing the appearance of the widget so you can choose whether you want to see the picture along with title, price and quantity selector or just a simple Buy now button. Product widgets that you put on your site are seamlessly integrated with your store and shopping cart wherever you place a product or buy now button on your site, the customers will be able to add it to the cart and proceed to checkout as if it was a regular store page. We recommend using product widgets and buy now buttons on every page or post where you mention the products or services you sell this way you will provide an easy and natural way for a customer to know more about the product and buy it from the same page, be it a blog post, an "About" page, a testimonial or any other page on your ecommerce site. Enjoy!
Download this release

Release Info

Developer Ecwid
Plugin Icon 128x128 Ecwid Ecommerce Shopping Cart
Version 4.8
Comparing to
See all releases

Code changes from version 4.7.6 to 4.8

Files changed (15) hide show
  1. css/product-popup.css +5986 -0
  2. css/settings.css +0 -1
  3. ecwid-shopping-cart.php +11 -8
  4. images/download.gif +0 -0
  5. includes/class-ecwid-oauth.php +3 -3
  6. includes/class-ecwid-product-popup.php +127 -0
  7. includes/themes.php +15 -14
  8. js/product-popup.js +463 -0
  9. js/store-editor-mce.js +0 -349
  10. js/themes/thevoux-wp.js +2 -0
  11. languages/ecwid-shopping-cart-ru_RU.mo +0 -0
  12. languages/ecwid-shopping-cart-ru_RU.po +63 -0
  13. lib/ecwid_api_v3.php +11 -9
  14. readme.txt +4 -1
  15. templates/product-popup.php +216 -0
css/product-popup.css ADDED
@@ -0,0 +1,5986 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300&subset=latin,latin-ext,cyrillic);HTML { /* Workaround for GWT issue 1932 */
2
+ margin: 0px !important;
3
+ border: none !important;
4
+ }
5
+
6
+ .dragdrop-handle {
7
+ cursor: move;
8
+ user-select: none;
9
+ -khtml-user-select: none;
10
+ -moz-user-select: -moz-none;
11
+ }
12
+
13
+ .dragdrop-draggable {
14
+ zoom: 1; /* IE gain hasLayout */
15
+ }
16
+
17
+ .dragdrop-dragging {
18
+ zoom: normal; /* remove artifacts */
19
+ }
20
+
21
+ .dragdrop-positioner {
22
+ border: 1px dashed #1E90FF; /* blue */
23
+ margin: 0px !important;
24
+ zoom: 1; /* IE gain hasLayout */
25
+ z-index: 100;
26
+ }
27
+
28
+ .dragdrop-flow-panel-positioner {
29
+ color: #1E90FF; /* blue */
30
+ display: inline;
31
+ text-align: center;
32
+ vertical-align: middle;
33
+ }
34
+
35
+ .dragdrop-proxy {
36
+ background-color: #77AAFF; /* light blue */
37
+ }
38
+ .dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
39
+ filter: alpha(opacity = 30);
40
+ opacity: 0.3;
41
+ }
42
+
43
+ .dragdrop-movable-panel {
44
+ z-index: 200;
45
+ margin: 0px !important;
46
+ border: none !important;
47
+ }@charset "UTF-8";
48
+ /* ecwid framework */
49
+ @keyframes zoom {
50
+ 0% {
51
+ transform: scale(0.8, 0.8);
52
+ }
53
+ 100% {
54
+ transform: scale(1, 1);
55
+ }
56
+ }
57
+ @-webkit-keyframes zoom {
58
+ 0% {
59
+ -webkit-transform: scale(0.8, 0.8);
60
+ }
61
+ 100% {
62
+ -webkit-transform: scale(1, 1);
63
+ }
64
+ }
65
+ @keyframes fadein {
66
+ 0% {
67
+ opacity: 0;
68
+ }
69
+ 100% {
70
+ opacity: 1;
71
+ }
72
+ }
73
+ @-webkit-keyframes fadein {
74
+ 0% {
75
+ opacity: 0;
76
+ }
77
+ 100% {
78
+ opacity: 1;
79
+ }
80
+ }
81
+ @keyframes fadeout {
82
+ 0% {
83
+ opacity: 1;
84
+ }
85
+ 100% {
86
+ opacity: 0;
87
+ }
88
+ }
89
+ @-webkit-keyframes fadeout {
90
+ 0% {
91
+ opacity: 1;
92
+ }
93
+ 100% {
94
+ opacity: 0;
95
+ }
96
+ }
97
+ @keyframes spinleft {
98
+ 0% {
99
+ transform: rotate(360deg);
100
+ }
101
+ 100% {
102
+ transform: rotate(0deg);
103
+ }
104
+ }
105
+ @-webkit-keyframes spinleft {
106
+ 0% {
107
+ -webkit-transform: rotate(360deg);
108
+ }
109
+ 100% {
110
+ -webkit-transform: rotate(0deg);
111
+ }
112
+ }
113
+ @keyframes spinright {
114
+ 0% {
115
+ transform: rotate(0deg);
116
+ }
117
+ 100% {
118
+ transform: rotate(360deg);
119
+ }
120
+ }
121
+ @-webkit-keyframes spinright {
122
+ 0% {
123
+ -webkit-transform: rotate(0deg);
124
+ }
125
+ 100% {
126
+ -webkit-transform: rotate(360deg);
127
+ }
128
+ }
129
+ @keyframes donut-rotate {
130
+ 0% {
131
+ transform: rotate(0);
132
+ }
133
+ 50% {
134
+ transform: rotate(-140deg);
135
+ }
136
+ 100% {
137
+ transform: rotate(0);
138
+ }
139
+ }
140
+ @-webkit-keyframes donut-rotate {
141
+ 0% {
142
+ -webkit-transform: rotate(0);
143
+ }
144
+ 50% {
145
+ -webkit-transform: rotate(-140deg);
146
+ }
147
+ 100% {
148
+ -webkit-transform: rotate(0);
149
+ }
150
+ }
151
+ /* Open Sans font */
152
+ /* Iconic font */
153
+ @font-face {
154
+ font-family: 'font_icons';
155
+ src: url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot");
156
+ src: url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot?#iefix") format("embedded-opentype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.ttf") format("truetype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.woff") format("woff"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.svg#icomoon") format("svg");
157
+ font-weight: normal;
158
+ font-style: normal;
159
+ }
160
+ .ecwid-g {
161
+ letter-spacing: -0.31em;
162
+ /* Webkit: collapse white-space between units */
163
+ *letter-spacing: normal;
164
+ /* reset IE < 8 */
165
+ *word-spacing: -0.43em;
166
+ /* IE < 8: collapse white-space between units */
167
+ text-rendering: optimizespeed;
168
+ /* Webkit: fixes text-rendering: optimizeLegibility */
169
+ display: -webkit-flex;
170
+ -webkit-flex-flow: row wrap;
171
+ /* IE10 uses display: flexbox */
172
+ display: -ms-flexbox;
173
+ -ms-flex-flow: row wrap;
174
+ }
175
+
176
+ /* Opera as of 12 on Windows needs word-spacing.
177
+ The ".opera-only" selector is used to prevent actual prefocus styling
178
+ and is not required in markup.
179
+ */
180
+ .opera-only :-o-prefocus,
181
+ .ecwid-g {
182
+ word-spacing: -0.43em;
183
+ }
184
+
185
+ .ecwid-u {
186
+ display: inline-block;
187
+ *display: inline;
188
+ /* IE < 8: fake inline-block */
189
+ zoom: 1;
190
+ letter-spacing: normal;
191
+ word-spacing: normal;
192
+ vertical-align: top;
193
+ text-rendering: auto;
194
+ }
195
+
196
+ .ecwid-u-1,
197
+ .ecwid-u-1-2,
198
+ .ecwid-u-1-3,
199
+ .ecwid-u-2-3,
200
+ .ecwid-u-1-4,
201
+ .ecwid-u-3-4,
202
+ .ecwid-u-1-5,
203
+ .ecwid-u-2-5,
204
+ .ecwid-u-3-5,
205
+ .ecwid-u-4-5,
206
+ .ecwid-u-1-6,
207
+ .ecwid-u-5-6,
208
+ .ecwid-u-1-8,
209
+ .ecwid-u-2-8,
210
+ .ecwid-u-3-8,
211
+ .ecwid-u-5-8,
212
+ .ecwid-u-7-8,
213
+ .ecwid-u-1-12,
214
+ .ecwid-u-5-12,
215
+ .ecwid-u-7-12,
216
+ .ecwid-u-11-12,
217
+ .ecwid-u-1-24,
218
+ .ecwid-u-5-24,
219
+ .ecwid-u-7-24,
220
+ .ecwid-u-11-24,
221
+ .ecwid-u-13-24,
222
+ .ecwid-u-17-24,
223
+ .ecwid-u-19-24,
224
+ .ecwid-u-23-24 {
225
+ display: inline-block;
226
+ *display: inline;
227
+ /* IE < 8: fake inline-block */
228
+ zoom: 1;
229
+ letter-spacing: normal;
230
+ word-spacing: normal;
231
+ vertical-align: top;
232
+ text-rendering: auto;
233
+ }
234
+
235
+ .ecwid-u-1 {
236
+ width: 100%;
237
+ }
238
+
239
+ .ecwid-u-1-2 {
240
+ width: 50%;
241
+ *width: 49.969%;
242
+ }
243
+
244
+ .ecwid-u-1-3 {
245
+ width: 33.3333%;
246
+ *width: 33.3023%;
247
+ }
248
+
249
+ .ecwid-u-2-3 {
250
+ width: 66.6667%;
251
+ *width: 66.6357%;
252
+ }
253
+
254
+ .ecwid-u-1-4 {
255
+ width: 25%;
256
+ *width: 24.969%;
257
+ }
258
+
259
+ .ecwid-u-3-4 {
260
+ width: 75%;
261
+ *width: 74.969%;
262
+ }
263
+
264
+ .ecwid-u-1-5 {
265
+ width: 20%;
266
+ *width: 19.969%;
267
+ }
268
+
269
+ .ecwid-u-2-5 {
270
+ width: 40%;
271
+ *width: 39.969%;
272
+ }
273
+
274
+ .ecwid-u-3-5 {
275
+ width: 60%;
276
+ *width: 59.969%;
277
+ }
278
+
279
+ .ecwid-u-4-5 {
280
+ width: 80%;
281
+ *width: 79.969%;
282
+ }
283
+
284
+ .ecwid-u-1-6 {
285
+ width: 16.6667%;
286
+ *width: 16.6357%;
287
+ }
288
+
289
+ .ecwid-u-5-6 {
290
+ width: 83.3333%;
291
+ *width: 83.3023%;
292
+ }
293
+
294
+ .ecwid-u-1-8 {
295
+ width: 12.5%;
296
+ *width: 12.469%;
297
+ }
298
+
299
+ .ecwid-u-2-8 {
300
+ width: 25%;
301
+ *width: 24.969%;
302
+ }
303
+
304
+ .ecwid-u-3-8 {
305
+ width: 37.5%;
306
+ *width: 37.469%;
307
+ }
308
+
309
+ .ecwid-u-5-8 {
310
+ width: 62.5%;
311
+ *width: 62.469%;
312
+ }
313
+
314
+ .ecwid-u-7-8 {
315
+ width: 87.5%;
316
+ *width: 87.469%;
317
+ }
318
+
319
+ .ecwid-u-1-12 {
320
+ width: 8.3333%;
321
+ *width: 8.3023%;
322
+ }
323
+
324
+ .ecwid-u-5-12 {
325
+ width: 41.6667%;
326
+ *width: 41.6357%;
327
+ }
328
+
329
+ .ecwid-u-7-12 {
330
+ width: 58.3333%;
331
+ *width: 58.3023%;
332
+ }
333
+
334
+ .ecwid-u-11-12 {
335
+ width: 91.6667%;
336
+ *width: 91.6357%;
337
+ }
338
+
339
+ .ecwid-u-1-24 {
340
+ width: 4.1667%;
341
+ *width: 4.1357%;
342
+ }
343
+
344
+ .ecwid-u-5-24 {
345
+ width: 20.8333%;
346
+ *width: 20.8023%;
347
+ }
348
+
349
+ .ecwid-u-7-24 {
350
+ width: 29.1667%;
351
+ *width: 29.1357%;
352
+ }
353
+
354
+ .ecwid-u-11-24 {
355
+ width: 45.8333%;
356
+ *width: 45.8023%;
357
+ }
358
+
359
+ .ecwid-u-13-24 {
360
+ width: 54.1667%;
361
+ *width: 54.1357%;
362
+ }
363
+
364
+ .ecwid-u-17-24 {
365
+ width: 70.8333%;
366
+ *width: 70.8023%;
367
+ }
368
+
369
+ .ecwid-u-19-24 {
370
+ width: 79.1667%;
371
+ *width: 79.1357%;
372
+ }
373
+
374
+ .ecwid-u-23-24 {
375
+ width: 95.8333%;
376
+ *width: 95.8023%;
377
+ }
378
+
379
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
380
+ .ecwid-g-r {
381
+ letter-spacing: -0.31em;
382
+ *letter-spacing: normal;
383
+ *word-spacing: -0.43em;
384
+ display: -webkit-flex;
385
+ -webkit-flex-flow: row wrap;
386
+ /* IE10 uses display: flexbox */
387
+ display: -ms-flexbox;
388
+ -ms-flex-flow: row wrap;
389
+ }
390
+
391
+ /* Opera as of 12 on Windows needs word-spacing.
392
+ The ".opera-only" selector is used to prevent actual prefocus styling
393
+ and is not required in markup.
394
+ */
395
+ .opera-only :-o-prefocus,
396
+ .ecwid-g-r {
397
+ word-spacing: -0.43em;
398
+ }
399
+
400
+ .ecwid-g-r img {
401
+ max-width: 100%;
402
+ height: auto;
403
+ }
404
+
405
+ @media (min-width: 980px) {
406
+ .ecwid-visible-phone {
407
+ display: none;
408
+ }
409
+
410
+ .ecwid-visible-tablet {
411
+ display: none;
412
+ }
413
+
414
+ .ecwid-hidden-desktop {
415
+ display: none;
416
+ }
417
+ }
418
+ @media screen and (max-width: 480px) {
419
+ .ecwid-g-r > .ecwid-u,
420
+ .ecwid-g-r > [class*="ecwid-u-"] {
421
+ width: 100%;
422
+ }
423
+ }
424
+ @media screen and (max-width: 767px) {
425
+ .ecwid-g-r > .ecwid-u,
426
+ .ecwid-g-r > [class*="ecwid-u-"] {
427
+ width: 100%;
428
+ }
429
+
430
+ .ecwid-hidden-phone {
431
+ display: none;
432
+ }
433
+
434
+ .ecwid-visible-desktop {
435
+ display: none;
436
+ }
437
+ }
438
+ @media (min-width: 768px) and (max-width: 979px) {
439
+ .ecwid-hidden-tablet {
440
+ display: none;
441
+ }
442
+
443
+ .ecwid-visible-desktop {
444
+ display: none;
445
+ }
446
+ }
447
+ a,
448
+ a:visited {
449
+ color: #04a2ca;
450
+ cursor: pointer;
451
+ -webkit-transition: color 0.1s linear;
452
+ transition: color 0.1s linear;
453
+ }
454
+ a:hover,
455
+ a:visited:hover {
456
+ color: #006995;
457
+ }
458
+ a:active,
459
+ a:visited:active {
460
+ color: #54bfd6;
461
+ }
462
+
463
+ a.link-inverse,
464
+ a.link-inverse:visited {
465
+ color: #fff;
466
+ }
467
+ a.link-inverse:hover,
468
+ a.link-inverse:visited:hover {
469
+ color: #47daf9;
470
+ }
471
+ a.link-inverse:active,
472
+ a.link-inverse:visited:active {
473
+ color: #fff;
474
+ }
475
+
476
+ a.disabled,
477
+ a[disabled] {
478
+ color: #999;
479
+ pointer-events: none;
480
+ cursor: default;
481
+ }
482
+
483
+ .success {
484
+ color: #468847;
485
+ }
486
+
487
+ .muted {
488
+ color: #999;
489
+ }
490
+
491
+ h1, h2, h3, h4, h5, h6 {
492
+ font-family: 'Open Sans', sans-serif;
493
+ font-weight: 400;
494
+ }
495
+
496
+ h1 {
497
+ font-size: 2.125em;
498
+ margin: .765em 0;
499
+ }
500
+
501
+ h2 {
502
+ font-size: 1.750em;
503
+ margin: .786em 0;
504
+ }
505
+
506
+ h3 {
507
+ font-size: 1.375em;
508
+ margin: .818em 0;
509
+ }
510
+
511
+ h4 {
512
+ font-size: 1.125em;
513
+ margin: .778em 0;
514
+ }
515
+
516
+ h5 {
517
+ font-size: 1em;
518
+ margin: .750em 0;
519
+ }
520
+
521
+ h6 {
522
+ font-size: .875em;
523
+ margin: .714em 0;
524
+ }
525
+
526
+ .btn {
527
+ font-family: "Open Sans", sans-serif, Arial;
528
+ display: inline-block;
529
+ margin: 0;
530
+ border: 1px solid transparent;
531
+ vertical-align: middle;
532
+ text-align: center;
533
+ cursor: pointer;
534
+ outline: 0;
535
+ text-decoration: none;
536
+ white-space: nowrap;
537
+ *display: inline;
538
+ *margin-left: .3em;
539
+ *zoom: 1;
540
+ -moz-box-sizing: border-box;
541
+ box-sizing: border-box;
542
+ font-size: 13px;
543
+ padding: 6px 10px;
544
+ border-radius: 3px;
545
+ line-height: 1.45;
546
+ height: 32px;
547
+ min-width: 7.385em;
548
+ color: #333;
549
+ background-color: #f6f6f6;
550
+ border-color: transparent;
551
+ -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
552
+ transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
553
+ }
554
+ .btn:focus, .btn.focus, .btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active, .btn-group.opened .btn.btn-dropdown,
555
+ .btn-group.opened .btn:not([disabled]) + .btn.btn-dropdown {
556
+ border-width: 2px;
557
+ padding: 5px 9px;
558
+ }
559
+ .btn:hover {
560
+ background-color: #c5c5c5;
561
+ }
562
+ .btn:focus {
563
+ border-color: #acacac;
564
+ }
565
+ .btn:focus:hover {
566
+ background-color: #c5c5c5;
567
+ }
568
+ .btn:active {
569
+ background-color: #f8f8f8;
570
+ }
571
+ .btn:focus:active {
572
+ background-color: #f8f8f8;
573
+ }
574
+ .btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active {
575
+ position: relative;
576
+ background-color: #f8f8f8;
577
+ border-color: transparent;
578
+ overflow: visible;
579
+ }
580
+ .btn-group .btn:not([disabled]) + .btn.btn-dropdown:focus, .btn-group.opened .btn.btn-dropdown,
581
+ .btn-group.opened .btn:not([disabled]) + .btn.btn-dropdown {
582
+ border-color: #acacac;
583
+ }
584
+ .btn.btn-loading .loader-inner,
585
+ .btn.btn-loading .loader-outer, .btn.btn-loading:hover .loader-inner,
586
+ .btn.btn-loading:hover .loader-outer, .btn.btn-loading:focus .loader-inner,
587
+ .btn.btn-loading:focus .loader-outer, .btn.btn-loading:focus:hover .loader-inner,
588
+ .btn.btn-loading:focus:hover .loader-outer, .btn.btn-loading:active .loader-inner,
589
+ .btn.btn-loading:active .loader-outer, .btn.btn-loading:focus:active .loader-inner,
590
+ .btn.btn-loading:focus:active .loader-outer {
591
+ fill: #f8f8f8;
592
+ }
593
+ .btn:first-child {
594
+ *margin-left: 0;
595
+ }
596
+ .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover, .btn[disabled]:active, .btn[disabled]:focus:active {
597
+ cursor: default;
598
+ opacity: .3;
599
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
600
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
601
+ pointer-events: none;
602
+ }
603
+ .btn.btn-loading:before, .btn.btn-loading:hover:before, .btn.btn-loading:focus:before, .btn.btn-loading:focus:hover:before, .btn.btn-loading:active:before, .btn.btn-loading:focus:active:before {
604
+ position: absolute;
605
+ content: "";
606
+ top: 0;
607
+ left: 0;
608
+ width: 100%;
609
+ height: 100%;
610
+ border-radius: inherit;
611
+ background-color: inherit;
612
+ opacity: 1;
613
+ -webkit-transition: opacity 0.3s ease-out;
614
+ transition: opacity 0.3s ease-out;
615
+ }
616
+
617
+ /* buttons' sizes */
618
+ .btn-large {
619
+ font-size: 17px;
620
+ padding: 11px 16px;
621
+ border-radius: 5px;
622
+ line-height: 1.45;
623
+ height: 48px;
624
+ min-width: 144px;
625
+ }
626
+ .btn-large:focus, .btn-large.focus, .btn-large.btn.btn-loading, .btn-large.btn.btn-loading:focus:hover, .btn-large.btn.btn-loading:focus:active, .btn-large.btn-default.btn-loading, .btn-large.btn-loading.btn-icon, .btn-large.btn-default.btn-loading:focus:hover, .btn-large.btn-loading.btn-icon:focus:hover, .btn-large.btn-default.btn-loading:focus:active, .btn-large.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-large.btn-dropdown,
627
+ .btn-group.opened .btn:not([disabled]) + .btn-large.btn-dropdown {
628
+ border-width: 2px;
629
+ padding: 10px 15px;
630
+ }
631
+
632
+ .btn-medium {
633
+ font-size: 14px;
634
+ padding: 9px 12px;
635
+ border-radius: 3px;
636
+ line-height: 1.45;
637
+ height: 40px;
638
+ min-width: 120px;
639
+ }
640
+ .btn-medium:focus, .btn-medium.focus, .btn-medium.btn.btn-loading, .btn-medium.btn.btn-loading:focus:hover, .btn-medium.btn.btn-loading:focus:active, .btn-medium.btn-default.btn-loading, .btn-medium.btn-loading.btn-icon, .btn-medium.btn-default.btn-loading:focus:hover, .btn-medium.btn-loading.btn-icon:focus:hover, .btn-medium.btn-default.btn-loading:focus:active, .btn-medium.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-medium.btn-dropdown,
641
+ .btn-group.opened .btn:not([disabled]) + .btn-medium.btn-dropdown {
642
+ border-width: 2px;
643
+ padding: 8px 11px;
644
+ }
645
+
646
+ .btn-small {
647
+ font-size: 12px;
648
+ padding: 6px 8px;
649
+ border-radius: 3px;
650
+ line-height: 1.2;
651
+ height: 28px;
652
+ min-width: 84px;
653
+ }
654
+ .btn-small:focus, .btn-small.focus, .btn-small.btn.btn-loading, .btn-small.btn.btn-loading:focus:hover, .btn-small.btn.btn-loading:focus:active, .btn-small.btn-default.btn-loading, .btn-small.btn-loading.btn-icon, .btn-small.btn-default.btn-loading:focus:hover, .btn-small.btn-loading.btn-icon:focus:hover, .btn-small.btn-default.btn-loading:focus:active, .btn-small.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-small.btn-dropdown,
655
+ .btn-group.opened .btn:not([disabled]) + .btn-small.btn-dropdown {
656
+ border-width: 2px;
657
+ padding: 5px 7px;
658
+ }
659
+
660
+ /* buttons' types */
661
+ .btn-default, .btn-icon {
662
+ background-color: #f6f6f6;
663
+ color: #333;
664
+ border-color: #cccccc;
665
+ }
666
+ .btn-default:hover, .btn-icon:hover {
667
+ background-color: #fff;
668
+ color: #137ebe;
669
+ border-color: #89bfdf;
670
+ }
671
+ .btn-default:focus, .btn-icon:focus, .btn-default.focus, .focus.btn-icon, .btn-group .btn:not([disabled]) + .btn-icon.btn-dropdown:focus, .btn-group.opened .btn-icon.btn-dropdown,
672
+ .btn-group.opened .btn:not([disabled]) + .btn-icon.btn-dropdown, .btn-group .btn:not([disabled]) + .btn-default.btn-dropdown:focus, .btn-group.opened .btn-default.btn-dropdown,
673
+ .btn-group.opened .btn:not([disabled]) + .btn-default.btn-dropdown {
674
+ background-color: #eaf0f3;
675
+ border-color: #b3cad5;
676
+ }
677
+ .btn-default:focus:hover, .btn-icon:focus:hover {
678
+ background-color: #fff;
679
+ border-color: #137ebe;
680
+ }
681
+ .btn-default:active, .btn-icon:active {
682
+ background-color: #fff;
683
+ color: #5ebbf3;
684
+ border-color: #afddf9;
685
+ }
686
+ .btn-default:focus:active, .btn-icon:focus:active {
687
+ background-color: #fff;
688
+ border-color: #5ebbf3;
689
+ }
690
+ .btn-default.btn-loading, .btn-loading.btn-icon, .btn-default.btn-loading:hover, .btn-loading.btn-icon:hover, .btn-default.btn-loading:focus, .btn-loading.btn-icon:focus, .btn-default.btn-loading:focus:hover, .btn-loading.btn-icon:focus:hover, .btn-default.btn-loading:active, .btn-loading.btn-icon:active, .btn-default.btn-loading:focus:active, .btn-loading.btn-icon:focus:active {
691
+ position: relative;
692
+ background-color: #afddf9;
693
+ border-color: #afddf9;
694
+ overflow: visible;
695
+ }
696
+ .btn-default.btn-loading .loader-inner, .btn-loading.btn-icon .loader-inner,
697
+ .btn-default.btn-loading .loader-outer,
698
+ .btn-loading.btn-icon .loader-outer, .btn-default.btn-loading:hover .loader-inner, .btn-loading.btn-icon:hover .loader-inner,
699
+ .btn-default.btn-loading:hover .loader-outer,
700
+ .btn-loading.btn-icon:hover .loader-outer, .btn-default.btn-loading:focus .loader-inner, .btn-loading.btn-icon:focus .loader-inner,
701
+ .btn-default.btn-loading:focus .loader-outer,
702
+ .btn-loading.btn-icon:focus .loader-outer, .btn-default.btn-loading:focus:hover .loader-inner, .btn-loading.btn-icon:focus:hover .loader-inner,
703
+ .btn-default.btn-loading:focus:hover .loader-outer,
704
+ .btn-loading.btn-icon:focus:hover .loader-outer, .btn-default.btn-loading:active .loader-inner, .btn-loading.btn-icon:active .loader-inner,
705
+ .btn-default.btn-loading:active .loader-outer,
706
+ .btn-loading.btn-icon:active .loader-outer, .btn-default.btn-loading:focus:active .loader-inner, .btn-loading.btn-icon:focus:active .loader-inner,
707
+ .btn-default.btn-loading:focus:active .loader-outer,
708
+ .btn-loading.btn-icon:focus:active .loader-outer {
709
+ fill: #afddf9;
710
+ }
711
+
712
+ .btn-default[disabled], [disabled].btn-icon,
713
+ .btn-default[disabled]:hover,
714
+ [disabled].btn-icon:hover,
715
+ .btn-default[disabled]:focus,
716
+ [disabled].btn-icon:focus,
717
+ .btn-default[disabled]:focus:hover,
718
+ [disabled].btn-icon:focus:hover,
719
+ .btn-default[disabled]:active,
720
+ [disabled].btn-icon:active,
721
+ .btn-default[disabled]:focus:active,
722
+ [disabled].btn-icon:focus:active {
723
+ background-color: #f6f6f6;
724
+ color: #333;
725
+ border-color: transparent;
726
+ border-width: 1px;
727
+ border-color: #cccccc;
728
+ }
729
+
730
+ .btn-alt {
731
+ background-color: #fff;
732
+ color: #333;
733
+ }
734
+ .btn-alt:hover {
735
+ background-color: #edf8ff;
736
+ color: #137ebe;
737
+ }
738
+ .btn-alt:active {
739
+ background-color: #fff;
740
+ color: #54bfd6;
741
+ }
742
+ .btn-alt:focus {
743
+ border-color: #fff;
744
+ background-color: #d3e6f1;
745
+ }
746
+ .btn-alt:focus:hover {
747
+ background-color: #dce7ed;
748
+ }
749
+ .btn-alt:focus:active {
750
+ background-color: #fff;
751
+ }
752
+
753
+ .btn-alt[disabled],
754
+ .btn-alt[disabled]:hover,
755
+ .btn-alt[disabled]:focus,
756
+ .btn-alt[disabled]:focus:hover,
757
+ .btn-alt[disabled]:active,
758
+ .btn-alt[disabled]:focus:active {
759
+ background-color: #fff;
760
+ color: #333;
761
+ border-color: transparent;
762
+ border-width: 1px;
763
+ }
764
+
765
+ /* btn-primary */
766
+ .btn-primary {
767
+ color: #fff;
768
+ background-color: #189dee;
769
+ border-color: transparent;
770
+ }
771
+ .btn-primary:hover {
772
+ background-color: #137ebe;
773
+ }
774
+ .btn-primary:focus {
775
+ border-color: #116ea7;
776
+ }
777
+ .btn-primary:focus:hover {
778
+ background-color: #137ebe;
779
+ }
780
+ .btn-primary:active {
781
+ background-color: #46b1f1;
782
+ }
783
+ .btn-primary:focus:active {
784
+ background-color: #46b1f1;
785
+ }
786
+ .btn-primary.btn.btn-loading, .btn-primary.btn.btn-loading:focus:hover, .btn-primary.btn.btn-loading:focus:active, .btn-primary.btn-default.btn-loading, .btn-primary.btn-loading.btn-icon, .btn-primary.btn-default.btn-loading:focus:hover, .btn-primary.btn-loading.btn-icon:focus:hover, .btn-primary.btn-default.btn-loading:focus:active, .btn-primary.btn-loading.btn-icon:focus:active {
787
+ position: relative;
788
+ background-color: #46b1f1;
789
+ border-color: transparent;
790
+ overflow: visible;
791
+ }
792
+ .btn-group .btn:not([disabled]) + .btn-primary.btn-dropdown:focus, .btn-group.opened .btn-primary.btn-dropdown,
793
+ .btn-group.opened .btn:not([disabled]) + .btn-primary.btn-dropdown {
794
+ border-color: #116ea7;
795
+ }
796
+ .btn-primary.btn-loading .loader-inner,
797
+ .btn-primary.btn-loading .loader-outer, .btn-primary.btn-loading:hover .loader-inner,
798
+ .btn-primary.btn-loading:hover .loader-outer, .btn-primary.btn-loading:focus .loader-inner,
799
+ .btn-primary.btn-loading:focus .loader-outer, .btn-primary.btn-loading:focus:hover .loader-inner,
800
+ .btn-primary.btn-loading:focus:hover .loader-outer, .btn-primary.btn-loading:active .loader-inner,
801
+ .btn-primary.btn-loading:active .loader-outer, .btn-primary.btn-loading:focus:active .loader-inner,
802
+ .btn-primary.btn-loading:focus:active .loader-outer {
803
+ fill: #46b1f1;
804
+ }
805
+
806
+ .btn-primary[disabled],
807
+ .btn-primary[disabled]:hover,
808
+ .btn-primary[disabled]:focus,
809
+ .btn-primary[disabled]:focus:hover,
810
+ .btn-primary[disabled]:active,
811
+ .btn-primary[disabled]:focus:active {
812
+ background-color: #189dee;
813
+ color: #fff;
814
+ border-color: transparent;
815
+ border-width: 1px;
816
+ }
817
+
818
+ /* btn-success */
819
+ .btn-success {
820
+ color: #fff;
821
+ background-color: #64a52f;
822
+ border-color: transparent;
823
+ }
824
+ .btn-success:hover {
825
+ background-color: #508426;
826
+ }
827
+ .btn-success:focus {
828
+ border-color: #467421;
829
+ }
830
+ .btn-success:focus:hover {
831
+ background-color: #508426;
832
+ }
833
+ .btn-success:active {
834
+ background-color: #83b759;
835
+ }
836
+ .btn-success:focus:active {
837
+ background-color: #83b759;
838
+ }
839
+ .btn-success.btn.btn-loading, .btn-success.btn.btn-loading:focus:hover, .btn-success.btn.btn-loading:focus:active, .btn-success.btn-default.btn-loading, .btn-success.btn-loading.btn-icon, .btn-success.btn-default.btn-loading:focus:hover, .btn-success.btn-loading.btn-icon:focus:hover, .btn-success.btn-default.btn-loading:focus:active, .btn-success.btn-loading.btn-icon:focus:active {
840
+ position: relative;
841
+ background-color: #83b759;
842
+ border-color: transparent;
843
+ overflow: visible;
844
+ }
845
+ .btn-group .btn:not([disabled]) + .btn-success.btn-dropdown:focus, .btn-group.opened .btn-success.btn-dropdown,
846
+ .btn-group.opened .btn:not([disabled]) + .btn-success.btn-dropdown {
847
+ border-color: #467421;
848
+ }
849
+ .btn-success.btn-loading .loader-inner,
850
+ .btn-success.btn-loading .loader-outer, .btn-success.btn-loading:hover .loader-inner,
851
+ .btn-success.btn-loading:hover .loader-outer, .btn-success.btn-loading:focus .loader-inner,
852
+ .btn-success.btn-loading:focus .loader-outer, .btn-success.btn-loading:focus:hover .loader-inner,
853
+ .btn-success.btn-loading:focus:hover .loader-outer, .btn-success.btn-loading:active .loader-inner,
854
+ .btn-success.btn-loading:active .loader-outer, .btn-success.btn-loading:focus:active .loader-inner,
855
+ .btn-success.btn-loading:focus:active .loader-outer {
856
+ fill: #83b759;
857
+ }
858
+
859
+ .btn-success[disabled],
860
+ .btn-success[disabled]:hover,
861
+ .btn-success[disabled]:focus,
862
+ .btn-success[disabled]:focus:hover,
863
+ .btn-success[disabled]:active,
864
+ .btn-success[disabled]:focus:active {
865
+ background-color: #64a52f;
866
+ color: #fff;
867
+ border-color: transparent;
868
+ border-width: 1px;
869
+ }
870
+
871
+ /* btn-info */
872
+ .btn-info {
873
+ color: #fff;
874
+ background-color: #1baecd;
875
+ border-color: transparent;
876
+ }
877
+ .btn-info:hover {
878
+ background-color: #168ba4;
879
+ }
880
+ .btn-info:focus {
881
+ border-color: #137a90;
882
+ }
883
+ .btn-info:focus:hover {
884
+ background-color: #168ba4;
885
+ }
886
+ .btn-info:active {
887
+ background-color: #49bed7;
888
+ }
889
+ .btn-info:focus:active {
890
+ background-color: #49bed7;
891
+ }
892
+ .btn-info.btn.btn-loading, .btn-info.btn.btn-loading:focus:hover, .btn-info.btn.btn-loading:focus:active, .btn-info.btn-default.btn-loading, .btn-info.btn-loading.btn-icon, .btn-info.btn-default.btn-loading:focus:hover, .btn-info.btn-loading.btn-icon:focus:hover, .btn-info.btn-default.btn-loading:focus:active, .btn-info.btn-loading.btn-icon:focus:active {
893
+ position: relative;
894
+ background-color: #49bed7;
895
+ border-color: transparent;
896
+ overflow: visible;
897
+ }
898
+ .btn-group .btn:not([disabled]) + .btn-info.btn-dropdown:focus, .btn-group.opened .btn-info.btn-dropdown,
899
+ .btn-group.opened .btn:not([disabled]) + .btn-info.btn-dropdown {
900
+ border-color: #137a90;
901
+ }
902
+ .btn-info.btn-loading .loader-inner,
903
+ .btn-info.btn-loading .loader-outer, .btn-info.btn-loading:hover .loader-inner,
904
+ .btn-info.btn-loading:hover .loader-outer, .btn-info.btn-loading:focus .loader-inner,
905
+ .btn-info.btn-loading:focus .loader-outer, .btn-info.btn-loading:focus:hover .loader-inner,
906
+ .btn-info.btn-loading:focus:hover .loader-outer, .btn-info.btn-loading:active .loader-inner,
907
+ .btn-info.btn-loading:active .loader-outer, .btn-info.btn-loading:focus:active .loader-inner,
908
+ .btn-info.btn-loading:focus:active .loader-outer {
909
+ fill: #49bed7;
910
+ }
911
+
912
+ .btn-info[disabled],
913
+ .btn-info[disabled]:hover,
914
+ .btn-info[disabled]:focus,
915
+ .btn-info[disabled]:focus:hover,
916
+ .btn-info[disabled]:active,
917
+ .btn-info[disabled]:focus:active {
918
+ background-color: #1baecd;
919
+ color: #fff;
920
+ border-color: transparent;
921
+ border-width: 1px;
922
+ }
923
+
924
+ /* btn-info-light */
925
+ .btn-info-light {
926
+ color: #fff;
927
+ background-color: #99d5e1;
928
+ border-color: transparent;
929
+ }
930
+ .btn-info-light:hover {
931
+ background-color: #7aaab4;
932
+ }
933
+ .btn-info-light:focus {
934
+ border-color: #6b959e;
935
+ }
936
+ .btn-info-light:focus:hover {
937
+ background-color: #7aaab4;
938
+ }
939
+ .btn-info-light:active {
940
+ background-color: #addde7;
941
+ }
942
+ .btn-info-light:focus:active {
943
+ background-color: #addde7;
944
+ }
945
+ .btn-info-light.btn.btn-loading, .btn-info-light.btn.btn-loading:focus:hover, .btn-info-light.btn.btn-loading:focus:active, .btn-info-light.btn-default.btn-loading, .btn-info-light.btn-loading.btn-icon, .btn-info-light.btn-default.btn-loading:focus:hover, .btn-info-light.btn-loading.btn-icon:focus:hover, .btn-info-light.btn-default.btn-loading:focus:active, .btn-info-light.btn-loading.btn-icon:focus:active {
946
+ position: relative;
947
+ background-color: #addde7;
948
+ border-color: transparent;
949
+ overflow: visible;
950
+ }
951
+ .btn-group .btn:not([disabled]) + .btn-info-light.btn-dropdown:focus, .btn-group.opened .btn-info-light.btn-dropdown,
952
+ .btn-group.opened .btn:not([disabled]) + .btn-info-light.btn-dropdown {
953
+ border-color: #6b959e;
954
+ }
955
+ .btn-info-light.btn-loading .loader-inner,
956
+ .btn-info-light.btn-loading .loader-outer, .btn-info-light.btn-loading:hover .loader-inner,
957
+ .btn-info-light.btn-loading:hover .loader-outer, .btn-info-light.btn-loading:focus .loader-inner,
958
+ .btn-info-light.btn-loading:focus .loader-outer, .btn-info-light.btn-loading:focus:hover .loader-inner,
959
+ .btn-info-light.btn-loading:focus:hover .loader-outer, .btn-info-light.btn-loading:active .loader-inner,
960
+ .btn-info-light.btn-loading:active .loader-outer, .btn-info-light.btn-loading:focus:active .loader-inner,
961
+ .btn-info-light.btn-loading:focus:active .loader-outer {
962
+ fill: #addde7;
963
+ }
964
+
965
+ .btn-info-light[disabled],
966
+ .btn-info-light[disabled]:hover,
967
+ .btn-info-light[disabled]:focus,
968
+ .btn-info-light[disabled]:focus:hover,
969
+ .btn-info-light[disabled]:active,
970
+ .btn-info-light[disabled]:focus:active {
971
+ background-color: #99d5e1;
972
+ color: #fff;
973
+ border-color: transparent;
974
+ border-width: 1px;
975
+ }
976
+
977
+ /* btn-warning */
978
+ .btn-warning {
979
+ color: #fff;
980
+ background-color: #bfa454;
981
+ border-color: transparent;
982
+ }
983
+ .btn-warning:hover {
984
+ background-color: #998343;
985
+ }
986
+ .btn-warning:focus {
987
+ border-color: #86733b;
988
+ }
989
+ .btn-warning:focus:hover {
990
+ background-color: #998343;
991
+ }
992
+ .btn-warning:active {
993
+ background-color: #ccb676;
994
+ }
995
+ .btn-warning:focus:active {
996
+ background-color: #ccb676;
997
+ }
998
+ .btn-warning.btn.btn-loading, .btn-warning.btn.btn-loading:focus:hover, .btn-warning.btn.btn-loading:focus:active, .btn-warning.btn-default.btn-loading, .btn-warning.btn-loading.btn-icon, .btn-warning.btn-default.btn-loading:focus:hover, .btn-warning.btn-loading.btn-icon:focus:hover, .btn-warning.btn-default.btn-loading:focus:active, .btn-warning.btn-loading.btn-icon:focus:active {
999
+ position: relative;
1000
+ background-color: #ccb676;
1001
+ border-color: transparent;
1002
+ overflow: visible;
1003
+ }
1004
+ .btn-group .btn:not([disabled]) + .btn-warning.btn-dropdown:focus, .btn-group.opened .btn-warning.btn-dropdown,
1005
+ .btn-group.opened .btn:not([disabled]) + .btn-warning.btn-dropdown {
1006
+ border-color: #86733b;
1007
+ }
1008
+ .btn-warning.btn-loading .loader-inner,
1009
+ .btn-warning.btn-loading .loader-outer, .btn-warning.btn-loading:hover .loader-inner,
1010
+ .btn-warning.btn-loading:hover .loader-outer, .btn-warning.btn-loading:focus .loader-inner,
1011
+ .btn-warning.btn-loading:focus .loader-outer, .btn-warning.btn-loading:focus:hover .loader-inner,
1012
+ .btn-warning.btn-loading:focus:hover .loader-outer, .btn-warning.btn-loading:active .loader-inner,
1013
+ .btn-warning.btn-loading:active .loader-outer, .btn-warning.btn-loading:focus:active .loader-inner,
1014
+ .btn-warning.btn-loading:focus:active .loader-outer {
1015
+ fill: #ccb676;
1016
+ }
1017
+
1018
+ .btn-warning[disabled],
1019
+ .btn-warning[disabled]:hover,
1020
+ .btn-warning[disabled]:focus,
1021
+ .btn-warning[disabled]:focus:hover,
1022
+ .btn-warning[disabled]:active,
1023
+ .btn-warning[disabled]:focus:active {
1024
+ background-color: #bfa454;
1025
+ color: #fff;
1026
+ border-color: transparent;
1027
+ border-width: 1px;
1028
+ }
1029
+
1030
+ /* btn-alert */
1031
+ .btn-alert {
1032
+ color: #fff;
1033
+ background-color: #dc602d;
1034
+ border-color: transparent;
1035
+ }
1036
+ .btn-alert:hover {
1037
+ background-color: #b04d24;
1038
+ }
1039
+ .btn-alert:focus {
1040
+ border-color: #9a4320;
1041
+ }
1042
+ .btn-alert:focus:hover {
1043
+ background-color: #b04d24;
1044
+ }
1045
+ .btn-alert:active {
1046
+ background-color: #e38057;
1047
+ }
1048
+ .btn-alert:focus:active {
1049
+ background-color: #e38057;
1050
+ }
1051
+ .btn-alert.btn.btn-loading, .btn-alert.btn.btn-loading:focus:hover, .btn-alert.btn.btn-loading:focus:active, .btn-alert.btn-default.btn-loading, .btn-alert.btn-loading.btn-icon, .btn-alert.btn-default.btn-loading:focus:hover, .btn-alert.btn-loading.btn-icon:focus:hover, .btn-alert.btn-default.btn-loading:focus:active, .btn-alert.btn-loading.btn-icon:focus:active {
1052
+ position: relative;
1053
+ background-color: #e38057;
1054
+ border-color: transparent;
1055
+ overflow: visible;
1056
+ }
1057
+ .btn-group .btn:not([disabled]) + .btn-alert.btn-dropdown:focus, .btn-group.opened .btn-alert.btn-dropdown,
1058
+ .btn-group.opened .btn:not([disabled]) + .btn-alert.btn-dropdown {
1059
+ border-color: #9a4320;
1060
+ }
1061
+ .btn-alert.btn-loading .loader-inner,
1062
+ .btn-alert.btn-loading .loader-outer, .btn-alert.btn-loading:hover .loader-inner,
1063
+ .btn-alert.btn-loading:hover .loader-outer, .btn-alert.btn-loading:focus .loader-inner,
1064
+ .btn-alert.btn-loading:focus .loader-outer, .btn-alert.btn-loading:focus:hover .loader-inner,
1065
+ .btn-alert.btn-loading:focus:hover .loader-outer, .btn-alert.btn-loading:active .loader-inner,
1066
+ .btn-alert.btn-loading:active .loader-outer, .btn-alert.btn-loading:focus:active .loader-inner,
1067
+ .btn-alert.btn-loading:focus:active .loader-outer {
1068
+ fill: #e38057;
1069
+ }
1070
+
1071
+ .btn-alert[disabled],
1072
+ .btn-alert[disabled]:hover,
1073
+ .btn-alert[disabled]:focus,
1074
+ .btn-alert[disabled]:focus:hover,
1075
+ .btn-alert[disabled]:active,
1076
+ .btn-alert[disabled]:focus:active {
1077
+ background-color: #dc602d;
1078
+ color: #fff;
1079
+ border-color: transparent;
1080
+ border-width: 1px;
1081
+ }
1082
+
1083
+ /* btn-inverse */
1084
+ .btn-inverse,
1085
+ .btn-inverse:hover,
1086
+ .btn-inverse:focus,
1087
+ .btn-inverse:active {
1088
+ color: #333;
1089
+ }
1090
+
1091
+ /* icons on btn */
1092
+ .btn [class*="icon-"] {
1093
+ color: inherit;
1094
+ padding-right: 0.688em;
1095
+ vertical-align: text-top;
1096
+ font-size: 1.143em;
1097
+ margin-top: 1px;
1098
+ opacity: .8;
1099
+ }
1100
+
1101
+ .btn .svg-icon {
1102
+ display: inline-block;
1103
+ padding-right: .4em;
1104
+ margin-top: -4px;
1105
+ vertical-align: middle;
1106
+ opacity: .8;
1107
+ width: 22px;
1108
+ height: 100%;
1109
+ }
1110
+ .btn .svg-icon svg {
1111
+ height: 100%;
1112
+ width: 100%;
1113
+ }
1114
+ .btn .svg-icon svg path {
1115
+ fill: #fff;
1116
+ }
1117
+
1118
+ .btn-large .svg-icon {
1119
+ width: 18px;
1120
+ }
1121
+
1122
+ .btn-medium .svg-icon {
1123
+ width: 14px;
1124
+ }
1125
+
1126
+ .btn-small .svg-icon {
1127
+ width: 12px;
1128
+ }
1129
+
1130
+ .btn-left-caret [class*="icon-"] {
1131
+ float: left;
1132
+ margin-top: 4px;
1133
+ padding-right: 8px;
1134
+ }
1135
+
1136
+ .btn-small.btn-left-caret [class*="icon-"] {
1137
+ float: left;
1138
+ margin-top: 1px;
1139
+ padding-right: 7px;
1140
+ }
1141
+
1142
+ .btn-medium.btn-left-caret [class*="icon-"] {
1143
+ float: left;
1144
+ margin-top: 4px;
1145
+ }
1146
+
1147
+ .btn-large.btn-left-caret [class*="icon-"] {
1148
+ float: left;
1149
+ margin-top: 8px;
1150
+ padding-right: 10px;
1151
+ }
1152
+
1153
+ /* btn-icon */
1154
+ .btn-icon {
1155
+ min-width: 40px;
1156
+ }
1157
+ .btn-icon.btn-large {
1158
+ min-width: 60px;
1159
+ }
1160
+ .btn-icon.btn-medium {
1161
+ min-width: 45px;
1162
+ }
1163
+ .btn-icon.btn-small {
1164
+ min-width: 30px;
1165
+ }
1166
+ .btn-icon [class*='icon-'] {
1167
+ padding: 0;
1168
+ }
1169
+
1170
+ /* button group */
1171
+ .btn-group {
1172
+ position: relative;
1173
+ display: inline-block;
1174
+ vertical-align: middle;
1175
+ }
1176
+ .btn-group > .btn {
1177
+ position: relative;
1178
+ float: left;
1179
+ }
1180
+ .btn-group > .btn:focus {
1181
+ outline: 0;
1182
+ z-index: 1;
1183
+ }
1184
+
1185
+ .btn-group .btn + .btn,
1186
+ .btn-group .btn + .btn-group,
1187
+ .btn-group .btn-group + .btn,
1188
+ .btn-group .btn-group + .btn-group {
1189
+ margin-left: -1px;
1190
+ }
1191
+
1192
+ .btn-group > .btn:not(:first-child):not(:last-child):not(.btn-dropdown) {
1193
+ border-radius: 0;
1194
+ }
1195
+
1196
+ .btn-group > .btn:first-child {
1197
+ margin-left: 0;
1198
+ }
1199
+ .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
1200
+ border-top-right-radius: 0;
1201
+ border-bottom-right-radius: 0;
1202
+ }
1203
+
1204
+ .btn-group > .btn:last-child:not(:first-child),
1205
+ .btn-group > .btn-dropdown:not(:first-child) {
1206
+ border-top-left-radius: 0;
1207
+ border-bottom-left-radius: 0;
1208
+ }
1209
+
1210
+ .btn-group .btn-dropdown {
1211
+ min-width: 30px;
1212
+ vertical-align: middle;
1213
+ }
1214
+ .btn-group .btn-dropdown [class*='icon-'] {
1215
+ font-size: .3em;
1216
+ vertical-align: middle;
1217
+ margin-top: -2px;
1218
+ padding: 0;
1219
+ }
1220
+
1221
+ .btn-group .list-dropdown {
1222
+ top: 100%;
1223
+ right: 0;
1224
+ margin: 2px 0 0 0;
1225
+ box-shadow: 0 1px 4px #b5b5b5;
1226
+ display: none;
1227
+ }
1228
+
1229
+ .opened > .list-dropdown {
1230
+ display: block;
1231
+ }
1232
+
1233
+ .btn-group .btn:not([disabled]) + .btn-dropdown {
1234
+ border-left-color: rgba(255, 255, 255, 0.3);
1235
+ -webkit-transition: "border-left-color", none;
1236
+ transition: "border-left-color", none;
1237
+ }
1238
+ .btn-group .btn:not([disabled]) + .btn-dropdown.btn-default, .btn-group .btn:not([disabled]) + .btn-dropdown.btn-icon {
1239
+ border-color: #cccccc;
1240
+ }
1241
+
1242
+ .btn-delete {
1243
+ background-color: #dc602d;
1244
+ color: #fff;
1245
+ }
1246
+
1247
+ .btn-delete:hover {
1248
+ background-color: #dc602d;
1249
+ color: #fff;
1250
+ }
1251
+
1252
+ .normalized .form-control, .normalized .input-prefix-suffix {
1253
+ display: inline-block;
1254
+ width: 100%;
1255
+ vertical-align: middle;
1256
+ outline: 0;
1257
+ border: 1px solid #c7c7c7;
1258
+ background-color: #fafbfc;
1259
+ color: #606060;
1260
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
1261
+ -moz-box-sizing: border-box;
1262
+ box-sizing: border-box;
1263
+ font-size: 13px;
1264
+ padding: 4px 8px;
1265
+ border-radius: 3px;
1266
+ line-height: 1.75em;
1267
+ height: 32px;
1268
+ -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
1269
+ transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
1270
+ }
1271
+ .normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix {
1272
+ border-width: 2px;
1273
+ padding: 3px 7px;
1274
+ }
1275
+ .normalized .form-control:hover, .normalized .input-prefix-suffix:hover {
1276
+ background-color: #fff;
1277
+ }
1278
+ .normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix, .normalized .form-control:active, .normalized .input-prefix-suffix:active, .normalized .form-control.active, .normalized .active.input-prefix-suffix {
1279
+ background-color: #fff;
1280
+ border-color: #0c92e3;
1281
+ color: #606060;
1282
+ box-shadow: 0 0 4px #d1eafa;
1283
+ }
1284
+ .normalized .form-control[disabled], .normalized [disabled].input-prefix-suffix, .normalized .form-control[readonly], .normalized [readonly].input-prefix-suffix, .normalized .form-control[disabled]:hover, .normalized [disabled].input-prefix-suffix:hover, .normalized .form-control[disabled]:focus, .normalized [disabled].input-prefix-suffix:focus, .normalized .form-control[disabled]:focus:hover, .normalized [disabled].input-prefix-suffix:focus:hover, .normalized .form-control[disabled]:active, .normalized [disabled].input-prefix-suffix:active, .normalized .form-control[disabled]:focus:active, .normalized [disabled].input-prefix-suffix:focus:active {
1285
+ background-color: #eeeeee;
1286
+ border-color: #c7c7c7;
1287
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
1288
+ cursor: not-allowed;
1289
+ }
1290
+
1291
+ .normalized .form-control::-moz-placeholder, .normalized .input-prefix-suffix::-moz-placeholder {
1292
+ color: #606060;
1293
+ opacity: .6;
1294
+ }
1295
+
1296
+ .normalized .form-control::-webkit-input-placeholder, .normalized .input-prefix-suffix::-webkit-input-placeholder {
1297
+ color: #606060;
1298
+ opacity: .6;
1299
+ }
1300
+
1301
+ .normalized .form-control::-ms-input-placeholder, .normalized .input-prefix-suffix::-ms-input-placeholder {
1302
+ color: #606060;
1303
+ opacity: .6;
1304
+ }
1305
+
1306
+ .normalized .has-error .form-control, .normalized .has-error .input-prefix-suffix {
1307
+ border: 2px solid #fa5111;
1308
+ padding: 4px 7px;
1309
+ color: #cf3e07;
1310
+ background-color: #ffeaea;
1311
+ box-shadow: none;
1312
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1313
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1314
+ }
1315
+
1316
+ .normalized .has-error .form-control:hover, .normalized .has-error .input-prefix-suffix:hover {
1317
+ background-color: #fff;
1318
+ }
1319
+
1320
+ .normalized .has-error .form-control:focus, .normalized .has-error .input-prefix-suffix:focus {
1321
+ background-color: #fff;
1322
+ box-shadow: 0 0 4px #F5C0C0;
1323
+ }
1324
+
1325
+ .normalized .has-success .form-control, .normalized .has-success .input-prefix-suffix {
1326
+ border: 2px solid #468847;
1327
+ padding: 4px 7px;
1328
+ background-color: #eaffea;
1329
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1330
+ color: #468847;
1331
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1332
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1333
+ }
1334
+
1335
+ .normalized .has-success .form-control:focus, .normalized .has-success .input-prefix-suffix:focus {
1336
+ background-color: #fff;
1337
+ box-shadow: 0 0 4px #88c889;
1338
+ }
1339
+
1340
+ /* form-control sizes*/
1341
+ .normalized .form-control.input-small, .normalized .input-small.input-prefix-suffix {
1342
+ font-size: 12px;
1343
+ padding: 3px 6px;
1344
+ border-radius: 3px;
1345
+ line-height: 1.5em;
1346
+ height: 28px;
1347
+ }
1348
+ .normalized .form-control.input-small:focus, .normalized .input-small.input-prefix-suffix:focus, .normalized .form-control.input-small.focus, .normalized .input-small.focus.input-prefix-suffix {
1349
+ border-width: 2px;
1350
+ padding: 2px 5px;
1351
+ }
1352
+
1353
+ .normalized .has-error .form-control.input-small, .normalized .has-error .input-small.input-prefix-suffix,
1354
+ .normalized .has-success .form-control.input-small,
1355
+ .normalized .has-success .input-small.input-prefix-suffix,
1356
+ .normalized .form-control.input-small:focus,
1357
+ .normalized .input-small.input-prefix-suffix:focus {
1358
+ padding: 2px 5px;
1359
+ }
1360
+
1361
+ .normalized .form-control.input-medium, .normalized .input-medium.input-prefix-suffix {
1362
+ font-size: 14px;
1363
+ padding: 4px 11px;
1364
+ border-radius: 3px;
1365
+ line-height: 1.75em;
1366
+ height: 40px;
1367
+ }
1368
+ .normalized .form-control.input-medium:focus, .normalized .input-medium.input-prefix-suffix:focus, .normalized .form-control.input-medium.focus, .normalized .input-medium.focus.input-prefix-suffix {
1369
+ border-width: 2px;
1370
+ padding: 3px 10px;
1371
+ }
1372
+
1373
+ .normalized .has-error .form-control.input-medium, .normalized .has-error .input-medium.input-prefix-suffix,
1374
+ .normalized .has-success .form-control.input-medium,
1375
+ .normalized .has-success .input-medium.input-prefix-suffix,
1376
+ .normalized .form-control.input-medium:focus,
1377
+ .normalized .input-medium.input-prefix-suffix:focus {
1378
+ padding: 3px 10px;
1379
+ }
1380
+
1381
+ .normalized .form-control.input-large, .normalized .input-large.input-prefix-suffix {
1382
+ font-size: 18px;
1383
+ padding: 4px 11px;
1384
+ border-radius: 3px;
1385
+ line-height: 1.75em;
1386
+ height: 48px;
1387
+ }
1388
+ .normalized .form-control.input-large:focus, .normalized .input-large.input-prefix-suffix:focus, .normalized .form-control.input-large.focus, .normalized .input-large.focus.input-prefix-suffix {
1389
+ border-width: 2px;
1390
+ padding: 3px 10px;
1391
+ }
1392
+
1393
+ .normalized .has-error .form-control.input-large, .normalized .has-error .input-large.input-prefix-suffix,
1394
+ .normalized .has-success .form-control.input-large,
1395
+ .normalized .has-success .input-large.input-prefix-suffix,
1396
+ .normalized .form-control.input-large:focus,
1397
+ .normalized .input-large.input-prefix-suffix:focus {
1398
+ padding: 3px 10px;
1399
+ }
1400
+
1401
+ .normalized .has-success .input-group-addon {
1402
+ border-color: #468847;
1403
+ background-color: #dff0d8;
1404
+ color: #468847;
1405
+ }
1406
+
1407
+ /* selects */
1408
+ .normalized select.form-control, .normalized select.input-prefix-suffix {
1409
+ background: #fff;
1410
+ box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.07) inset;
1411
+ overflow: hidden;
1412
+ position: relative;
1413
+ white-space: nowrap;
1414
+ z-index: 10;
1415
+ -webkit-appearance: button;
1416
+ outline: 0;
1417
+ }
1418
+
1419
+ .normalized select.form-control option, .normalized select.input-prefix-suffix option {
1420
+ padding: .2em 0 .2em .769em;
1421
+ color: #606060;
1422
+ }
1423
+
1424
+ .normalized select.form-control:focus, .normalized select.input-prefix-suffix:focus {
1425
+ color: transparent;
1426
+ text-shadow: 0 0 0 #000;
1427
+ outline: 0;
1428
+ }
1429
+
1430
+ .normalized .select-wrap {
1431
+ display: inline-block;
1432
+ position: relative;
1433
+ vertical-align: baseline;
1434
+ }
1435
+
1436
+ .normalized .select-wrap:before {
1437
+ content: "";
1438
+ background-color: #fff;
1439
+ pointer-events: none;
1440
+ position: absolute;
1441
+ top: .2em;
1442
+ bottom: .2em;
1443
+ right: .2em;
1444
+ width: 1.6em;
1445
+ z-index: 11;
1446
+ transition: background 0.15s linear;
1447
+ /*, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/
1448
+ -webkit-transition: background 0.15s;
1449
+ /* linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/
1450
+ }
1451
+
1452
+ .normalized .select-wrap:after {
1453
+ content: "\E016";
1454
+ font-family: 'font_icons';
1455
+ font-size: .875em;
1456
+ /* 14px relatively 16px */
1457
+ line-height: 1;
1458
+ color: #62717a;
1459
+ position: absolute;
1460
+ z-index: 12;
1461
+ top: 50%;
1462
+ margin-top: -.5em;
1463
+ /* 7px to 14px*/
1464
+ right: .571em;
1465
+ /* 8px relatively 14px */
1466
+ pointer-events: none;
1467
+ }
1468
+
1469
+ :-moz-any(.select-wrap):before {
1470
+ background-color: #fff;
1471
+ /* this is necessary for overcome the caret default browser */
1472
+ pointer-events: none;
1473
+ /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */
1474
+ z-index: 1;
1475
+ /* this is necessary for overcome the pseudo element */
1476
+ }
1477
+
1478
+ .normalized .select-wrap:hover,
1479
+ .normalized .select-wrap:hover:before {
1480
+ background-color: #fff;
1481
+ }
1482
+
1483
+ .normalized .has-error .select-wrap:before {
1484
+ background-color: #ffeaea;
1485
+ }
1486
+
1487
+ .normalized select.form-control.input-medium, .normalized select.input-medium.input-prefix-suffix {
1488
+ padding: 8px 6px 8px 11px;
1489
+ }
1490
+
1491
+ .normalized select.form-control.input-medium:focus, .normalized select.input-medium.input-prefix-suffix:focus {
1492
+ padding: 7px 5px 7px 10px;
1493
+ }
1494
+
1495
+ /* Input group */
1496
+ .normalized .input-group {
1497
+ position: relative;
1498
+ }
1499
+
1500
+ .normalized .input-group .form-control, .normalized .input-group .input-prefix-suffix {
1501
+ padding-right: 95px;
1502
+ }
1503
+
1504
+ .normalized .input-group .form-control:focus, .normalized .input-group .input-prefix-suffix:focus,
1505
+ .normalized .input-group.has-success .form-control,
1506
+ .normalized .input-group.has-success .input-prefix-suffix,
1507
+ .normalized .input-group.has-error .form-control,
1508
+ .normalized .input-group.has-error .input-prefix-suffix {
1509
+ padding-right: 94px;
1510
+ }
1511
+
1512
+ .normalized .input-group .input-suffix {
1513
+ position: absolute;
1514
+ display: inline-block;
1515
+ vertical-align: middle;
1516
+ right: 0;
1517
+ top: 0;
1518
+ background-color: #e9e9e9;
1519
+ border-width: 1px 1px 1px 0;
1520
+ border-style: solid;
1521
+ border-color: #c7c7c7;
1522
+ border-radius: 0 3px 3px 0;
1523
+ color: #999;
1524
+ outline: 0;
1525
+ font-size: 13px;
1526
+ padding: 4px 8px;
1527
+ border-radius: 0 3px 3px 0;
1528
+ line-height: 1.6em;
1529
+ height: 32px;
1530
+ -moz-box-sizing: border-box;
1531
+ box-sizing: border-box;
1532
+ -webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
1533
+ transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
1534
+ }
1535
+ .normalized .input-group .input-suffix:focus, .normalized .input-group .input-suffix.focus {
1536
+ border-width: 2px;
1537
+ padding: 3px 7px;
1538
+ }
1539
+
1540
+ .normalized .input-group .form-control:active + .input-suffix, .normalized .input-group .input-prefix-suffix:active + .input-suffix,
1541
+ .normalized .input-group .form-control:focus + .input-suffix,
1542
+ .normalized .input-group .input-prefix-suffix:focus + .input-suffix {
1543
+ border-width: 2px 2px 2px 0;
1544
+ border-style: solid;
1545
+ border-color: #0c92e3;
1546
+ box-shadow: 1px 0 2px #d1eafa;
1547
+ padding: 3px 7px 3px 8px;
1548
+ outline: 0;
1549
+ background-color: #c6e7fa;
1550
+ color: #0a8ae1;
1551
+ }
1552
+
1553
+ .normalized .input-group .form-control.input-small, .normalized .input-group .input-small.input-prefix-suffix {
1554
+ padding-right: 80px;
1555
+ }
1556
+
1557
+ .normalized .input-group .form-control.input-small:focus, .normalized .input-group .input-small.input-prefix-suffix:focus,
1558
+ .normalized .input-group.has-error .form-control.input-small,
1559
+ .normalized .input-group.has-error .input-small.input-prefix-suffix,
1560
+ .normalized .input-group.has-success .form-control.input-small,
1561
+ .normalized .input-group.has-success .input-small.input-prefix-suffix {
1562
+ padding-right: 79px;
1563
+ }
1564
+
1565
+ .normalized .input-group .form-control.input-small + .input-suffix, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix {
1566
+ font-size: 12px;
1567
+ padding: 3px 6px;
1568
+ border-radius: 0 3px 3px 0;
1569
+ line-height: 1.6em;
1570
+ height: 28px;
1571
+ }
1572
+ .normalized .input-group .form-control.input-small + .input-suffix:focus, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-small + .input-suffix.focus, .normalized .input-group .input-small.input-prefix-suffix + .input-suffix.focus {
1573
+ border-width: 2px;
1574
+ padding: 2px 5px;
1575
+ }
1576
+
1577
+ .normalized .input-group .form-control.input-small:focus + .input-suffix, .normalized .input-group .input-small.input-prefix-suffix:focus + .input-suffix {
1578
+ padding: 2px 5px 2px 6px;
1579
+ }
1580
+
1581
+ .normalized .input-group .form-control.input-medium, .normalized .input-group .input-medium.input-prefix-suffix {
1582
+ padding-right: 105px;
1583
+ }
1584
+
1585
+ .normalized .input-group .form-control.input-medium:focus, .normalized .input-group .input-medium.input-prefix-suffix:focus,
1586
+ .normalized .input-group.has-error .form-control.input-medium,
1587
+ .normalized .input-group.has-error .input-medium.input-prefix-suffix,
1588
+ .normalized .input-group.has-success .form-control.input-medium,
1589
+ .normalized .input-group.has-success .input-medium.input-prefix-suffix {
1590
+ padding-right: 104px;
1591
+ }
1592
+
1593
+ .normalized .input-group .form-control.input-medium + .input-suffix, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix {
1594
+ font-size: 14px;
1595
+ padding: 4px 11px;
1596
+ border-radius: 0 3px 3px 0;
1597
+ line-height: 2.1em;
1598
+ height: 40px;
1599
+ }
1600
+ .normalized .input-group .form-control.input-medium + .input-suffix:focus, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-medium + .input-suffix.focus, .normalized .input-group .input-medium.input-prefix-suffix + .input-suffix.focus {
1601
+ border-width: 2px;
1602
+ padding: 3px 10px;
1603
+ }
1604
+
1605
+ .normalized .input-group .form-control.input-medium:focus + .input-suffix, .normalized .input-group .input-medium.input-prefix-suffix:focus + .input-suffix {
1606
+ padding: 3px 10px 3px 11px;
1607
+ }
1608
+
1609
+ .normalized .input-group .form-control.input-large, .normalized .input-group .input-large.input-prefix-suffix {
1610
+ padding-right: 105px;
1611
+ }
1612
+
1613
+ .normalized .input-group .form-control.input-large:focus, .normalized .input-group .input-large.input-prefix-suffix:focus,
1614
+ .normalized .input-group.has-error .form-control.input-large,
1615
+ .normalized .input-group.has-error .input-large.input-prefix-suffix,
1616
+ .normalized .input-group.has-success .form-control.input-large,
1617
+ .normalized .input-group.has-success .input-large.input-prefix-suffix {
1618
+ padding-right: 104px;
1619
+ }
1620
+
1621
+ .normalized .input-group .form-control.input-large + .input-suffix, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix {
1622
+ font-size: 18px;
1623
+ padding: 4px 11px;
1624
+ border-radius: 0 3px 3px 0;
1625
+ line-height: 2.5em;
1626
+ height: 48px;
1627
+ }
1628
+ .normalized .input-group .form-control.input-large + .input-suffix:focus, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix:focus, .normalized .input-group .form-control.input-large + .input-suffix.focus, .normalized .input-group .input-large.input-prefix-suffix + .input-suffix.focus {
1629
+ border-width: 2px;
1630
+ padding: 3px 10px;
1631
+ }
1632
+
1633
+ .normalized .input-group .form-control.input-large:focus + .input-suffix, .normalized .input-group .input-large.input-prefix-suffix:focus + .input-suffix {
1634
+ padding: 3px 10px 3px 11px;
1635
+ }
1636
+
1637
+ .normalized .input-group.has-error .form-control + .input-suffix, .normalized .input-group.has-error .input-prefix-suffix + .input-suffix,
1638
+ .normalized .input-group.has-success .form-control + .input-suffix,
1639
+ .normalized .input-group.has-success .input-prefix-suffix + .input-suffix {
1640
+ padding: 3px 7px 3px 8px;
1641
+ }
1642
+
1643
+ .normalized .input-group.has-error .form-control + .input-suffix, .normalized .input-group.has-error .input-prefix-suffix + .input-suffix {
1644
+ border-width: 2px 2px 2px 0;
1645
+ background-color: #ffcbcb;
1646
+ border-color: #fa5111;
1647
+ color: #cf3e07;
1648
+ }
1649
+
1650
+ .normalized .input-group.has-success .form-control + .input-suffix, .normalized .input-group.has-success .input-prefix-suffix + .input-suffix {
1651
+ border-width: 2px 2px 2px 0;
1652
+ background-color: #b6e291;
1653
+ border-color: #468847;
1654
+ color: #468847;
1655
+ }
1656
+
1657
+ .normalized .input-group.has-error .form-control.input-small + .input-suffix, .normalized .input-group.has-error .input-small.input-prefix-suffix + .input-suffix,
1658
+ .normalized .input-group.has-success .form-control.input-small + .input-suffix,
1659
+ .normalized .input-group.has-success .input-small.input-prefix-suffix + .input-suffix {
1660
+ padding: 2px 5px 2px 6px;
1661
+ }
1662
+
1663
+ .normalized .input-group.has-error .form-control.input-medium + .input-suffix, .normalized .input-group.has-error .input-medium.input-prefix-suffix + .input-suffix,
1664
+ .normalized .input-group.has-success .form-control.input-medium + .input-suffix,
1665
+ .normalized .input-group.has-success .input-medium.input-prefix-suffix + .input-suffix {
1666
+ padding: 3px 10px 3px 11px;
1667
+ }
1668
+
1669
+ .normalized .input-group.has-error .form-control.input-large + .input-suffix, .normalized .input-group.has-error .input-large.input-prefix-suffix + .input-suffix,
1670
+ .normalized .input-group.has-success .form-control.input-large + .input-suffix,
1671
+ .normalized .input-group.has-success .input-large.input-prefix-suffix + .input-suffix {
1672
+ padding: 3px 10px 3px 11px;
1673
+ }
1674
+
1675
+ /* Input appends*/
1676
+ .normalized .input-append {
1677
+ position: relative;
1678
+ }
1679
+
1680
+ .normalized .input-append .input-addon {
1681
+ font-size: 11px;
1682
+ line-height: 1;
1683
+ height: 100%;
1684
+ padding: 0 .8em;
1685
+ color: #62717a;
1686
+ position: absolute;
1687
+ width: 1em;
1688
+ right: 0;
1689
+ top: 0;
1690
+ text-align: left;
1691
+ }
1692
+
1693
+ .normalized .input-append [class*="icon-"] {
1694
+ color: #62717a;
1695
+ position: absolute;
1696
+ top: 50%;
1697
+ margin-top: -.5em;
1698
+ }
1699
+
1700
+ .normalized .input-append .form-control.input-medium + .input-addon, .normalized .input-append .input-medium.input-prefix-suffix + .input-addon {
1701
+ font-size: 13px;
1702
+ }
1703
+
1704
+ .normalized .input-append .form-control.input-small + .input-addon, .normalized .input-append .input-small.input-prefix-suffix + .input-addon {
1705
+ font-size: 9px;
1706
+ }
1707
+
1708
+ .normalized .input-append.has-error [class*="icon-"] {
1709
+ color: #cf3e07;
1710
+ }
1711
+
1712
+ .normalized .input-append.has-success [class*="icon-"] {
1713
+ color: #468847;
1714
+ }
1715
+
1716
+ .normalized .input-append .form-control, .normalized .input-append .input-prefix-suffix,
1717
+ .normalized .input-append.has-success .form-control,
1718
+ .normalized .input-append.has-success .input-prefix-suffix,
1719
+ .normalized .input-append.has-error .form-control,
1720
+ .normalized .input-append.has-error .input-prefix-suffix,
1721
+ .normalized .input-append.has-success .form-control:focus,
1722
+ .normalized .input-append.has-success .input-prefix-suffix:focus,
1723
+ .normalized .input-append.has-error .form-control:focus,
1724
+ .normalized .input-append.has-error .input-prefix-suffix:focus {
1725
+ padding-right: 2em;
1726
+ /* 26px to 13px*/
1727
+ }
1728
+
1729
+ .normalized .input-append .form-control:focus, .normalized .input-append .input-prefix-suffix:focus {
1730
+ padding-right: 1.923em;
1731
+ /* 25px to 13px*/
1732
+ }
1733
+
1734
+ .normalized .input-append .form-control.input-medium, .normalized .input-append .input-medium.input-prefix-suffix,
1735
+ .normalized .input-append.has-success .form-control.input-medium,
1736
+ .normalized .input-append.has-success .input-medium.input-prefix-suffix,
1737
+ .normalized .input-append.has-error .form-control.input-medium,
1738
+ .normalized .input-append.has-error .input-medium.input-prefix-suffix,
1739
+ .normalized .input-append.has-success .form-control.input-medium:focus,
1740
+ .normalized .input-append.has-success .input-medium.input-prefix-suffix:focus,
1741
+ .normalized .input-append.has-error .form-control.input-medium:focus,
1742
+ .normalized .input-append.has-error .input-medium.input-prefix-suffix:focus {
1743
+ padding-right: 2.5em;
1744
+ /* 35px to 14px*/
1745
+ }
1746
+
1747
+ .normalized .input-append .form-control.input-medium:focus, .normalized .input-append .input-medium.input-prefix-suffix:focus {
1748
+ padding-right: 2.43em;
1749
+ /* 34px to 14px*/
1750
+ }
1751
+
1752
+ .normalized .radio {
1753
+ display: block;
1754
+ min-height: 20px;
1755
+ position: relative;
1756
+ font-size: 0.875em;
1757
+ -webkit-transition: color 0.1s linear 0s;
1758
+ transition: color 0.1s linear 0s;
1759
+ }
1760
+
1761
+ .normalized .radio input[type=radio] {
1762
+ opacity: 0;
1763
+ position: absolute;
1764
+ z-index: -1;
1765
+ }
1766
+
1767
+ .normalized .radio input[type=radio]:checked,
1768
+ .normalized .radio input[type=radio]:focus {
1769
+ outline: none;
1770
+ }
1771
+
1772
+ .normalized .radio input[type=radio] + .radio-label {
1773
+ position: relative;
1774
+ z-index: 1;
1775
+ display: inline-block;
1776
+ margin: 0;
1777
+ font-weight: normal;
1778
+ color: #20b0ce;
1779
+ font-size: 1.286em;
1780
+ padding-left: 83px;
1781
+ margin-top: 13px;
1782
+ margin-bottom: 11px;
1783
+ cursor: pointer;
1784
+ width: 85%;
1785
+ }
1786
+
1787
+ .normalized .radio input[type=radio] + .radio-label::before {
1788
+ font-family: 'font_icons';
1789
+ font-weight: normal;
1790
+ font-size: 1.5em;
1791
+ line-height: 1.2;
1792
+ content: '\E61F';
1793
+ display: inline-block;
1794
+ position: absolute;
1795
+ text-align: center;
1796
+ margin: 8px 30px 0 -58px;
1797
+ }
1798
+
1799
+ .normalized .radio input[type=radio]:checked + .radio-label::before {
1800
+ content: '\E61E';
1801
+ }
1802
+
1803
+ .normalized .radio input[type=radio]:disabled + .radio-label::before,
1804
+ .normalized .radio input[type=radio][disabled] + .radio-label::before,
1805
+ .normalized .radio input[type=radio].disabled + .radio-label::before {
1806
+ color: #5ecee3;
1807
+ }
1808
+
1809
+ .normalized .radio-label-note {
1810
+ display: block;
1811
+ font-size: 0.778em;
1812
+ color: #333;
1813
+ }
1814
+
1815
+ .ecwid-no-touch .normalized .radio input[type=radio] + .radio-label:hover,
1816
+ .ecwid-no-touch .normalized .radio input[type=radio] + .radio-label:hover .radio-label-note,
1817
+ .normalized .radio input[type=radio] + .radio-label-hover,
1818
+ .normalized .radio input[type=radio] + .radio-label-hover .radio-label-note {
1819
+ color: #006995;
1820
+ }
1821
+
1822
+ .radio .radio-label.radio-hover-anim::before {
1823
+ -webkit-animation: scale120 .15s ease-in;
1824
+ animation: scale120 .15s ease-in;
1825
+ }
1826
+
1827
+ @-webkit-keyframes scale120 {
1828
+ 0% {
1829
+ -webkit-transform: scale(0);
1830
+ transform: scale(0);
1831
+ }
1832
+ 50% {
1833
+ -webkit-transform: scale(1.2);
1834
+ transform: scale(1.2);
1835
+ }
1836
+ 100% {
1837
+ -webkit-transform: scale(1);
1838
+ transform: scale(1);
1839
+ }
1840
+ }
1841
+ @keyframes scale120 {
1842
+ 0% {
1843
+ transform: scale(0);
1844
+ }
1845
+ 50% {
1846
+ transform: scale(1.2);
1847
+ }
1848
+ 100% {
1849
+ transform: scale(1);
1850
+ }
1851
+ }
1852
+ /*--control group--------------------------------------------------------------------------------*/
1853
+ .normalized .control-group .form-control::-moz-placeholder, .normalized .control-group .input-prefix-suffix::-moz-placeholder {
1854
+ color: #b4b4b4;
1855
+ opacity: 0;
1856
+ }
1857
+
1858
+ .normalized .control-group .form-control::-webkit-input-placeholder, .normalized .control-group .input-prefix-suffix::-webkit-input-placeholder {
1859
+ color: #b4b4b4;
1860
+ opacity: 0;
1861
+ }
1862
+
1863
+ .normalized .control-group .form-control::-ms-input-placeholder, .normalized .control-group .input-prefix-suffix::-ms-input-placeholder {
1864
+ color: #b4b4b4;
1865
+ opacity: 0;
1866
+ }
1867
+
1868
+ .normalized .control-group {
1869
+ box-sizing: border-box;
1870
+ }
1871
+
1872
+ .normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
1873
+ font-size: 1em;
1874
+ height: 3.5em;
1875
+ line-height: 1;
1876
+ padding: 3px 15px;
1877
+ position: relative;
1878
+ letter-spacing: normal;
1879
+ }
1880
+
1881
+ .normalized .control-group .input-control {
1882
+ font-size: 1.375em;
1883
+ color: #333;
1884
+ margin: -2px 0 0 0;
1885
+ padding: 0;
1886
+ border: 0;
1887
+ background: transparent;
1888
+ position: relative;
1889
+ max-width: 97%;
1890
+ width: 100%;
1891
+ text-rendering: optimizeLegibility;
1892
+ -webkit-appearance: none;
1893
+ z-index: 3;
1894
+ }
1895
+
1896
+ .normalized .control-group .form-control-filled .input-control {
1897
+ margin-top: -2px;
1898
+ }
1899
+
1900
+ .normalized .control-group.has-error .input-control,
1901
+ .normalized .control-group.has-success .input-control,
1902
+ .normalized .control-group .form-control-combo .input-control {
1903
+ padding-right: 25px;
1904
+ }
1905
+
1906
+ .normalized .input-placeholder {
1907
+ color: #b4b4b4;
1908
+ font-size: 1.375em;
1909
+ font-weight: 300;
1910
+ display: inline-block;
1911
+ padding: 0;
1912
+ margin: 0;
1913
+ position: absolute;
1914
+ top: 16px;
1915
+ left: 15px;
1916
+ z-index: 2;
1917
+ text-rendering: optimizeLegibility;
1918
+ }
1919
+
1920
+ .normalized .form-control:active .input-placeholder, .normalized .input-prefix-suffix:active .input-placeholder,
1921
+ .normalized .form-control:focus .input-placeholder,
1922
+ .normalized .input-prefix-suffix:focus .input-placeholder,
1923
+ .normalized .form-control-focus .input-placeholder {
1924
+ top: 15px;
1925
+ left: 14px;
1926
+ }
1927
+
1928
+ .normalized .form-control-filled .input-placeholder,
1929
+ .normalized .form-control-focus .input-placeholder {
1930
+ display: none;
1931
+ -webkit-transition: none;
1932
+ transition: none;
1933
+ }
1934
+
1935
+ .has-error .input-placeholder {
1936
+ display: none;
1937
+ }
1938
+
1939
+ .normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
1940
+ background-color: #fafbfc;
1941
+ border: 1px solid #c7c7c7;
1942
+ padding: 3px 0 3px 15px;
1943
+ }
1944
+
1945
+ .normalized .control-group .form-control-hover {
1946
+ background-color: #fff;
1947
+ }
1948
+
1949
+ .normalized .control-group .form-control:active, .normalized .control-group .input-prefix-suffix:active,
1950
+ .normalized .control-group .form-control:focus,
1951
+ .normalized .control-group .input-prefix-suffix:focus,
1952
+ .normalized .control-group .form-control-focus {
1953
+ color: #606060;
1954
+ border: 2px solid #0c92e3;
1955
+ background-color: #fff;
1956
+ box-shadow: 0 0 4px #d1eafa;
1957
+ padding: 2px 0 2px 14px;
1958
+ outline: 0;
1959
+ }
1960
+
1961
+ .normalized .control-group .form-control:focus, .normalized .control-group .input-prefix-suffix:focus,
1962
+ .normalized .control-group .form-control-focus {
1963
+ color: #606060;
1964
+ border: 2px solid #0c92e3;
1965
+ background-color: #fff;
1966
+ box-shadow: 0 0 4px #d1eafa;
1967
+ padding: 2px 0 2px 14px;
1968
+ outline: 0;
1969
+ }
1970
+
1971
+ .normalized .control-group .form-control:after, .normalized .control-group .input-prefix-suffix:after {
1972
+ font-family: 'font_icons';
1973
+ content: '\E900';
1974
+ font-size: 1.2em;
1975
+ color: #7ebf48;
1976
+ line-height: 1;
1977
+ position: absolute;
1978
+ z-index: 12;
1979
+ top: 50%;
1980
+ margin-top: -0.44em;
1981
+ right: 0.52em;
1982
+ pointer-events: none;
1983
+ opacity: 0;
1984
+ -webkit-transform: translateZ(0);
1985
+ -webkit-font-smoothing: antialiased;
1986
+ -webkit-transition: opacity .1s linear;
1987
+ transition: opacity .1s linear;
1988
+ }
1989
+
1990
+ .normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix {
1991
+ border: 2px solid #fa5111;
1992
+ padding: 4px 13px;
1993
+ color: #cf3e07;
1994
+ background-color: #ffeaea;
1995
+ box-shadow: none;
1996
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1997
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
1998
+ }
1999
+
2000
+ .normalized .control-group.has-error .form-control-hover {
2001
+ background-color: #fff;
2002
+ }
2003
+
2004
+ .normalized .control-group.has-error .form-control-focus {
2005
+ background-color: #fff;
2006
+ box-shadow: 0 0 4px #F5C0C0;
2007
+ }
2008
+
2009
+ .normalized .control-group.has-success .form-control-focus,
2010
+ .normalized .control-group.has-success .form-control:active,
2011
+ .normalized .control-group.has-success .input-prefix-suffix:active {
2012
+ border: 2px solid #468847;
2013
+ padding: 2px 14px;
2014
+ background-color: #eaffea;
2015
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2016
+ color: #468847;
2017
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
2018
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
2019
+ }
2020
+
2021
+ .normalized .control-group .form-control .form-control-label, .normalized .control-group .input-prefix-suffix .form-control-label {
2022
+ display: block;
2023
+ visibility: visible;
2024
+ font-size: 0.625em;
2025
+ line-height: 1;
2026
+ height: auto;
2027
+ color: #999;
2028
+ margin-top: 3px;
2029
+ }
2030
+
2031
+ .normalized .control-group .form-control-label {
2032
+ opacity: 0;
2033
+ transition: all .15s linear;
2034
+ -webkit-transition: all 0.15s linear;
2035
+ -webkit-transform: translateZ(0);
2036
+ -webkit-font-smoothing: antialiased;
2037
+ -webkit-backface-visibility: hidden;
2038
+ -webkit-transform: translate3D(0px, -10px, 0px);
2039
+ transform: translate3D(0px, -10px, 0px);
2040
+ -webkit-transition: all .25s ease-out;
2041
+ transition: all .25s ease-out;
2042
+ }
2043
+
2044
+ .normalized .control-group.has-error .form-control-label,
2045
+ .normalized .control-group .form-control-filled .form-control-label,
2046
+ .normalized .control-group .form-control-focus .form-control-label {
2047
+ opacity: 1;
2048
+ -webkit-transform: translate3D(0px, 0px, 0px);
2049
+ transform: translate3D(0px, 0px, 0px);
2050
+ }
2051
+
2052
+ .normalized .control-group.has-error .form-control-label {
2053
+ color: #cf3e07;
2054
+ }
2055
+
2056
+ .normalized .control-group .form-control-close {
2057
+ display: block;
2058
+ width: 40px;
2059
+ height: 40px;
2060
+ margin: 0;
2061
+ padding: 14px 0 0 0;
2062
+ position: absolute;
2063
+ z-index: -1;
2064
+ top: 5px;
2065
+ right: 1px;
2066
+ cursor: pointer;
2067
+ text-align: center;
2068
+ opacity: 0;
2069
+ -webkit-box-sizing: border-box;
2070
+ box-sizing: border-box;
2071
+ -webkit-transform: translateZ(0);
2072
+ -webkit-font-smoothing: antialiased;
2073
+ -webkit-transition: opacity .14s ease-out, color .14s ease-out;
2074
+ transition: opacity .14s ease-out, color .14s ease-out;
2075
+ }
2076
+
2077
+ .normalized .control-group .form-control-close .icon-close {
2078
+ color: #fa5111;
2079
+ }
2080
+
2081
+ .normalized .control-group .form-control-close:hover .icon-close {
2082
+ color: #b23709;
2083
+ }
2084
+
2085
+ .normalized .control-group .form-control-close:active .icon-close {
2086
+ color: #ff8456;
2087
+ }
2088
+
2089
+ .normalized .control-group.has-error .form-control-close {
2090
+ background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
2091
+ z-index: 13;
2092
+ opacity: 1;
2093
+ }
2094
+
2095
+ .normalized .control-group.has-success .form-control:after, .normalized .control-group.has-success .input-prefix-suffix:after {
2096
+ opacity: 1;
2097
+ }
2098
+
2099
+ .normalized .control-group.has-success .form-control-focus:after,
2100
+ .normalized .control-group.has-success .form-control:active:after,
2101
+ .normalized .control-group.has-success .input-prefix-suffix:active:after {
2102
+ right: 0.48em;
2103
+ }
2104
+
2105
+ .normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix,
2106
+ .normalized .control-group.has-error .form-control-focus {
2107
+ padding: 2px 14px;
2108
+ }
2109
+
2110
+ .normalized .control-nowrap {
2111
+ white-space: nowrap;
2112
+ }
2113
+
2114
+ .normalized input[type='text'],
2115
+ .normalized input[type='number'] {
2116
+ -moz-appearance: textfield;
2117
+ -moz-box-sizing: border-box;
2118
+ -webkit-box-sizing: border-box;
2119
+ box-sizing: border-box;
2120
+ }
2121
+
2122
+ .normalized input::-webkit-outer-spin-button,
2123
+ .normalized input::-webkit-inner-spin-button {
2124
+ -webkit-appearance: none;
2125
+ }
2126
+
2127
+ .normalized input::-ms-clear {
2128
+ display: none;
2129
+ }
2130
+
2131
+ @media only screen and (max-width: 767px) {
2132
+ .normalized .control-group .input-control {
2133
+ font-size: 16px;
2134
+ margin-top: 2px;
2135
+ }
2136
+
2137
+ .normalized .control-group .form-control, .normalized .control-group .input-prefix-suffix {
2138
+ padding: 2px 12px;
2139
+ }
2140
+
2141
+ .normalized .control-group .form-control-focus,
2142
+ .normalized .control-group .form-control:active,
2143
+ .normalized .control-group .input-prefix-suffix:active {
2144
+ padding: 1px 11px;
2145
+ }
2146
+
2147
+ .normalized .control-group.has-error .form-control, .normalized .control-group.has-error .input-prefix-suffix,
2148
+ .normalized .control-group.has-error .form-control-focus,
2149
+ .normalized .control-group.has-error .form-control:active,
2150
+ .normalized .control-group.has-error .input-prefix-suffix:active {
2151
+ padding: 1px 11px;
2152
+ }
2153
+
2154
+ .normalized .control-group.has-success .form-control, .normalized .control-group.has-success .input-prefix-suffix {
2155
+ padding: 2px 12px;
2156
+ }
2157
+
2158
+ .normalized .control-group.has-success .form-control:active, .normalized .control-group.has-success .input-prefix-suffix:active,
2159
+ .normalized .control-group.has-success .form-control-focus,
2160
+ .normalized .control-group.has-success .form-control:active,
2161
+ .normalized .control-group.has-success .input-prefix-suffix:active {
2162
+ padding: 1px 11px;
2163
+ }
2164
+
2165
+ .normalized .control-group .form-control-combo.form-control-focus,
2166
+ .normalized .control-group .form-control-combo.form-control:active,
2167
+ .normalized .control-group .form-control-combo.input-prefix-suffix:active {
2168
+ padding: 1px 11px;
2169
+ }
2170
+
2171
+ .normalized .input-placeholder {
2172
+ font-size: 1em;
2173
+ top: 20px;
2174
+ left: 12px;
2175
+ }
2176
+
2177
+ .normalized .form-control:active .input-placeholder, .normalized .input-prefix-suffix:active .input-placeholder,
2178
+ .normalized .form-control:focus .input-placeholder,
2179
+ .normalized .input-prefix-suffix:focus .input-placeholder,
2180
+ .normalized .form-control-focus .input-placeholder {
2181
+ left: 11px;
2182
+ top: 19px;
2183
+ }
2184
+
2185
+ .normalized .control-group .form-control-filled .input-control {
2186
+ margin-top: 3px;
2187
+ }
2188
+ }
2189
+ /* control group medium */
2190
+ .normalized .control-group-medium .form-control, .normalized .control-group-medium .input-prefix-suffix,
2191
+ .normalized .control-group-medium.has-success .form-control,
2192
+ .normalized .control-group-medium.has-success .input-prefix-suffix {
2193
+ height: 2.5em;
2194
+ padding: 3px 0 3px 10px;
2195
+ }
2196
+
2197
+ .normalized .control-group-medium .input-control,
2198
+ .normalized .control-group-medium .form-control-filled .input-control {
2199
+ font-size: 1em;
2200
+ margin-top: -1px;
2201
+ }
2202
+
2203
+ .normalized .control-group-medium .form-control .form-control-label, .normalized .control-group-medium .input-prefix-suffix .form-control-label,
2204
+ .normalized .control-group-medium .input-prefix-suffix .form-control-label {
2205
+ margin-top: 1px;
2206
+ }
2207
+
2208
+ .normalized .control-group-medium .form-control:active, .normalized .control-group-medium .input-prefix-suffix:active,
2209
+ .normalized .control-group-medium .form-control:focus,
2210
+ .normalized .control-group-medium .input-prefix-suffix:focus,
2211
+ .normalized .control-group-medium .form-control-focus,
2212
+ .normalized .control-group-medium.has-error .form-control,
2213
+ .normalized .control-group-medium.has-error .input-prefix-suffix,
2214
+ .normalized .control-group-medium.has-error .form-control:active,
2215
+ .normalized .control-group-medium.has-error .input-prefix-suffix:active,
2216
+ .normalized .control-group-medium.has-error .form-control:focus,
2217
+ .normalized .control-group-medium.has-error .input-prefix-suffix:focus,
2218
+ .normalized .control-group-medium.has-error .form-control-focus,
2219
+ .normalized .control-group-medium.has-success .form-control:active,
2220
+ .normalized .control-group-medium.has-success .input-prefix-suffix:active,
2221
+ .normalized .control-group-medium.has-success .form-control:focus,
2222
+ .normalized .control-group-medium.has-success .input-prefix-suffix:focus,
2223
+ .normalized .control-group-medium.has-success .form-control-focus {
2224
+ padding: 2px 0 2px 9px;
2225
+ }
2226
+
2227
+ .normalized .control-group-medium .input-placeholder {
2228
+ font-size: 1em;
2229
+ top: 10px;
2230
+ left: 10px;
2231
+ cursor: text;
2232
+ }
2233
+
2234
+ .normalized .control-group-medium .form-control:active .input-placeholder, .normalized .control-group-medium .input-prefix-suffix:active .input-placeholder,
2235
+ .normalized .control-group-medium .form-control:focus .input-placeholder,
2236
+ .normalized .control-group-medium .input-prefix-suffix:focus .input-placeholder,
2237
+ .normalized .control-group-medium .form-control-focus .input-placeholder {
2238
+ top: 9px;
2239
+ left: 9px;
2240
+ }
2241
+
2242
+ .normalized .control-group-medium .form-control .form-control-label, .normalized .control-group-medium .input-prefix-suffix .form-control-label {
2243
+ font-weight: 600;
2244
+ color: #b4b4b4;
2245
+ cursor: text;
2246
+ }
2247
+
2248
+ .normalized .control-group-medium.has-error .form-control-label {
2249
+ color: #cf3e07;
2250
+ }
2251
+
2252
+ .normalized .control-group-medium .form-control-close {
2253
+ top: 0;
2254
+ right: -2px;
2255
+ padding-top: 11px;
2256
+ }
2257
+
2258
+ /*--label.checkbox--------------------------------------------------------------------------------*/
2259
+ label.checkbox {
2260
+ display: inline-block;
2261
+ vertical-align: middle;
2262
+ position: relative;
2263
+ height: 30px;
2264
+ text-align: justify;
2265
+ -webkit-user-select: none;
2266
+ -moz-user-select: none;
2267
+ -ms-user-select: none;
2268
+ }
2269
+ label.checkbox > div {
2270
+ position: absolute;
2271
+ top: 0;
2272
+ left: 0;
2273
+ width: 50px;
2274
+ height: 30px;
2275
+ padding: 2px;
2276
+ border-radius: 15px;
2277
+ background-color: #bdc6cc;
2278
+ z-index: 1;
2279
+ box-sizing: border-box;
2280
+ -webkit-transition: background-color .2s ease-out 0s;
2281
+ transition: background-color .2s ease-out 0s;
2282
+ }
2283
+ label.checkbox > div:before, label.checkbox > div:after {
2284
+ content: attr(data-off);
2285
+ position: absolute;
2286
+ top: 100%;
2287
+ left: -20%;
2288
+ display: block;
2289
+ width: 140%;
2290
+ margin-left: 0;
2291
+ padding-top: 25%;
2292
+ color: #999;
2293
+ font-size: 11px;
2294
+ line-height: 1em;
2295
+ font-weight: 600;
2296
+ text-align: center;
2297
+ cursor: pointer;
2298
+ text-transform: uppercase;
2299
+ overflow: hidden;
2300
+ text-overflow: ellipsis;
2301
+ opacity: 1;
2302
+ -webkit-transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s;
2303
+ transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s;
2304
+ }
2305
+ label.checkbox > div:after {
2306
+ content: attr(data-on);
2307
+ color: #4b9a0a;
2308
+ opacity: 0;
2309
+ margin-left: -40%;
2310
+ }
2311
+ label.checkbox > div > div {
2312
+ display: inline-block;
2313
+ width: 26px;
2314
+ height: 26px;
2315
+ border-radius: 50%;
2316
+ background-color: #fff;
2317
+ -webkit-transition: margin .2s ease-out 0s;
2318
+ transition: margin .2s ease-out 0s;
2319
+ }
2320
+ label.checkbox input {
2321
+ position: relative;
2322
+ width: 50px;
2323
+ height: 100%;
2324
+ border: 0;
2325
+ padding: 0;
2326
+ margin: 0;
2327
+ opacity: 0;
2328
+ cursor: pointer;
2329
+ z-index: 2;
2330
+ box-sizing: border-box;
2331
+ }
2332
+ label.checkbox input:checked + div {
2333
+ background-color: #61b038;
2334
+ }
2335
+ label.checkbox input:checked + div:after {
2336
+ opacity: 1;
2337
+ margin-left: 0;
2338
+ }
2339
+ label.checkbox input:checked + div:before {
2340
+ opacity: 0;
2341
+ margin-left: 40%;
2342
+ }
2343
+ label.checkbox input:checked + div > div {
2344
+ margin-left: 20px;
2345
+ }
2346
+ label.checkbox input:not([disabled]):hover + div {
2347
+ background-color: #848a8e;
2348
+ }
2349
+ label.checkbox input:not([disabled]):hover + div:before {
2350
+ color: #6b6b6b;
2351
+ }
2352
+ label.checkbox input:not([disabled]):hover + div:after {
2353
+ color: #346b07;
2354
+ }
2355
+ label.checkbox input:not([disabled]):active + div {
2356
+ background-color: #cad1d6;
2357
+ }
2358
+ label.checkbox input:not([disabled]):active + div:before {
2359
+ color: #adadad;
2360
+ }
2361
+ label.checkbox input:not([disabled]):active + div:after {
2362
+ color: #81b854;
2363
+ }
2364
+ label.checkbox input:not([disabled]):checked:hover + div {
2365
+ background-color: #447b27;
2366
+ }
2367
+ label.checkbox input:not([disabled]):checked:active + div {
2368
+ background-color: #81c060;
2369
+ }
2370
+ label.checkbox:not(.big) {
2371
+ height: 24px;
2372
+ }
2373
+ label.checkbox:not(.big) > div {
2374
+ width: 40px;
2375
+ height: 24px;
2376
+ }
2377
+ label.checkbox:not(.big) > div:before, label.checkbox:not(.big) > div:after {
2378
+ top: 5px;
2379
+ left: 100%;
2380
+ width: auto;
2381
+ max-width: 90px;
2382
+ padding: 0 0 0 28%;
2383
+ font-size: 14px;
2384
+ margin: 0;
2385
+ }
2386
+ label.checkbox:not(.big) > div:after {
2387
+ margin: 25% 0 0 0;
2388
+ }
2389
+ label.checkbox:not(.big) > div > div {
2390
+ width: 20px;
2391
+ height: 20px;
2392
+ }
2393
+ label.checkbox:not(.big) input {
2394
+ width: 40px;
2395
+ }
2396
+ label.checkbox:not(.big) input:checked + div > div {
2397
+ margin-left: 16px;
2398
+ }
2399
+ label.checkbox:not(.big) input:checked + div:after {
2400
+ margin: 0;
2401
+ }
2402
+ label.checkbox:not(.big) input:checked + div:before {
2403
+ margin: -25% 0 0 0;
2404
+ }
2405
+ label.checkbox.tiny > div:before, label.checkbox.tiny > div:after {
2406
+ display: none;
2407
+ }
2408
+ label.checkbox input[disabled],
2409
+ label.checkbox input[disabled] + div:before,
2410
+ label.checkbox input[disabled] + div:after {
2411
+ cursor: default;
2412
+ }
2413
+ label.checkbox input[disabled] + div {
2414
+ opacity: .3;
2415
+ }
2416
+
2417
+ /*--input with prefix/postfix---------------------------------------------------------------------*/
2418
+ .normalized .input-prefix-suffix {
2419
+ display: table;
2420
+ width: 100%;
2421
+ padding: 0px !important;
2422
+ border-collapse: separate;
2423
+ height: 2em;
2424
+ }
2425
+ .normalized .input-prefix-suffix > div {
2426
+ display: table-cell;
2427
+ vertical-align: middle;
2428
+ }
2429
+ .normalized .input-prefix-suffix input {
2430
+ border: 0;
2431
+ background-color: transparent;
2432
+ color: #606060;
2433
+ width: 100%;
2434
+ margin: -1px 0;
2435
+ padding: 4px 8px;
2436
+ -moz-box-sizing: border-box;
2437
+ box-sizing: border-box;
2438
+ font-size: 1em !important;
2439
+ padding: 4px 8px;
2440
+ border-radius: 3px;
2441
+ line-height: 1.75em;
2442
+ height: 32px;
2443
+ }
2444
+ .normalized .input-prefix-suffix input:focus, .normalized .input-prefix-suffix input.focus {
2445
+ border-width: 2px;
2446
+ padding: 3px 7px;
2447
+ }
2448
+ .normalized .input-prefix-suffix.input-small input {
2449
+ height: 28px;
2450
+ line-height: 1.5em;
2451
+ }
2452
+ .normalized .input-prefix-suffix.input-medium input {
2453
+ height: 40px;
2454
+ }
2455
+ .normalized .input-prefix-suffix.input-large input {
2456
+ height: 48px;
2457
+ }
2458
+ .normalized .input-prefix-suffix:hover {
2459
+ background-color: #fff;
2460
+ }
2461
+ .normalized .input-prefix-suffix.focus {
2462
+ color: #606060;
2463
+ border-color: #0c92e3;
2464
+ background-color: #fff;
2465
+ box-shadow: 0 0 4px #d1eafa;
2466
+ outline: 0;
2467
+ }
2468
+ .normalized .input-prefix-suffix.focus input {
2469
+ padding: 3px 8px;
2470
+ margin: -2px 0;
2471
+ }
2472
+ .normalized .input-prefix-suffix.has-prefix .prefix, .normalized .input-prefix-suffix.has-suffix .suffix {
2473
+ display: table-cell;
2474
+ }
2475
+ .normalized .input-prefix-suffix .prefix,
2476
+ .normalized .input-prefix-suffix .suffix {
2477
+ width: 1px;
2478
+ white-space: nowrap;
2479
+ font-size: 1em;
2480
+ line-height: normal;
2481
+ display: none;
2482
+ }
2483
+ .normalized .input-prefix-suffix .prefix {
2484
+ padding-left: 8px;
2485
+ }
2486
+ .normalized .input-prefix-suffix .suffix {
2487
+ padding-right: 8px;
2488
+ }
2489
+ .normalized .input-prefix-suffix.focus .prefix, .normalized .input-prefix-suffix.has-error .prefix, .normalized .input-prefix-suffix.has-success .prefix {
2490
+ padding-left: 7px;
2491
+ }
2492
+ .normalized .input-prefix-suffix.focus .suffix, .normalized .input-prefix-suffix.has-error .suffix, .normalized .input-prefix-suffix.has-success .suffix {
2493
+ padding-right: 7px;
2494
+ }
2495
+ .normalized .input-prefix-suffix.input-small .prefix {
2496
+ padding-left: 6px;
2497
+ }
2498
+ .normalized .input-prefix-suffix.input-small .suffix {
2499
+ padding-right: 6px;
2500
+ }
2501
+ .normalized .input-prefix-suffix.input-small.focus .prefix, .normalized .input-prefix-suffix.input-small.has-error .prefix, .normalized .input-prefix-suffix.input-small.has-success .prefix {
2502
+ padding-left: 5px;
2503
+ }
2504
+ .normalized .input-prefix-suffix.input-small.focus .suffix, .normalized .input-prefix-suffix.input-small.has-error .suffix, .normalized .input-prefix-suffix.input-small.has-success .suffix {
2505
+ padding-right: 5px;
2506
+ }
2507
+ .normalized .input-prefix-suffix.input-medium .prefix, .normalized .input-prefix-suffix.input-large .prefix {
2508
+ padding-left: 11px;
2509
+ }
2510
+ .normalized .input-prefix-suffix.input-medium .suffix, .normalized .input-prefix-suffix.input-large .suffix {
2511
+ padding-right: 11px;
2512
+ }
2513
+ .normalized .input-prefix-suffix.input-medium.focus .prefix, .normalized .input-prefix-suffix.input-medium.has-error .prefix, .normalized .input-prefix-suffix.input-medium.has-success .prefix, .normalized .input-prefix-suffix.input-large.focus .prefix, .normalized .input-prefix-suffix.input-large.has-error .prefix, .normalized .input-prefix-suffix.input-large.has-success .prefix {
2514
+ padding-left: 10px;
2515
+ }
2516
+ .normalized .input-prefix-suffix.input-medium.focus .suffix, .normalized .input-prefix-suffix.input-medium.has-error .suffix, .normalized .input-prefix-suffix.input-medium.has-success .suffix, .normalized .input-prefix-suffix.input-large.focus .suffix, .normalized .input-prefix-suffix.input-large.has-error .suffix, .normalized .input-prefix-suffix.input-large.has-success .suffix {
2517
+ padding-right: 10px;
2518
+ }
2519
+ .normalized .input-prefix-suffix.has-error {
2520
+ border-color: #fa5111;
2521
+ border-width: 2px;
2522
+ color: #cf3e07;
2523
+ background-color: #ffeaea;
2524
+ }
2525
+ .normalized .input-prefix-suffix.has-error input {
2526
+ color: #cf3e07;
2527
+ margin: -2px 0;
2528
+ }
2529
+ .normalized .input-prefix-suffix.has-error.hover {
2530
+ background-color: #fff;
2531
+ }
2532
+ .normalized .input-prefix-suffix.has-error.focus {
2533
+ background-color: #fff;
2534
+ box-shadow: 0 0 4px #F5C0C0;
2535
+ }
2536
+ .normalized .input-prefix-suffix.has-success {
2537
+ border-color: #468847;
2538
+ border-width: 2px;
2539
+ color: #468847;
2540
+ background-color: #eaffea;
2541
+ }
2542
+ .normalized .input-prefix-suffix.has-success input {
2543
+ color: #468847;
2544
+ margin: -2px 0;
2545
+ }
2546
+ .normalized .input-prefix-suffix.has-success.hover {
2547
+ background-color: #fff;
2548
+ }
2549
+ .normalized .input-prefix-suffix.has-success.focus {
2550
+ background-color: #fff;
2551
+ box-shadow: 0 0 4px #88c889;
2552
+ }
2553
+ .normalized .input-prefix-suffix.disabled {
2554
+ background-color: #eeeeee;
2555
+ border-color: #c7c7c7;
2556
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07) inset;
2557
+ cursor: not-allowed;
2558
+ color: #606060;
2559
+ }
2560
+ .normalized .input-prefix-suffix.disabled input {
2561
+ color: #606060;
2562
+ pointer-events: none;
2563
+ }
2564
+
2565
+ /*------------------------------------------------------------------------------------------------*/
2566
+ /* modal-dropdown */
2567
+ .modal-dropdown {
2568
+ font-size: 1em;
2569
+ display: inline-block;
2570
+ border: 1px solid #999999;
2571
+ border-color: #ccc;
2572
+ border-radius: 5px;
2573
+ background-color: #fff;
2574
+ -webkit-box-shadow: 0 3px 9px #7f7f7f;
2575
+ box-shadow: 0 3px 9px #7f7f7f;
2576
+ position: absolute;
2577
+ padding: 1.2em 1.250em;
2578
+ /* 19px 20px to 16px*/
2579
+ z-index: 1001;
2580
+ overflow: hidden;
2581
+ }
2582
+
2583
+ .modal-dropdown .dropdown-title {
2584
+ font-size: 16px;
2585
+ font-weight: 600;
2586
+ margin-bottom: 10px;
2587
+ }
2588
+
2589
+ .modal-dropdown .dropdown-content span {
2590
+ font-size: 14px;
2591
+ }
2592
+
2593
+ .modal-dropdown .dropdown-content ul {
2594
+ font-size: 14px;
2595
+ list-style: none;
2596
+ }
2597
+
2598
+ .modal-dropdown .dropdown-content ul li {
2599
+ line-height: 1.7;
2600
+ margin: 0;
2601
+ }
2602
+
2603
+ .modal-dropdown .dropdown-content ul ul {
2604
+ padding-left: 15px;
2605
+ }
2606
+
2607
+ .modal-dropdown .dropdown-content > ul {
2608
+ margin: 0;
2609
+ padding: 0;
2610
+ }
2611
+
2612
+ .modal-dropdown .dropdown-content table.range-group {
2613
+ padding: 0;
2614
+ border-collapse: collapse;
2615
+ margin-bottom: 5px;
2616
+ max-width: 300px;
2617
+ }
2618
+
2619
+ .modal-dropdown .dropdown-content table.range-group td {
2620
+ padding: 0 0 0 3px;
2621
+ border: none;
2622
+ }
2623
+
2624
+ .modal-dropdown .dropdown-content table.range-group td:first-child {
2625
+ padding-left: 0;
2626
+ }
2627
+
2628
+ .modal-dropdown .dropdown-content input[type='checkbox'] {
2629
+ margin: -2px 5px 0 0;
2630
+ vertical-align: middle;
2631
+ }
2632
+
2633
+ .modal-dropdown .btn-container {
2634
+ margin: 1.5em 0 .5em;
2635
+ text-align: center;
2636
+ }
2637
+
2638
+ .modal-dropdown .btn-container .btn {
2639
+ margin-left: 15px;
2640
+ }
2641
+
2642
+ .modal-dropdown .btn-container .btn:first-child {
2643
+ margin-left: 0;
2644
+ }
2645
+
2646
+ /* list-dropdown */
2647
+ .list-dropdown {
2648
+ font-size: 1em;
2649
+ display: inline-block;
2650
+ border: 1px solid #999999;
2651
+ border-color: #ccc;
2652
+ background-color: #fff;
2653
+ -webkit-box-shadow: 0 3px 9px #7f7f7f;
2654
+ box-shadow: 0 3px 9px #7f7f7f;
2655
+ position: absolute;
2656
+ padding: 0;
2657
+ z-index: 1001;
2658
+ overflow: hidden;
2659
+ border-radius: 0;
2660
+ }
2661
+ .list-dropdown ul > li > a {
2662
+ font-size: 13px;
2663
+ line-height: 1.9em;
2664
+ padding: 0 7px;
2665
+ }
2666
+ .list-dropdown ul {
2667
+ padding: 0;
2668
+ list-style: none;
2669
+ margin: 0;
2670
+ }
2671
+ .list-dropdown ul > li {
2672
+ padding: 0;
2673
+ margin: 0;
2674
+ cursor: pointer;
2675
+ text-align: left;
2676
+ font-weight: 400;
2677
+ -webkit-transition: background-color 0.2s linear;
2678
+ transition: background-color 0.2s linear;
2679
+ }
2680
+ .list-dropdown ul > li:hover {
2681
+ background-color: #3399FF;
2682
+ }
2683
+ .list-dropdown ul > li:hover a {
2684
+ color: #fff;
2685
+ }
2686
+ .list-dropdown ul > li:hover .svg-icon svg {
2687
+ fill: #fff;
2688
+ }
2689
+ .list-dropdown ul > li > a {
2690
+ width: 100%;
2691
+ color: #333;
2692
+ text-decoration: none;
2693
+ white-space: nowrap;
2694
+ display: block;
2695
+ -moz-box-sizing: border-box;
2696
+ box-sizing: border-box;
2697
+ -webkit-transition: color 0.2s linear;
2698
+ transition: color 0.2s linear;
2699
+ }
2700
+ .list-dropdown ul > li .svg-icon {
2701
+ display: inline-block;
2702
+ width: 20px;
2703
+ height: 14px;
2704
+ margin: -4px 12px 0 0;
2705
+ vertical-align: middle;
2706
+ }
2707
+ .list-dropdown ul > li .svg-icon svg {
2708
+ width: 100%;
2709
+ height: 100%;
2710
+ -webkit-transition: fill 0.2s linear;
2711
+ transition: fill 0.2s linear;
2712
+ }
2713
+
2714
+ .list-dropdown-large {
2715
+ border-radius: 0;
2716
+ }
2717
+ .list-dropdown-large ul > li > a {
2718
+ font-size: 17px;
2719
+ line-height: 1.7em;
2720
+ padding: 14px 32px 14px 16px;
2721
+ }
2722
+
2723
+ .list-dropdown-medium {
2724
+ border-radius: 0;
2725
+ }
2726
+ .list-dropdown-medium ul > li > a {
2727
+ font-size: 14px;
2728
+ line-height: 1.6em;
2729
+ padding: 13px 32px 13px 16px;
2730
+ }
2731
+
2732
+ .list-dropdown-small {
2733
+ border-radius: 0;
2734
+ }
2735
+ .list-dropdown-small ul > li > a {
2736
+ font-size: 12px;
2737
+ line-height: 1.5em;
2738
+ padding: 11px 32px 11px 16px;
2739
+ }
2740
+
2741
+ .account-dropdown {
2742
+ -moz-box-sizing: border-box;
2743
+ box-sizing: border-box;
2744
+ display: inline-block;
2745
+ position: relative;
2746
+ text-align: left;
2747
+ font-size: 16px;
2748
+ line-height: 27px;
2749
+ }
2750
+ .account-dropdown * {
2751
+ -moz-box-sizing: border-box;
2752
+ box-sizing: border-box;
2753
+ }
2754
+ .account-dropdown a {
2755
+ font-size: 14px;
2756
+ text-decoration: none;
2757
+ }
2758
+ .account-dropdown .target {
2759
+ cursor: default;
2760
+ display: block;
2761
+ position: relative;
2762
+ white-space: nowrap;
2763
+ width: 100%;
2764
+ z-index: 11;
2765
+ }
2766
+ .account-dropdown .target .text {
2767
+ display: inline-block;
2768
+ max-width: 100%;
2769
+ text-overflow: ellipsis;
2770
+ overflow: hidden;
2771
+ vertical-align: bottom;
2772
+ }
2773
+ .account-dropdown .target .icon-arr-down {
2774
+ font-size: 7px;
2775
+ margin: 0 0 0 7px;
2776
+ }
2777
+ .account-dropdown .status,
2778
+ .account-dropdown .dropdown-content {
2779
+ font-size: 22px;
2780
+ line-height: 1;
2781
+ position: relative;
2782
+ z-index: 11;
2783
+ }
2784
+ .account-dropdown .status a,
2785
+ .account-dropdown .dropdown-content a {
2786
+ white-space: nowrap;
2787
+ }
2788
+ .account-dropdown .status.status-online {
2789
+ color: #80c05b;
2790
+ }
2791
+ .account-dropdown .status.status-offline {
2792
+ color: #652d2d;
2793
+ }
2794
+ .account-dropdown .dropdown-content {
2795
+ -moz-box-sizing: content-box;
2796
+ box-sizing: content-box;
2797
+ border: 1px solid transparent;
2798
+ background-color: transparent;
2799
+ border-radius: 2px;
2800
+ display: block;
2801
+ margin: 0;
2802
+ padding: 0;
2803
+ min-width: 100%;
2804
+ overflow: hidden;
2805
+ position: absolute;
2806
+ z-index: 10;
2807
+ top: -1px;
2808
+ left: -1px;
2809
+ -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2810
+ -ms-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2811
+ transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2812
+ }
2813
+ .account-dropdown .dropdown-content .body {
2814
+ opacity: 0;
2815
+ overflow: hidden;
2816
+ display: block;
2817
+ background-color: #fff;
2818
+ border-top: 1px solid #dae5e7;
2819
+ margin: 42px -22px 0;
2820
+ -webkit-transform: translateZ(0);
2821
+ -webkit-transition: opacity .3s linear;
2822
+ -ms-transition: opacity .3s linear;
2823
+ transition: opacity .3s linear;
2824
+ }
2825
+ .account-dropdown .dropdown-content .body a {
2826
+ display: block;
2827
+ height: 0;
2828
+ line-height: 50px;
2829
+ color: #19a0b4;
2830
+ padding: 0 22px;
2831
+ text-decoration: none;
2832
+ max-width: 288px;
2833
+ overflow: hidden;
2834
+ text-overflow: ellipsis;
2835
+ -webkit-transition: height .3s linear;
2836
+ -ms-transition: height .3s linear;
2837
+ transition: height .3s linear;
2838
+ }
2839
+ .account-dropdown .dropdown-content .body a:hover {
2840
+ color: #fff;
2841
+ background-color: #17a3c2;
2842
+ }
2843
+ @media screen and (min-width: 480px) {
2844
+ .account-dropdown .dropdown-content .body a {
2845
+ max-width: 368px;
2846
+ }
2847
+ }
2848
+ .account-dropdown:hover .icon-arr-down:before, .account-dropdown.opened .icon-arr-down:before {
2849
+ content: "\E609";
2850
+ color: #006995;
2851
+ }
2852
+ .account-dropdown:hover .dropdown-content, .account-dropdown.opened .dropdown-content {
2853
+ background-color: #FFFFFF;
2854
+ border: 1px solid #dae5e7;
2855
+ margin: -14px -21px 0;
2856
+ padding: 14px 22px 0;
2857
+ -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2858
+ -ms-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2859
+ transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2860
+ }
2861
+ .account-dropdown:hover .dropdown-content .body, .account-dropdown.opened .dropdown-content .body {
2862
+ opacity: 1;
2863
+ -webkit-transition: opacity .3s linear;
2864
+ -ms-transition: opacity .3s linear;
2865
+ transition: opacity .3s linear;
2866
+ }
2867
+ .account-dropdown:hover .dropdown-content .body a, .account-dropdown.opened .dropdown-content .body a {
2868
+ height: 50px;
2869
+ -webkit-transition: height .3s linear;
2870
+ -ms-transition: height .3s linear;
2871
+ transition: height .3s linear;
2872
+ }
2873
+ .account-dropdown:hover .status ~ .dropdown-content, .account-dropdown.opened .status ~ .dropdown-content {
2874
+ padding-top: 42px;
2875
+ }
2876
+
2877
+ .component-dropdown {
2878
+ position: relative;
2879
+ height: auto;
2880
+ width: auto;
2881
+ margin-right: .2em;
2882
+ display: none;
2883
+ }
2884
+
2885
+ .component-dropdown .target {
2886
+ text-decoration: none;
2887
+ display: inline-block;
2888
+ white-space: nowrap;
2889
+ position: relative;
2890
+ z-index: 2;
2891
+ text-decoration: none;
2892
+ padding-right: 1.3em;
2893
+ }
2894
+
2895
+ .component-dropdown .target span.text,
2896
+ .component-dropdown .dropdown-content > span.top span.text {
2897
+ display: inline-block;
2898
+ max-width: 100px;
2899
+ text-overflow: ellipsis;
2900
+ overflow: hidden;
2901
+ vertical-align: bottom;
2902
+ }
2903
+
2904
+ .component-dropdown .target span.spacer {
2905
+ display: none;
2906
+ }
2907
+
2908
+ .component-dropdown .target > span[class^="icon-"] {
2909
+ display: none;
2910
+ }
2911
+
2912
+ .component-dropdown .dropdown-content {
2913
+ border: 1px solid transparent;
2914
+ background-color: transparent;
2915
+ border-radius: .313em;
2916
+ display: block;
2917
+ margin: 0;
2918
+ padding: 0;
2919
+ min-width: 100%;
2920
+ overflow: hidden;
2921
+ position: absolute;
2922
+ top: -1px;
2923
+ left: -1px;
2924
+ z-index: 1;
2925
+ -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2926
+ transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2927
+ }
2928
+
2929
+ .no-touch .component-dropdown .target:hover + .dropdown-content,
2930
+ .component-dropdown .target:focus + .dropdown-content,
2931
+ .component-dropdown .target:active + .dropdown-content,
2932
+ .component-dropdown .dropdown-content:hover {
2933
+ background-color: #FFFFFF;
2934
+ border: 1px solid #E4EBF0;
2935
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);
2936
+ margin: -1em -1.563em;
2937
+ padding: 1em 1.563em 1.25em;
2938
+ -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2939
+ transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear;
2940
+ }
2941
+
2942
+ .component-dropdown .dropdown-content > span.top {
2943
+ width: 100%;
2944
+ display: inline-block;
2945
+ text-align: right;
2946
+ white-space: nowrap;
2947
+ }
2948
+
2949
+ .component-dropdown .dropdown-content > span.top span.text,
2950
+ .component-dropdown .dropdown-content > span.top > span.ico {
2951
+ display: none;
2952
+ }
2953
+
2954
+ .component-dropdown .dropdown-content > span.top > span.ico {
2955
+ position: relative;
2956
+ top: 2px;
2957
+ }
2958
+
2959
+ .component-dropdown .dropdown-content > span.top span.icon-arr-down {
2960
+ font-size: .45em;
2961
+ position: relative;
2962
+ top: -.16em;
2963
+ margin-left: 1em;
2964
+ }
2965
+
2966
+ .no-touch .component-dropdown .target:hover + .dropdown-content > span.top span.icon-arr-down {
2967
+ color: #02779D;
2968
+ }
2969
+
2970
+ .no-touch .component-dropdown .target:hover + .dropdown-content > span.top span.icon-arr-down:before,
2971
+ .component-dropdown .target:focus + .dropdown-content > span.top span.icon-arr-down:before,
2972
+ .component-dropdown .target:active + .dropdown-content > span.top span.icon-arr-down:before,
2973
+ .component-dropdown .dropdown-content:hover > span.top span.icon-arr-down:before {
2974
+ content: "\E609";
2975
+ }
2976
+
2977
+ .component-dropdown .dropdown-content > span.body {
2978
+ opacity: 0;
2979
+ max-height: 0;
2980
+ overflow: hidden;
2981
+ display: block;
2982
+ padding-top: 0;
2983
+ border: 1px solid transparent;
2984
+ margin: 1px;
2985
+ -webkit-transform: translateZ(0);
2986
+ -webkit-transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear;
2987
+ transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear;
2988
+ }
2989
+
2990
+ .no-touch .component-dropdown .target:hover + .dropdown-content > span.body,
2991
+ .component-dropdown .target:focus + .dropdown-content > span.body,
2992
+ .component-dropdown .target:active + .dropdown-content > span.body,
2993
+ .component-dropdown .dropdown-content:hover > span.body {
2994
+ opacity: 1;
2995
+ max-height: 200px;
2996
+ padding-top: 2em;
2997
+ -webkit-transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear;
2998
+ transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear;
2999
+ }
3000
+
3001
+ /* on float right change animation ----------------------------------------------------------------*/
3002
+ .component-dropdown.fr .dropdown-content {
3003
+ right: -1px;
3004
+ left: auto;
3005
+ }
3006
+
3007
+ /* on collapce element change view ----------------------------------------------------------------*/
3008
+ .component-dropdown.mini-view .target span.spacer,
3009
+ .component-dropdown.mini-view .dropdown-content > span.top > span.ico {
3010
+ display: inline;
3011
+ }
3012
+
3013
+ .no-touch .component-dropdown.mini-view .target:hover + .dropdown-content > span.top > span.text,
3014
+ .component-dropdown.mini-view .target:focus + .dropdown-content > span.top > span.text,
3015
+ .component-dropdown.mini-view .target:active + .dropdown-content > span.top > span.text,
3016
+ .component-dropdown.mini-view .dropdown-content:hover > span.top > span.text {
3017
+ display: inline-block;
3018
+ color: #17A3C1;
3019
+ }
3020
+
3021
+ .no-touch .component-dropdown.mini-view .target:hover + .dropdown-content > span.top > span.ico,
3022
+ .component-dropdown.mini-view .target:focus + .dropdown-content > span.top > span.ico,
3023
+ .component-dropdown.mini-view .target:active + .dropdown-content > span.top > span.ico,
3024
+ .component-dropdown.mini-view .dropdown-content:hover > span.top > span.ico,
3025
+ .component-dropdown.mini-view .target span.text {
3026
+ display: none;
3027
+ }
3028
+
3029
+ .no-touch .component-dropdown.mini-view .target:hover + .dropdown-content,
3030
+ .component-dropdown.mini-view .target:focus + .dropdown-content,
3031
+ .component-dropdown.mini-view .target:active + .dropdown-content,
3032
+ .component-dropdown.mini-view .dropdown-content:hover {
3033
+ background-color: #FFFFFF;
3034
+ border: 1px solid #E4EBF0;
3035
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);
3036
+ margin: -2.1em;
3037
+ padding: 2.1em 2.1em 1.75em;
3038
+ }
3039
+
3040
+ /*-------------------------------------------------------------------------------------------------*/
3041
+ /* Messages */
3042
+ .msg {
3043
+ font-size: .688em;
3044
+ /* 11px relato to 16px */
3045
+ font-weight: 300;
3046
+ line-height: 1.2;
3047
+ text-align: left;
3048
+ padding: 0 .188em;
3049
+ /* 0 3px*/
3050
+ margin: .545em 0 .909em 0;
3051
+ /* 6px 0 10px 0 relate to 11px */
3052
+ color: #333;
3053
+ word-break: keep-all;
3054
+ }
3055
+
3056
+ .msg.msg-error {
3057
+ color: #cf3e07;
3058
+ }
3059
+
3060
+ /* Icon-links */
3061
+ .vertical-icolink {
3062
+ display: inline-block;
3063
+ font-size: .813em;
3064
+ /* 13px to 16px*/
3065
+ text-decoration: none;
3066
+ }
3067
+
3068
+ .vertical-icolink:active {
3069
+ text-decoration: none;
3070
+ }
3071
+
3072
+ .vertical-icolink [class*="icon-"] {
3073
+ display: block;
3074
+ text-align: center;
3075
+ font-size: 1.62em;
3076
+ /*21px; to 13px*/
3077
+ color: #5ecee3;
3078
+ -webkit-transition: color 0.1s linear;
3079
+ transition: color 0.1s linear;
3080
+ }
3081
+ .vertical-icolink [class*="icon-"]:hover [class*="icon-"] {
3082
+ color: #0287b2;
3083
+ }
3084
+ .vertical-icolink [class*="icon-"]:active [class*="icon-"] {
3085
+ color: #63d4ec;
3086
+ }
3087
+
3088
+ .horizontal-icolink {
3089
+ font-size: 14px;
3090
+ display: inline-block;
3091
+ text-decoration: none;
3092
+ position: relative;
3093
+ text-align: left;
3094
+ line-height: 1.3em;
3095
+ }
3096
+ .horizontal-icolink:active {
3097
+ text-decoration: none;
3098
+ }
3099
+ .horizontal-icolink.icolink-prepend {
3100
+ padding-left: 1.9em;
3101
+ }
3102
+ .horizontal-icolink.icolink-append {
3103
+ padding-right: 1.9em;
3104
+ }
3105
+ .horizontal-icolink.icolink-inverse.icolink-prepend {
3106
+ padding-left: 2.4em;
3107
+ }
3108
+ .horizontal-icolink.icolink-inverse.icolink-append {
3109
+ padding-right: 2.4em;
3110
+ }
3111
+
3112
+ .horizontal-icolink [class*="icon-"] {
3113
+ position: absolute;
3114
+ top: 0;
3115
+ padding: .538em;
3116
+ text-align: center;
3117
+ vertical-align: text-top;
3118
+ font-size: .929em;
3119
+ margin: -5px 0 0 0;
3120
+ color: #5ecee3;
3121
+ -webkit-transition: color 0.1s linear;
3122
+ transition: color 0.1s linear;
3123
+ }
3124
+ .horizontal-icolink:hover [class*="icon-"] {
3125
+ color: #0287b2;
3126
+ }
3127
+ .horizontal-icolink:active [class*="icon-"] {
3128
+ color: #63d4ec;
3129
+ }
3130
+ .horizontal-icolink.icolink-prepend [class*="icon-"],
3131
+ .horizontal-icolink.icolink-prepend .svg-icon {
3132
+ left: 0;
3133
+ }
3134
+ .horizontal-icolink.icolink-append [class*="icon-"],
3135
+ .horizontal-icolink.icolink-append .svg-icon {
3136
+ right: 0;
3137
+ }
3138
+
3139
+ .horizontal-icolink.icolink-inverse [class*="icon-"] {
3140
+ color: #fff;
3141
+ background-color: #8ed5e3;
3142
+ border-radius: 4px;
3143
+ transition: background-color .1s linear;
3144
+ }
3145
+ .horizontal-icolink.icolink-inverse:hover [class*="icon-"] {
3146
+ color: #fff;
3147
+ background-color: #0287b2;
3148
+ }
3149
+ .horizontal-icolink.icolink-inverse:active [class*="icon-"] {
3150
+ color: #fff;
3151
+ background-color: #63d4ec;
3152
+ }
3153
+
3154
+ .horizontal-icolink .svg-icon {
3155
+ width: 1em;
3156
+ height: 1em;
3157
+ position: absolute;
3158
+ top: 0;
3159
+ padding: .15em .53em;
3160
+ }
3161
+ .horizontal-icolink .svg-icon svg {
3162
+ width: 100%;
3163
+ height: 100%;
3164
+ fill: #5ecee3;
3165
+ -webkit-transition: fill 0.1s linear;
3166
+ transition: fill 0.1s linear;
3167
+ }
3168
+ .horizontal-icolink:hover .svg-icon svg {
3169
+ fill: #0287b2;
3170
+ }
3171
+ .horizontal-icolink:active .svg-icon svg {
3172
+ fill: #63d4ec;
3173
+ }
3174
+
3175
+ .horizontal-icolink.icolink-small .svg-icon {
3176
+ padding: .1em .2em .1em 1em;
3177
+ }
3178
+ .horizontal-icolink.icolink-xsmall .svg-icon {
3179
+ padding: .1em .5em .1em 1.2em;
3180
+ }
3181
+
3182
+ .icolink-small {
3183
+ font-size: 12px;
3184
+ }
3185
+
3186
+ .icolink-xsmall {
3187
+ font-size: 11px;
3188
+ font-family: 'Open Sans', sans-serif;
3189
+ font-weight: 700;
3190
+ text-transform: uppercase;
3191
+ }
3192
+
3193
+ .vertical-icolink.icolink-small [class*="icon-"] {
3194
+ font-size: 1.75em;
3195
+ margin: 0 0 .143em 0;
3196
+ }
3197
+
3198
+ .vertical-icolink.icolink-xsmall [class*="icon-"] {
3199
+ font-size: 1.9em;
3200
+ margin: 0 0 .19em 0;
3201
+ }
3202
+
3203
+ .horizontal-icolink.icolink-xsmall.icolink-prepend,
3204
+ .horizontal-icolink.icolink-inverse.icolink-xsmall.icolink-prepend {
3205
+ padding-left: 2.8em;
3206
+ }
3207
+
3208
+ .horizontal-icolink.icolink-small.icolink-prepend,
3209
+ .horizontal-icolink.icolink-inverse.icolink-small.icolink-prepend {
3210
+ padding-left: 2.5em;
3211
+ }
3212
+
3213
+ .horizontal-icolink.icolink-small [class*="icon-"] {
3214
+ font-size: 1.5em;
3215
+ padding: .25em;
3216
+ margin: -.35em 0 0 0;
3217
+ }
3218
+
3219
+ .horizontal-icolink.icolink-xsmall [class*="icon-"] {
3220
+ font-size: 1.7em;
3221
+ padding: .2em;
3222
+ margin: -.35em 0 0 0;
3223
+ }
3224
+
3225
+ .ecwid-status {
3226
+ font-size: .875em;
3227
+ /* 14px to 16px*/
3228
+ display: inline-block;
3229
+ text-decoration: none;
3230
+ text-transform: uppercase;
3231
+ font-weight: 600;
3232
+ white-space: nowrap;
3233
+ }
3234
+
3235
+ .ecwid-status [class*="icon-"] {
3236
+ text-align: center;
3237
+ font-size: .75em;
3238
+ /*12px; to 14px*/
3239
+ margin-left: .54em;
3240
+ /* 6px to 12px*/
3241
+ opacity: .7;
3242
+ -webkit-transition: color .1s linear;
3243
+ transition: color .1s linear;
3244
+ }
3245
+
3246
+ .ecwid-status-blocked,
3247
+ .ecwid-status-blocked:hover,
3248
+ .ecwid-status-blocked [class*='icon-'] {
3249
+ color: #b7b7b7;
3250
+ }
3251
+
3252
+ .ecwid-status-success,
3253
+ .ecwid-status-success:hover,
3254
+ .ecwid-status-success [class*='icon-'] {
3255
+ color: #43985c;
3256
+ }
3257
+
3258
+ .ecwid-status-error,
3259
+ .ecwid-status-error:hover,
3260
+ .ecwid-status-error [class*='icon-'] {
3261
+ color: #be5c5c;
3262
+ }
3263
+
3264
+ .ecwid-status-warning,
3265
+ .ecwid-status-warning:hover,
3266
+ .ecwid-status-warning [class*='icon-'] {
3267
+ color: #c9984b;
3268
+ }
3269
+
3270
+ .ecwid-status-info,
3271
+ .ecwid-status-info:hover,
3272
+ .ecwid-status-info [class*='icon-'] {
3273
+ color: #3a85d1;
3274
+ }
3275
+
3276
+ /* Navs */
3277
+ .nav {
3278
+ list-style: none;
3279
+ padding: 0;
3280
+ margin: 0;
3281
+ }
3282
+
3283
+ .nav:before,
3284
+ .nav:after {
3285
+ content: " ";
3286
+ display: table;
3287
+ }
3288
+
3289
+ .nav:after {
3290
+ clear: both;
3291
+ }
3292
+
3293
+ .nav > li {
3294
+ display: block;
3295
+ margin: 0;
3296
+ white-space: nowrap;
3297
+ }
3298
+
3299
+ .nav-btns > li {
3300
+ float: left;
3301
+ margin-left: .313em;
3302
+ }
3303
+
3304
+ .nav-btns > li:first-child {
3305
+ margin-left: 0;
3306
+ }
3307
+
3308
+ .nav-btns > li > a {
3309
+ font-size: .938em;
3310
+ /* 15px */
3311
+ text-decoration: none;
3312
+ color: #333;
3313
+ padding: .625em .667em;
3314
+ border-radius: .188em;
3315
+ display: inline-block;
3316
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3317
+ transition: color 0.1s linear, background 0.1s linear;
3318
+ }
3319
+
3320
+ .nav-btns > li:hover > a {
3321
+ background-color: #b5dff0;
3322
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3323
+ transition: color 0.1s linear, background 0.1s linear;
3324
+ }
3325
+
3326
+ .nav-btns > li.active > a {
3327
+ background-color: #199dee;
3328
+ color: #fff;
3329
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3330
+ transition: color 0.1s linear, background 0.1s linear;
3331
+ }
3332
+
3333
+ .nav-blocks > li {
3334
+ float: left;
3335
+ margin-left: -1px;
3336
+ }
3337
+
3338
+ .nav-blocks > li:first-child {
3339
+ margin-left: 0;
3340
+ }
3341
+
3342
+ .nav-blocks > li > a {
3343
+ font-size: 15px;
3344
+ font-weight: 600;
3345
+ line-height: 20px;
3346
+ text-decoration: none;
3347
+ color: #333;
3348
+ padding: 20px 10px;
3349
+ display: inline-block;
3350
+ border-width: 0 1px 0 1px;
3351
+ border-color: transparent;
3352
+ border-style: solid;
3353
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3354
+ transition: color 0.1s linear, background 0.1s linear;
3355
+ }
3356
+
3357
+ .nav-blocks > li > a:hover {
3358
+ background-color: #189dee;
3359
+ color: #fff;
3360
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3361
+ transition: color 0.1s linear, background 0.1s linear;
3362
+ }
3363
+
3364
+ .nav-blocks > li.active > a {
3365
+ background-color: #eeeff0;
3366
+ color: #189dee;
3367
+ border-color: #e4e6e7;
3368
+ z-index: 1;
3369
+ /* чтобы при ховере на элемент справа от активного этот элемент не перекрывал собой бордер */
3370
+ -webkit-transition: color 0.1s linear, background 0.1s linear;
3371
+ transition: color 0.1s linear, background 0.1s linear;
3372
+ }
3373
+
3374
+ .nav-links > li {
3375
+ float: left;
3376
+ padding: 0;
3377
+ cursor: pointer;
3378
+ }
3379
+
3380
+ .nav-links > li > a {
3381
+ font-size: 0.875em;
3382
+ /* 14px */
3383
+ text-decoration: none;
3384
+ color: #333;
3385
+ padding: 0 1.1em 0;
3386
+ display: inline-block;
3387
+ line-height: 1.36em;
3388
+ -webkit-transition: color 0.1s linear, border-color 0.1s linear;
3389
+ transition: color 0.1s linear, border-color 0.1s linear;
3390
+ }
3391
+
3392
+ .nav-links > li > a > span {
3393
+ display: inline-block;
3394
+ padding: 0.625em 0 .8em;
3395
+ border-bottom: 4px solid transparent;
3396
+ }
3397
+
3398
+ .nav-links > li:hover > a,
3399
+ .nav-links > li > a:active {
3400
+ color: #56c0e7;
3401
+ text-decoration: none;
3402
+ }
3403
+
3404
+ .nav-links > li.active > a {
3405
+ color: #189dee;
3406
+ text-decoration: none;
3407
+ -webkit-transition: color 0.1s linear, border-color 0.1s linear;
3408
+ transition: color 0.1s linear, border-color 0.1s linear;
3409
+ }
3410
+
3411
+ .nav-links > li.active > a > span {
3412
+ border-bottom: 4px solid #308eca;
3413
+ }
3414
+
3415
+ div.has-badge::after,
3416
+ .nav-links > li > a span.has-badge::after {
3417
+ bottom: 8px;
3418
+ content: attr(data-badge);
3419
+ display: inline-block;
3420
+ font-size: 0.68em;
3421
+ left: 2px;
3422
+ position: relative;
3423
+ color: #999;
3424
+ -webkit-transition: color 0.1s linear;
3425
+ transition: color 0.1s linear;
3426
+ }
3427
+
3428
+ .gwt-TabBarItem-selected div.has-badge::after,
3429
+ .nav-links > li:hover > a span.has-badge::after,
3430
+ .nav-links > li.active > a span.has-badge::after {
3431
+ color: #56c0e7;
3432
+ }
3433
+
3434
+ /* Notices */
3435
+ .notice {
3436
+ display: block;
3437
+ font-size: 12px;
3438
+ font-family: 'Open Sans', sans-serif;
3439
+ /* open_sansbold; */
3440
+ font-weight: 700;
3441
+ padding: .5em 1.7em;
3442
+ /*6px 20px*/
3443
+ border-bottom: 1px solid transparent;
3444
+ line-height: 1.7em;
3445
+ -moz-box-sizing: border-box;
3446
+ box-sizing: border-box;
3447
+ }
3448
+ .notice a {
3449
+ font-weight: 400;
3450
+ }
3451
+
3452
+ .notice-warning {
3453
+ background-color: #efd694;
3454
+ color: #333;
3455
+ border-bottom: 1px solid #c0a554;
3456
+ transition: background-color .2s linear, color .2s linear;
3457
+ -webkit-transition: background-color .2s linear, color 2s linear;
3458
+ }
3459
+ .notice-warning a,
3460
+ .notice-warning a:visited {
3461
+ color: #000;
3462
+ }
3463
+ .notice-warning a:hover,
3464
+ .notice-warning a:visited:hover {
3465
+ color: #7c5d00;
3466
+ }
3467
+
3468
+ .notice-error {
3469
+ background-color: #f05f43;
3470
+ color: #fff;
3471
+ border-bottom: 1px solid #d8553c;
3472
+ transition: background-color .2s linear, color .2s linear;
3473
+ -webkit-transition: background-color .2s linear, color .2s linear;
3474
+ }
3475
+ .notice-error a,
3476
+ .notice-error a:visited {
3477
+ color: #ffddb6;
3478
+ }
3479
+ .notice-error a:hover,
3480
+ .notice-error a:visited:hover {
3481
+ color: #fff;
3482
+ }
3483
+
3484
+ /* Divider */
3485
+ .divider {
3486
+ display: block;
3487
+ margin: 1.8em 0 2.9em;
3488
+ border: none;
3489
+ color: #fff;
3490
+ text-align: center;
3491
+ min-height: 1.5em;
3492
+ }
3493
+
3494
+ .divider:before {
3495
+ position: relative;
3496
+ content: "";
3497
+ display: block;
3498
+ border-top: 1px solid #bdd8dd;
3499
+ top: 1.5em;
3500
+ }
3501
+
3502
+ .divider:after {
3503
+ content: attr(data-text);
3504
+ display: inline-block;
3505
+ position: relative;
3506
+ font-size: 1em;
3507
+ padding: 0.7em 0.9em;
3508
+ background: #9ad5e0;
3509
+ border-radius: 50%;
3510
+ }
3511
+
3512
+ .feature-enabled,
3513
+ .feature-disabled {
3514
+ animation: none;
3515
+ background: none;
3516
+ border: none;
3517
+ border-image: none;
3518
+ border-radius: 0;
3519
+ box-shadow: none;
3520
+ box-sizing: border-box;
3521
+ caption-side: top;
3522
+ clear: none;
3523
+ clip: auto;
3524
+ color: #80c05b;
3525
+ counter-increment: none;
3526
+ counter-reset: none;
3527
+ cursor: auto;
3528
+ direction: ltr;
3529
+ display: inline-block;
3530
+ float: none;
3531
+ font: 600 normal 12px/1 'Open sans', sans-serif;
3532
+ height: auto;
3533
+ letter-spacing: normal;
3534
+ margin: 0;
3535
+ max-height: none;
3536
+ max-width: none;
3537
+ min-height: 0;
3538
+ min-width: 0;
3539
+ opacity: 1;
3540
+ outline: none;
3541
+ padding: 0;
3542
+ position: static;
3543
+ text-align: center;
3544
+ text-decoration: none;
3545
+ text-indent: 0;
3546
+ text-shadow: none;
3547
+ text-transform: uppercase;
3548
+ transform: none;
3549
+ transition: none;
3550
+ vertical-align: baseline;
3551
+ visibility: visible;
3552
+ white-space: normal;
3553
+ width: auto;
3554
+ word-spacing: normal;
3555
+ z-index: auto;
3556
+ backface-visibility: visible;
3557
+ }
3558
+ .feature-enabled::before,
3559
+ .feature-disabled::before {
3560
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='21' viewBox='0 0 26 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19 15.635L22.175.583c1.905-1.744 4.484.793 2.754 2.8L10.577 19.836c-.542.662-1.953.903-2.754 0L.577 12.718c-1.775-2.14.946-4.49 2.754-2.8l5.86 5.717z' fill='%2380c05b'/%3E%3C/svg%3E") no-repeat center;
3561
+ -webkit-background-size: 100% 100%;
3562
+ background-size: auto auto;
3563
+ animation: none;
3564
+ border: none;
3565
+ border-image: none;
3566
+ border-radius: 0;
3567
+ box-shadow: none;
3568
+ box-sizing: border-box;
3569
+ caption-side: top;
3570
+ clear: none;
3571
+ clip: auto;
3572
+ color: inherit;
3573
+ content: '';
3574
+ counter-increment: none;
3575
+ counter-reset: none;
3576
+ cursor: auto;
3577
+ direction: ltr;
3578
+ display: block;
3579
+ float: none;
3580
+ font: 600 normal 12px/1 'Open sans', sans-serif;
3581
+ height: 21px;
3582
+ letter-spacing: normal;
3583
+ margin: 0 0 12px;
3584
+ max-height: none;
3585
+ max-width: none;
3586
+ min-height: 0;
3587
+ min-width: 0;
3588
+ opacity: 1;
3589
+ outline: none;
3590
+ overflow: visible;
3591
+ padding: 0;
3592
+ position: static;
3593
+ text-align: center;
3594
+ text-decoration: none;
3595
+ text-indent: 0;
3596
+ text-shadow: none;
3597
+ text-transform: uppercase;
3598
+ transform: none;
3599
+ transition: none;
3600
+ vertical-align: baseline;
3601
+ visibility: visible;
3602
+ white-space: normal;
3603
+ width: 100%;
3604
+ word-spacing: normal;
3605
+ z-index: auto;
3606
+ backface-visibility: visible;
3607
+ }
3608
+ .feature-enabled .text,
3609
+ .feature-disabled .text {
3610
+ line-height: 1.3;
3611
+ text-transform: none;
3612
+ }
3613
+
3614
+ .feature-disabled {
3615
+ color: #999;
3616
+ }
3617
+ .feature-disabled::before {
3618
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath d='M10.6-.1C4.8-.1.1 4.6.1 10.4s4.7 10.5 10.5 10.5 10.5-4.7 10.5-10.5S16.4-.1 10.6-.1zm0 2.5c2 0 3.8.7 5.2 1.9L3.6 14.5c-.7-1.2-1.1-2.6-1.1-4.1 0-4.4 3.6-8 8.1-8zm0 16.1c-2.1 0-4-.8-5.4-2.1L17.4 6.1c.8 1.3 1.3 2.7 1.3 4.3-.1 4.5-3.7 8.1-8.1 8.1z' fill='%23999'/%3E%3C/svg%3E") no-repeat center;
3619
+ }
3620
+
3621
+ .bubble {
3622
+ position: absolute;
3623
+ z-index: 1000;
3624
+ max-width: 18.75em;
3625
+ text-align: left;
3626
+ }
3627
+
3628
+ .bubble-error,
3629
+ .bubble-info {
3630
+ position: relative;
3631
+ font-size: 16px;
3632
+ padding: 1.25em 1.25em 1.188em;
3633
+ border-radius: 6px;
3634
+ border: 2px solid transparent;
3635
+ -moz-box-sizing: border-box;
3636
+ box-sizing: border-box;
3637
+ -moz-box-sizing: border-box;
3638
+ box-sizing: border-box;
3639
+ -webkit-animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear;
3640
+ animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear;
3641
+ }
3642
+ .bubble-error:before,
3643
+ .bubble-info:before {
3644
+ content: "";
3645
+ position: absolute;
3646
+ border: 0 solid transparent;
3647
+ }
3648
+
3649
+ .bubble-error {
3650
+ background-color: #fff;
3651
+ color: #333;
3652
+ border-color: #f95111;
3653
+ border-width: 1px;
3654
+ }
3655
+ .bubble-error.bubble-left:before {
3656
+ top: 50%;
3657
+ right: -10px;
3658
+ margin-top: -10px;
3659
+ border-width: 10px 0 10px 10px;
3660
+ border-color: transparent transparent transparent #f95111;
3661
+ }
3662
+ .bubble-error.bubble-right:before {
3663
+ top: 50%;
3664
+ left: -10px;
3665
+ margin-top: -10px;
3666
+ border-width: 10px 10px 10px 0;
3667
+ border-color: transparent #f95111 transparent transparent;
3668
+ }
3669
+ .bubble-error.bubble-bottom:before {
3670
+ top: -10px;
3671
+ left: 50%;
3672
+ margin-left: -10px;
3673
+ border-width: 0 10px 10px 10px;
3674
+ border-color: transparent transparent #f95111 transparent;
3675
+ }
3676
+ .bubble-error.bubble-top:before {
3677
+ bottom: -10px;
3678
+ left: 50%;
3679
+ margin-left: -10px;
3680
+ border-width: 10px 10px 0 10px;
3681
+ border-color: #f95111 transparent transparent transparent;
3682
+ }
3683
+
3684
+ .bubble-info {
3685
+ background-color: #fff;
3686
+ color: #333;
3687
+ border-color: #0c92e3;
3688
+ border-width: 1px;
3689
+ }
3690
+ .bubble-info.bubble-left:before {
3691
+ top: 50%;
3692
+ right: -10px;
3693
+ margin-top: -10px;
3694
+ border-width: 10px 0 10px 10px;
3695
+ border-color: transparent transparent transparent #0c92e3;
3696
+ }
3697
+ .bubble-info.bubble-right:before {
3698
+ top: 50%;
3699
+ left: -10px;
3700
+ margin-top: -10px;
3701
+ border-width: 10px 10px 10px 0;
3702
+ border-color: transparent #0c92e3 transparent transparent;
3703
+ }
3704
+ .bubble-info.bubble-bottom:before {
3705
+ top: -10px;
3706
+ left: 50%;
3707
+ margin-left: -10px;
3708
+ border-width: 0 10px 10px 10px;
3709
+ border-color: transparent transparent #0c92e3 transparent;
3710
+ }
3711
+ .bubble-info.bubble-top:before {
3712
+ bottom: -10px;
3713
+ left: 50%;
3714
+ margin-left: -10px;
3715
+ border-width: 10px 10px 0 10px;
3716
+ border-color: #0c92e3 transparent transparent transparent;
3717
+ }
3718
+
3719
+ .bubble .bbl-title {
3720
+ font-size: 0.875em;
3721
+ margin-bottom: .357em;
3722
+ }
3723
+ .bubble .bbl-text {
3724
+ font-size: 0.75em;
3725
+ }
3726
+
3727
+ .bubble.notitle .bbl-title {
3728
+ display: none;
3729
+ }
3730
+ .bubble.notitle .bbl-text {
3731
+ font-size: 0.875em;
3732
+ }
3733
+ .bubble.notitle [class*="bubble-"] {
3734
+ padding-top: 1.188em;
3735
+ /*19px to 16px*/
3736
+ }
3737
+
3738
+ .bubble-right {
3739
+ -webkit-transform-origin: left center;
3740
+ -ms-transform-origin: left center;
3741
+ transform-origin: left center;
3742
+ }
3743
+
3744
+ .bubble-bottom {
3745
+ -webkit-transform-origin: center top;
3746
+ -ms-transform-origin: center top;
3747
+ transform-origin: center top;
3748
+ }
3749
+
3750
+ .bubble-left {
3751
+ -webkit-transform-origin: right center;
3752
+ -ms-transform-origin: right center;
3753
+ transform-origin: right center;
3754
+ }
3755
+
3756
+ .bubble-top {
3757
+ -webkit-transform-origin: center bottom;
3758
+ -ms-transform-origin: center bottom;
3759
+ transform-origin: center bottom;
3760
+ }
3761
+
3762
+ /* Tooltip */
3763
+ .tooltip {
3764
+ display: inline-block;
3765
+ color: #04a2ca;
3766
+ }
3767
+ .tooltip [class*="bubble-"] {
3768
+ padding: 1.2em 1.25em 1.2em;
3769
+ }
3770
+ .tooltip .bubble .bbl-title {
3771
+ font-size: 0.9375em;
3772
+ margin-bottom: 0.6em;
3773
+ }
3774
+ .tooltip .bubble .bbl-text {
3775
+ font-size: 0.8125em;
3776
+ line-height: 1.6;
3777
+ position: relative;
3778
+ z-index: 100;
3779
+ }
3780
+ .tooltip .bubble-info.bubble-bottom:before {
3781
+ border-width: 0 14px 16px;
3782
+ margin-left: -14px;
3783
+ top: -16px;
3784
+ }
3785
+
3786
+ .tooltip .bubble {
3787
+ max-width: 22.7em;
3788
+ margin: -2em 0 0 -9em;
3789
+ padding-top: 3.7em;
3790
+ display: none;
3791
+ }
3792
+
3793
+ .ecwid-no-touch .tooltip:hover,
3794
+ .tooltip.hover {
3795
+ color: #006995;
3796
+ cursor: pointer;
3797
+ }
3798
+ .ecwid-no-touch .tooltip:hover .bubble,
3799
+ .tooltip.hover .bubble {
3800
+ display: block;
3801
+ }
3802
+
3803
+ /* base plate styles */
3804
+ .plate {
3805
+ font-size: 1em;
3806
+ padding: 0.875em 1em;
3807
+ border-radius: 0.375em;
3808
+ border: 1px solid transparent;
3809
+ -moz-box-sizing: border-box;
3810
+ box-sizing: border-box;
3811
+ background-color: #eef6fa;
3812
+ color: #333;
3813
+ border-color: #dae5e7;
3814
+ border-width: 1px;
3815
+ background-clip: padding-box;
3816
+ position: relative;
3817
+ }
3818
+ .plate.opened {
3819
+ background-color: #fff;
3820
+ color: #333;
3821
+ border-color: #e4ebf0;
3822
+ border-width: 1px;
3823
+ box-shadow: 0 0.125em 0.375em rgba(0, 0, 0, 0.09);
3824
+ /* 2px 6px */
3825
+ }
3826
+ .plate.plate-live {
3827
+ cursor: pointer;
3828
+ }
3829
+ .plate.plate-live:hover, .plate.plate-live.opened:hover {
3830
+ background-color: #deedf5;
3831
+ color: #333;
3832
+ border-color: #89bede;
3833
+ border-width: 1px;
3834
+ box-shadow: none;
3835
+ }
3836
+ .plate.plate-live:active, .plate.plate-live.opened:active {
3837
+ background-color: #fff;
3838
+ color: #333;
3839
+ border-color: #d1e5e9;
3840
+ border-width: 1px;
3841
+ box-shadow: none;
3842
+ }
3843
+
3844
+ .alert {
3845
+ font-size: 0.875em;
3846
+ padding: 1.1em 1.8em;
3847
+ border-radius: 1px;
3848
+ border: 1px solid transparent;
3849
+ -moz-box-sizing: border-box;
3850
+ box-sizing: border-box;
3851
+ background-color: #fff;
3852
+ color: #333;
3853
+ border-color: #d5d5d5;
3854
+ border-width: 1px;
3855
+ line-height: 1.66em;
3856
+ }
3857
+ .alert .title {
3858
+ font-size: 16px;
3859
+ font-weight: 600;
3860
+ margin: 5px 0 8px;
3861
+ }
3862
+ .alert a {
3863
+ text-decoration: none;
3864
+ }
3865
+ .alert p {
3866
+ font-size: 12px;
3867
+ line-height: 1.6;
3868
+ margin: 2px 0 5px;
3869
+ max-width: 10000px;
3870
+ }
3871
+ @media (min-width: 768px) {
3872
+ .alert p {
3873
+ font-size: 14px;
3874
+ }
3875
+ }
3876
+ .alert > .btn {
3877
+ margin: 15px 0;
3878
+ }
3879
+ .alert .close {
3880
+ font-size: 1.142857em;
3881
+ color: #b3b3b3;
3882
+ top: 16px;
3883
+ right: 14px;
3884
+ position: absolute;
3885
+ cursor: pointer;
3886
+ }
3887
+ .alert .close:hover {
3888
+ color: #0287b2;
3889
+ }
3890
+ .alert .close:active {
3891
+ color: #63d4ec;
3892
+ }
3893
+ .alert.alert-info {
3894
+ background-color: #fff;
3895
+ color: #333;
3896
+ border-color: #009eef;
3897
+ border-width: 2px;
3898
+ }
3899
+ .alert.alert-success {
3900
+ background-color: #f5ffef;
3901
+ color: #333;
3902
+ border-color: #7cc13e;
3903
+ border-width: 2px;
3904
+ }
3905
+ .alert.alert-warning {
3906
+ background-color: #fffbf2;
3907
+ color: #333;
3908
+ border-color: #e4ba74;
3909
+ border-width: 2px;
3910
+ }
3911
+ .alert.alert-error {
3912
+ background-color: #fff6f6;
3913
+ color: #333;
3914
+ border-color: #ed917d;
3915
+ border-width: 2px;
3916
+ }
3917
+ .alert.alert-error .has-error {
3918
+ color: #cf3e07;
3919
+ }
3920
+ .alert.alert-icon {
3921
+ font-size: 12px;
3922
+ line-height: 1.667;
3923
+ padding: 7px 20px 16px;
3924
+ position: relative;
3925
+ }
3926
+ .alert.alert-icon .alert-inner .title {
3927
+ display: block;
3928
+ font-size: 16px;
3929
+ padding: 5px 0 0;
3930
+ }
3931
+ .alert.alert-icon em {
3932
+ font-style: normal;
3933
+ font-weight: 600;
3934
+ }
3935
+ .alert.alert-icon span[class^=icon-] {
3936
+ color: #86d5fc;
3937
+ }
3938
+ .alert.alert-icon .svg-icon {
3939
+ fill: #86d5fc;
3940
+ }
3941
+ @media (min-width: 768px) {
3942
+ .alert.alert-icon {
3943
+ font-size: 14px;
3944
+ line-height: 1.7143;
3945
+ padding: 25px 20px 25px 95px;
3946
+ }
3947
+ .alert.alert-icon .alert-inner .title {
3948
+ padding: 0;
3949
+ }
3950
+ }
3951
+ .alert.alert-icon.alert-info span[class^=icon-] {
3952
+ color: #86d5fc;
3953
+ }
3954
+ .alert.alert-icon.alert-info .svg-icon {
3955
+ fill: #86d5fc;
3956
+ }
3957
+ .alert.alert-icon.alert-success span[class^=icon-] {
3958
+ color: #80c05b;
3959
+ }
3960
+ .alert.alert-icon.alert-success .svg-icon {
3961
+ fill: #80c05b;
3962
+ }
3963
+ .alert.alert-icon.alert-warning span[class^=icon-] {
3964
+ color: #e8c072;
3965
+ }
3966
+ .alert.alert-icon.alert-warning .svg-icon {
3967
+ fill: #e8c072;
3968
+ }
3969
+ .alert.alert-icon.alert-error span[class^=icon-] {
3970
+ color: #dc602d;
3971
+ }
3972
+ .alert.alert-icon.alert-error .svg-icon {
3973
+ fill: #dc602d;
3974
+ }
3975
+ .alert.alert-icon span[class^=icon-],
3976
+ .alert.alert-icon span.svg-icon {
3977
+ display: none;
3978
+ }
3979
+ @media (min-width: 768px) {
3980
+ .alert.alert-icon span[class^=icon-],
3981
+ .alert.alert-icon span.svg-icon {
3982
+ margin-left: -70px;
3983
+ display: block;
3984
+ position: absolute;
3985
+ cursor: default;
3986
+ }
3987
+ }
3988
+ @media (min-width: 768px) {
3989
+ .alert.alert-icon span[class^=icon-] {
3990
+ font-size: 40px;
3991
+ }
3992
+ }
3993
+ .alert.alert-icon div.icon {
3994
+ display: none;
3995
+ }
3996
+ @media (min-width: 768px) {
3997
+ .alert.alert-icon div.icon {
3998
+ display: block;
3999
+ position: absolute;
4000
+ top: 0;
4001
+ left: 0;
4002
+ width: 100px;
4003
+ height: 100%;
4004
+ max-height: 102px;
4005
+ }
4006
+ }
4007
+ .alert.alert-icon div.icon span[class^=icon-],
4008
+ .alert.alert-icon div.icon span.svg-icon {
4009
+ display: block;
4010
+ height: 36px;
4011
+ width: 36px;
4012
+ margin: -18px 0 0 -18px;
4013
+ top: 50%;
4014
+ left: 50%;
4015
+ }
4016
+ .alert.alert-icon .alert-inner {
4017
+ padding-right: 16px;
4018
+ }
4019
+ .alert.alert-icon .alert-action {
4020
+ display: none;
4021
+ }
4022
+ .alert.alert-icon .alert-content p {
4023
+ margin-top: 8px;
4024
+ margin-bottom: 10px;
4025
+ max-width: 855px;
4026
+ }
4027
+ .alert.alert-icon .alert-content .btn {
4028
+ height: 40px;
4029
+ min-width: 208px;
4030
+ padding: 10px;
4031
+ margin: 10px 0;
4032
+ }
4033
+ .alert.alert-icon.alert-full .alert-content,
4034
+ .alert.alert-icon.alert-full .alert-action {
4035
+ display: inline-block;
4036
+ width: 100%;
4037
+ margin-right: -4px;
4038
+ }
4039
+ .alert.alert-icon.alert-full .alert-content {
4040
+ vertical-align: top;
4041
+ }
4042
+ .alert.alert-icon.alert-full .alert-action {
4043
+ display: block;
4044
+ padding: 18px 0 8px;
4045
+ text-align: left;
4046
+ }
4047
+ .alert.alert-icon.alert-full .alert-action .btn {
4048
+ height: 40px;
4049
+ padding: 10px;
4050
+ margin-bottom: 10px;
4051
+ min-width: 208px;
4052
+ }
4053
+ .alert.alert-icon.alert-full .alert-action .btn + div {
4054
+ font-size: 0.9285em;
4055
+ }
4056
+ @media (min-width: 768px) {
4057
+ .alert.alert-icon.alert-full {
4058
+ font-size: 14px;
4059
+ padding-bottom: 32px;
4060
+ }
4061
+ .alert.alert-icon.alert-full .alert-inner {
4062
+ display: table;
4063
+ width: 100%;
4064
+ }
4065
+ .alert.alert-icon.alert-full .alert-content,
4066
+ .alert.alert-icon.alert-full .alert-action {
4067
+ display: table-cell;
4068
+ }
4069
+ .alert.alert-icon.alert-full .alert-action {
4070
+ width: 300px;
4071
+ padding: 0 27px 0 45px;
4072
+ text-align: center;
4073
+ vertical-align: middle;
4074
+ }
4075
+ .alert.alert-icon.alert-full .alert-action .btn + div {
4076
+ margin-top: 15px;
4077
+ }
4078
+ .alert.alert-icon.alert-full span[class^=icon-] {
4079
+ padding-top: 7px;
4080
+ }
4081
+ }
4082
+ .alert.alert-icon.alert-short span[class^=icon-],
4083
+ .alert.alert-icon.alert-short span.svg-icon {
4084
+ display: none;
4085
+ }
4086
+ .alert.alert-icon.alert-short .title {
4087
+ margin-bottom: 6px;
4088
+ }
4089
+ @media (min-width: 768px) {
4090
+ .alert.alert-icon.alert-short {
4091
+ padding: 15px 20px 17px 95px;
4092
+ }
4093
+ .alert.alert-icon.alert-short span[class^=icon-],
4094
+ .alert.alert-icon.alert-short span.svg-icon {
4095
+ display: block;
4096
+ position: absolute;
4097
+ top: 50%;
4098
+ margin: -16px 0 0 -63px;
4099
+ cursor: default;
4100
+ }
4101
+ .alert.alert-icon.alert-short span[class^=icon-] {
4102
+ font-size: 32px;
4103
+ }
4104
+ }
4105
+ .alert.alert-icon.alert-short .title + div {
4106
+ display: none;
4107
+ }
4108
+
4109
+ /* base popups styles */
4110
+ .popup {
4111
+ font-size: 1em;
4112
+ padding: 17px 22px 25px;
4113
+ border-radius: 7px;
4114
+ border: 1px solid transparent;
4115
+ -moz-box-sizing: border-box;
4116
+ box-sizing: border-box;
4117
+ overflow: hidden;
4118
+ }
4119
+ .popup .popup-title {
4120
+ font-size: 18px;
4121
+ display: block;
4122
+ margin: 0 0 16px;
4123
+ font-weight: 600;
4124
+ }
4125
+ .popup .popup-close {
4126
+ float: right;
4127
+ display: block;
4128
+ width: 24px;
4129
+ height: 24px;
4130
+ background-color: #000;
4131
+ opacity: .3;
4132
+ text-align: center;
4133
+ border-radius: 50%;
4134
+ position: relative;
4135
+ top: -3px;
4136
+ right: -9px;
4137
+ -webkit-transition: opacity 0.1s linear;
4138
+ transition: opacity 0.1s linear;
4139
+ }
4140
+ .popup .popup-close [class*="icon-"] {
4141
+ font-size: 0.75em;
4142
+ color: #fff;
4143
+ }
4144
+ .popup .popup-close:hover {
4145
+ opacity: .5;
4146
+ }
4147
+ .popup .popup-text {
4148
+ font-size: 13px;
4149
+ line-height: 1.4;
4150
+ margin-top: 0 0 4px;
4151
+ display: block;
4152
+ }
4153
+
4154
+ /* popup types */
4155
+ .popup-success {
4156
+ background-color: #f5ffef;
4157
+ color: #406d40;
4158
+ border-color: transparent;
4159
+ border-width: 1px;
4160
+ }
4161
+
4162
+ .popup-warning {
4163
+ background-color: #fffbf2;
4164
+ color: #333;
4165
+ border-color: transparent;
4166
+ border-width: 1px;
4167
+ }
4168
+
4169
+ .popup-default {
4170
+ background-color: #fff;
4171
+ color: #1e2c38;
4172
+ border-color: #009eef;
4173
+ border-width: 1px;
4174
+ }
4175
+
4176
+ .popup-info {
4177
+ background-color: #b5dff0;
4178
+ color: #1e2c38;
4179
+ border-color: transparent;
4180
+ border-width: 1px;
4181
+ }
4182
+
4183
+ /* new popup */
4184
+ .ecwid-modal-open {
4185
+ overflow: hidden !important;
4186
+ position: fixed !important;
4187
+ width: 100%;
4188
+ }
4189
+
4190
+ .main-overlay {
4191
+ -webkit-overflow-scrolling: touch;
4192
+ overflow-y: auto;
4193
+ background: rgba(0, 0, 0, 0.5);
4194
+ position: fixed;
4195
+ top: 0;
4196
+ left: 0;
4197
+ width: 100vw;
4198
+ height: 100%;
4199
+ z-index: 9999;
4200
+ display: table\9;
4201
+ }
4202
+ .main-overlay--transparent {
4203
+ background: none;
4204
+ }
4205
+ .main-overlay--hidden {
4206
+ background: none;
4207
+ pointer-events: none;
4208
+ }
4209
+ .main-overlay_animation-hide {
4210
+ opacity: 0;
4211
+ -webkit-transition: opacity 200ms ease-out 200ms;
4212
+ transition: opacity 200ms ease-out 200ms;
4213
+ }
4214
+ .main-overlay_animation-hide .main-popup {
4215
+ opacity: 0;
4216
+ margin-top: 40px;
4217
+ -webkit-transition: all 400ms ease-out;
4218
+ transition: all 400ms ease-out;
4219
+ }
4220
+
4221
+ .main-popup {
4222
+ display: -webkit-box;
4223
+ display: -webkit-flex;
4224
+ display: -ms-flexbox;
4225
+ display: flex;
4226
+ display: table-cell\9;
4227
+ vertical-align: middle\9;
4228
+ box-sizing: border-box;
4229
+ -moz-box-sizing: border-box;
4230
+ text-align: center;
4231
+ -webkit-transform: translateZ(0);
4232
+ /* IE11 does not wrap long paragraphs of text */
4233
+ }
4234
+ .main-popup_center {
4235
+ height: 100%;
4236
+ width: 100%;
4237
+ -webkit-box-pack: center;
4238
+ -webkit-justify-content: center;
4239
+ -ms-flex-pack: center;
4240
+ justify-content: center;
4241
+ -webkit-box-align: center;
4242
+ -webkit-align-items: center;
4243
+ -ms-flex-align: center;
4244
+ align-items: center;
4245
+ padding: 15px;
4246
+ }
4247
+ .main-popup_animation {
4248
+ -webkit-animation: showpopup 400ms ease-out;
4249
+ animation: showpopup 400ms ease-out;
4250
+ }
4251
+ .main-popup.main-popup_top {
4252
+ align-items: flex-start;
4253
+ vertical-align: top\9;
4254
+ padding: 0 15px;
4255
+ }
4256
+ .main-popup.main-popup_bottom {
4257
+ align-items: flex-end;
4258
+ vertical-align: bottom\9;
4259
+ padding: 0 15px;
4260
+ }
4261
+ .main-popup__container {
4262
+ position: relative;
4263
+ padding: 20px 25px;
4264
+ max-width: 600px;
4265
+ min-width: 290px;
4266
+ background: #fff;
4267
+ border-radius: 1px;
4268
+ border: 1px solid #d5d5d5;
4269
+ color: #333;
4270
+ box-sizing: border-box;
4271
+ -moz-box-sizing: border-box;
4272
+ display: -webkit-box;
4273
+ display: -webkit-flex;
4274
+ display: -ms-flexbox;
4275
+ display: flex;
4276
+ display: inline-block\9;
4277
+ -webkit-box-orient: vertical;
4278
+ -webkit-box-direction: normal;
4279
+ -webkit-flex-direction: column;
4280
+ -ms-flex-direction: column;
4281
+ flex-direction: column;
4282
+ -webkit-box-pack: center;
4283
+ -webkit-justify-content: center;
4284
+ -ms-flex-pack: center;
4285
+ justify-content: center;
4286
+ -webkit-box-align: center;
4287
+ -webkit-align-items: center;
4288
+ -ms-flex-align: center;
4289
+ align-items: center;
4290
+ word-wrap: break-word;
4291
+ }
4292
+ .main-popup__container a {
4293
+ text-decoration: none;
4294
+ }
4295
+ .main-popup__container > div {
4296
+ max-width: 100%;
4297
+ }
4298
+ .main-popup _:-ms-fullscreen, .main-popup :root .main-popup__container {
4299
+ display: inline-block;
4300
+ }
4301
+ @media (min-width: 640px) {
4302
+ .main-popup__container {
4303
+ padding: 30px 45px;
4304
+ }
4305
+ .main-popup_center .main-popup__container {
4306
+ padding: 45px 85px 30px;
4307
+ }
4308
+ .main-popup _:-ms-fullscreen, .main-popup :root .main-popup__container {
4309
+ display: flex;
4310
+ }
4311
+ }
4312
+ .main-popup__close {
4313
+ position: absolute;
4314
+ width: 16px;
4315
+ height: 16px;
4316
+ color: #b3b3b3;
4317
+ top: 16px;
4318
+ right: 16px;
4319
+ cursor: pointer;
4320
+ display: -webkit-box;
4321
+ display: -webkit-flex;
4322
+ display: -ms-flexbox;
4323
+ display: flex;
4324
+ -webkit-box-pack: center;
4325
+ -webkit-justify-content: center;
4326
+ -ms-flex-pack: center;
4327
+ justify-content: center;
4328
+ -webkit-box-align: center;
4329
+ -webkit-align-items: center;
4330
+ -ms-flex-align: center;
4331
+ align-items: center;
4332
+ }
4333
+ .main-popup__close svg {
4334
+ width: 16px;
4335
+ height: 16px;
4336
+ fill: currentColor;
4337
+ transition: color 0.1s linear;
4338
+ }
4339
+ .main-popup__close:hover {
4340
+ color: #0287b2;
4341
+ }
4342
+ .main-popup__close:active {
4343
+ color: #63d4ec;
4344
+ }
4345
+ .main-popup__title {
4346
+ font-size: 16px;
4347
+ font-weight: 600;
4348
+ line-height: 1.5;
4349
+ padding: 15px 0 5px;
4350
+ margin: 0;
4351
+ max-width: 100%;
4352
+ box-sizing: border-box;
4353
+ -moz-box-sizing: border-box;
4354
+ }
4355
+ @media (min-width: 640px) {
4356
+ .main-popup__title {
4357
+ font-size: 18px;
4358
+ }
4359
+ }
4360
+ .main-popup__text {
4361
+ font-size: 12px;
4362
+ line-height: 1.667;
4363
+ text-align: center;
4364
+ display: inline-block;
4365
+ padding: 5px 0;
4366
+ max-width: 100%;
4367
+ }
4368
+ .main-popup__text.ecwid-multiLine {
4369
+ text-align: left;
4370
+ }
4371
+ @media (min-width: 640px) {
4372
+ .main-popup__text {
4373
+ font-size: 14px;
4374
+ line-height: 1.7143;
4375
+ }
4376
+ }
4377
+ .main-popup__content {
4378
+ padding: 10px 10px 0;
4379
+ }
4380
+ .main-popup__buttons {
4381
+ padding: 15px 0 0;
4382
+ min-width: 180px;
4383
+ }
4384
+ @media (min-width: 640px) {
4385
+ .main-popup__buttons {
4386
+ padding: 30px 0 0;
4387
+ }
4388
+ }
4389
+ .main-popup__buttons .btn {
4390
+ font-size: 13px;
4391
+ min-width: 100%;
4392
+ margin-bottom: 10px;
4393
+ box-sizing: border-box;
4394
+ -moz-box-sizing: border-box;
4395
+ }
4396
+ @media (min-width: 640px) {
4397
+ .main-popup__buttons .btn {
4398
+ min-width: 180px;
4399
+ margin: 0 5px 10px;
4400
+ }
4401
+ }
4402
+ .main-popup__timer {
4403
+ color: #189dee;
4404
+ font-size: 25px;
4405
+ }
4406
+ @media (min-width: 640px) {
4407
+ .main-popup__timer {
4408
+ font-size: 34px;
4409
+ }
4410
+ }
4411
+ .main-popup__logo {
4412
+ width: auto;
4413
+ height: 65px;
4414
+ -webkit-transform: scale(0.75);
4415
+ -ms-transform: scale(0.75);
4416
+ transform: scale(0.75);
4417
+ }
4418
+ .main-popup__logo svg {
4419
+ fill: #86d5fc;
4420
+ height: 100%;
4421
+ max-height: 65px;
4422
+ max-width: 100%;
4423
+ }
4424
+ @media (min-width: 768px) {
4425
+ .main-popup__logo {
4426
+ -webkit-transform: scale(1);
4427
+ -ms-transform: scale(1);
4428
+ transform: scale(1);
4429
+ padding-bottom: 10px;
4430
+ }
4431
+ }
4432
+ .main-popup--error .main-popup__logo svg {
4433
+ fill: #dc602d;
4434
+ }
4435
+ .main-popup--warning .main-popup__logo svg {
4436
+ fill: #e8c072;
4437
+ }
4438
+ .main-popup--success .main-popup__logo svg {
4439
+ fill: #80c05b;
4440
+ }
4441
+ .main-popup--success .alert.alert-success {
4442
+ background-color: #fff;
4443
+ color: #333;
4444
+ border-color: #d5d5d5;
4445
+ border-width: 1px;
4446
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
4447
+ }
4448
+
4449
+ .ecwid-modal-large {
4450
+ position: absolute !important;
4451
+ }
4452
+ @media (min-width: 768px) {
4453
+ .ecwid-modal-large {
4454
+ position: fixed !important;
4455
+ }
4456
+ }
4457
+ .ecwid-modal-large .main-overlay {
4458
+ position: absolute;
4459
+ overflow-y: scroll;
4460
+ background: #EEEFF0;
4461
+ }
4462
+ @media (min-width: 768px) {
4463
+ .ecwid-modal-large .main-overlay {
4464
+ position: fixed;
4465
+ overflow-y: auto;
4466
+ }
4467
+ }
4468
+ .ecwid-modal-large .main-popup {
4469
+ padding: 0;
4470
+ height: calc(100% + 1px);
4471
+ }
4472
+ .ecwid-modal-large .main-popup .main-popup__container {
4473
+ font-size: 12px;
4474
+ line-height: 20px;
4475
+ background-color: #EEEFF0;
4476
+ border: none;
4477
+ width: 100%;
4478
+ max-width: 1440px;
4479
+ padding: 10px 0;
4480
+ justify-content: flex-start;
4481
+ overflow: hidden;
4482
+ }
4483
+ .ecwid-modal-large .main-popup .main-popup__container * {
4484
+ box-sizing: border-box;
4485
+ }
4486
+ @media (min-width: 768px) {
4487
+ .ecwid-modal-large .main-popup .main-popup__container {
4488
+ font-size: 14px;
4489
+ line-height: 24px;
4490
+ padding: 30px 0;
4491
+ }
4492
+ }
4493
+ .ecwid-modal-large .main-popup .main-popup__logo {
4494
+ height: 53px;
4495
+ padding-bottom: 0;
4496
+ margin-top: 7px;
4497
+ }
4498
+ @media (min-width: 768px) {
4499
+ .ecwid-modal-large .main-popup .main-popup__logo {
4500
+ margin-top: 37px;
4501
+ padding: 0;
4502
+ }
4503
+ }
4504
+ .ecwid-modal-large .main-popup .main-popup__close {
4505
+ top: 27px;
4506
+ right: 16px;
4507
+ width: 16px;
4508
+ height: 16px;
4509
+ }
4510
+ .ecwid-modal-large .main-popup .main-popup__close svg {
4511
+ width: 100%;
4512
+ height: auto;
4513
+ }
4514
+ .ecwid-modal-large .main-popup .main-popup__close .svg--desktop {
4515
+ display: none;
4516
+ }
4517
+ @media (min-width: 768px) {
4518
+ .ecwid-modal-large .main-popup .main-popup__close {
4519
+ top: 50px;
4520
+ right: -100px;
4521
+ width: 31px;
4522
+ height: 31px;
4523
+ }
4524
+ .ecwid-modal-large .main-popup .main-popup__close .svg--desktop {
4525
+ display: block;
4526
+ }
4527
+ .ecwid-modal-large .main-popup .main-popup__close .svg--mobile {
4528
+ display: none;
4529
+ }
4530
+ }
4531
+ @media (min-width: 1024px) {
4532
+ .ecwid-modal-large .main-popup .main-popup__close {
4533
+ right: 0;
4534
+ }
4535
+ }
4536
+ .ecwid-modal-large .main-popup .main-popup__top-note {
4537
+ max-width: 700px;
4538
+ line-height: 22px;
4539
+ margin: 8px auto 0;
4540
+ }
4541
+ @media (min-width: 768px) {
4542
+ .ecwid-modal-large .main-popup .main-popup__top-note {
4543
+ line-height: 28px;
4544
+ }
4545
+ }
4546
+ .ecwid-modal-large .main-popup .main-popup__panel {
4547
+ background-color: #fff;
4548
+ border: 1px solid #D2D2D2;
4549
+ max-width: 1000px;
4550
+ margin: 10px auto 25px;
4551
+ padding: 20px;
4552
+ }
4553
+ @media (min-width: 768px) {
4554
+ .ecwid-modal-large .main-popup .main-popup__panel {
4555
+ margin-top: 37px;
4556
+ }
4557
+ }
4558
+ @media (min-width: 1024px) {
4559
+ .ecwid-modal-large .main-popup .main-popup__panel {
4560
+ min-width: 1000px;
4561
+ padding: 35px 20px 40px;
4562
+ }
4563
+ }
4564
+ .ecwid-modal-large .main-popup .main-popup__panel .main-popup__title {
4565
+ font-size: 18px;
4566
+ font-weight: 400;
4567
+ line-height: 26px;
4568
+ margin-top: 0;
4569
+ padding-top: 0;
4570
+ }
4571
+ @media (min-width: 768px) {
4572
+ .ecwid-modal-large .main-popup .main-popup__panel .main-popup__title {
4573
+ font-size: 22px;
4574
+ line-height: 31px;
4575
+ }
4576
+ }
4577
+ .ecwid-modal-large .main-popup .main-popup__panel .btn {
4578
+ margin-bottom: 0;
4579
+ min-width: 240px;
4580
+ }
4581
+ .ecwid-modal-large .main-popup .main-popup__cancel {
4582
+ font-size: 13px;
4583
+ line-height: 18px;
4584
+ text-align: center;
4585
+ padding-bottom: 20px;
4586
+ }
4587
+ .ecwid-modal-large .ecwid-facelift {
4588
+ display: none;
4589
+ }
4590
+
4591
+ /* IE11 does not wrap long paragraphs of text */
4592
+ _:-ms-fullscreen, :root .main-popup__container {
4593
+ display: inline-block;
4594
+ }
4595
+
4596
+ @media (min-width: 640px) {
4597
+ _:-ms-fullscreen, :root .main-popup__container {
4598
+ display: flex;
4599
+ }
4600
+ }
4601
+ .svg-close {
4602
+ fill: currentColor;
4603
+ }
4604
+
4605
+ .svg-rocket {
4606
+ fill: currentColor;
4607
+ }
4608
+
4609
+ .svg-question {
4610
+ fill: currentColor;
4611
+ }
4612
+
4613
+ .svg-error {
4614
+ fill: #d2d2d2;
4615
+ }
4616
+
4617
+ .svg-trash {
4618
+ fill: currentColor;
4619
+ }
4620
+
4621
+ .svg-rocket__circle {
4622
+ -webkit-animation: rocket-circle 1.5s infinite ease-out;
4623
+ animation: rocket-circle 1.5s infinite ease-out;
4624
+ }
4625
+
4626
+ .svg-rocket__circle:nth-child(2) {
4627
+ -webkit-animation-delay: 0.75s;
4628
+ animation-delay: 0.75s;
4629
+ }
4630
+
4631
+ .svg-rocket__circle:nth-child(3) {
4632
+ -webkit-animation-delay: 0.75s;
4633
+ animation-delay: 0.5s;
4634
+ }
4635
+
4636
+ .svg-rocket__circle:nth-child(4) {
4637
+ -webkit-animation-delay: 0.75s;
4638
+ animation-delay: 0.25s;
4639
+ }
4640
+
4641
+ .svg-rocket__circle:nth-child(5) {
4642
+ -webkit-animation-delay: 0.00s;
4643
+ animation-delay: 0.00s;
4644
+ }
4645
+
4646
+ @-webkit-keyframes rocket-circle {
4647
+ 0%, 100% {
4648
+ opacity: 1;
4649
+ }
4650
+ 80%, 85% {
4651
+ opacity: 0;
4652
+ }
4653
+ }
4654
+ @keyframes rocket-circle {
4655
+ 0%, 100% {
4656
+ opacity: 1;
4657
+ }
4658
+ 80%, 85% {
4659
+ opacity: 0;
4660
+ }
4661
+ }
4662
+ @-webkit-keyframes showpopup {
4663
+ from {
4664
+ margin-top: -40px;
4665
+ opacity: 0;
4666
+ }
4667
+ to {
4668
+ margin-top: 0;
4669
+ opacity: 1;
4670
+ }
4671
+ }
4672
+ @keyframes showpopup {
4673
+ from {
4674
+ margin-top: -40px;
4675
+ opacity: 0;
4676
+ }
4677
+ to {
4678
+ margin-top: 0;
4679
+ opacity: 1;
4680
+ }
4681
+ }
4682
+ /* dialog styles */
4683
+ .dialog {
4684
+ font-size: 1em;
4685
+ padding: 30px;
4686
+ border-radius: 0.375em;
4687
+ border: 1px solid transparent;
4688
+ -moz-box-sizing: border-box;
4689
+ box-sizing: border-box;
4690
+ margin-top: 18px;
4691
+ padding: 30px 30px 3px 30px;
4692
+ background-clip: padding-box;
4693
+ border: 1px solid #dae5e7;
4694
+ background: #fff;
4695
+ }
4696
+ .dialog .dialog-title {
4697
+ font-size: 1.75em;
4698
+ line-height: 1.2;
4699
+ font-weight: 600;
4700
+ display: block;
4701
+ margin: 0 0 16px;
4702
+ }
4703
+ .dialog .dialog-cancel {
4704
+ font-size: 1em;
4705
+ line-height: 1.2;
4706
+ float: right;
4707
+ text-align: center;
4708
+ position: relative;
4709
+ top: 6px;
4710
+ right: 7px;
4711
+ color: #a0a0a0;
4712
+ -webkit-transition: color 0.1s linear;
4713
+ transition: color 0.1s linear;
4714
+ }
4715
+ .dialog .dialog-cancel:visited {
4716
+ color: #a0a0a0;
4717
+ }
4718
+ .dialog .dialog-cancel:hover, .dialog .dialog-cancel:visited:hover {
4719
+ color: #006995;
4720
+ }
4721
+ .dialog .dialog-cancel:active, .dialog .dialog-cancel:visited:active {
4722
+ color: #54bfd6;
4723
+ }
4724
+ .dialog .dialog-cancel [class*="icon-"] {
4725
+ font-size: 0.875em;
4726
+ color: #a0a0a0;
4727
+ }
4728
+ .dialog .dialog-cancel:hover [class*="icon-"], .dialog .dialog-cancel:visited:hover [class*="icon-"] {
4729
+ color: #0287b2;
4730
+ }
4731
+ .dialog .dialog-cancel:active [class*="icon-"], .dialog .dialog-cancel:active:hover [class*="icon-"] {
4732
+ color: #54bfd6;
4733
+ }
4734
+ .dialog .dialog-body {
4735
+ line-height: 1.4;
4736
+ margin-top: 0 0 4px;
4737
+ display: block;
4738
+ }
4739
+ .dialog input {
4740
+ backface-visibility: hidden;
4741
+ -webkit-backface-visibility: hidden;
4742
+ -webkit-padding-start: 0px;
4743
+ -webkit-text-size-adjust: none;
4744
+ }
4745
+
4746
+ @media only screen and (max-width: 768px) {
4747
+ .dialog {
4748
+ margin-top: 0;
4749
+ padding-left: 15px;
4750
+ padding-right: 15px;
4751
+ border: none;
4752
+ }
4753
+ .dialog .dialog-title {
4754
+ font-size: 1.375em;
4755
+ }
4756
+
4757
+ .dialog-body p {
4758
+ font-size: 0.875em;
4759
+ }
4760
+ }
4761
+ .loader svg {
4762
+ height: 100%;
4763
+ width: 100%;
4764
+ }
4765
+
4766
+ [class*="loading"] .loader .spin-left {
4767
+ -webkit-animation: spinleft 1s infinite linear;
4768
+ animation: spinleft 1s infinite linear;
4769
+ }
4770
+
4771
+ [class*="loading"] .loader .spin-right {
4772
+ -webkit-animation: spinright 0.5s infinite linear;
4773
+ animation: spinright 0.5s infinite linear;
4774
+ }
4775
+
4776
+ .btn .loader {
4777
+ position: absolute;
4778
+ width: 100%;
4779
+ top: -30%;
4780
+ left: 0;
4781
+ display: none;
4782
+ z-index: 1;
4783
+ -webkit-animation: fadein 0.1s 1 linear;
4784
+ animation: fadein 0.1s 1 linear;
4785
+ }
4786
+ .btn .loader .spinner {
4787
+ margin: 0 auto;
4788
+ height: 46px;
4789
+ width: 46px;
4790
+ }
4791
+ .btn .loader .spinner svg {
4792
+ width: 100%;
4793
+ height: 100%;
4794
+ -webkit-transform: scale(1);
4795
+ }
4796
+ .btn.btn-large .loader .spinner {
4797
+ height: 70px;
4798
+ width: 70px;
4799
+ }
4800
+ .btn.btn-medium .loader .spinner {
4801
+ height: 56px;
4802
+ width: 56px;
4803
+ }
4804
+ .btn.btn-small .loader .spinner {
4805
+ height: 40px;
4806
+ width: 40px;
4807
+ }
4808
+
4809
+ .btn-loading .loader {
4810
+ display: block;
4811
+ }
4812
+
4813
+ html {
4814
+ font-size: 100%;
4815
+ }
4816
+
4817
+ body {
4818
+ color: #333;
4819
+ }
4820
+
4821
+ body, html {
4822
+ font-family: "Open Sans", sans-serif, Arial;
4823
+ font-weight: 400;
4824
+ margin: 0;
4825
+ padding: 0;
4826
+ }
4827
+
4828
+ :focus {
4829
+ outline: none;
4830
+ }
4831
+
4832
+ /* Overrides the highlight color shown when the user taps a link */
4833
+ *:active, *:hover, *:focus {
4834
+ -webkit-tap-highlight-color: transparent;
4835
+ -moz-tap-highlight-color: transparent;
4836
+ tap-highlight-color: transparent;
4837
+ }
4838
+
4839
+ .normalized select,
4840
+ .normalized textarea,
4841
+ .normalized input,
4842
+ .normalized button {
4843
+ font-family: "Open Sans", sans-serif, Arial;
4844
+ font-weight: 400;
4845
+ }
4846
+
4847
+ .normalized button::-moz-focus-inner {
4848
+ border: none;
4849
+ }
4850
+
4851
+ .fl {
4852
+ float: left;
4853
+ }
4854
+
4855
+ .fr {
4856
+ float: right;
4857
+ }
4858
+
4859
+ .hidden {
4860
+ display: none !important;
4861
+ visibility: hidden !important;
4862
+ }
4863
+
4864
+ /* Clearfix */
4865
+ .cf:before,
4866
+ .cf:after {
4867
+ content: " ";
4868
+ display: table;
4869
+ }
4870
+
4871
+ .cf:after {
4872
+ clear: both;
4873
+ }
4874
+
4875
+ .cf {
4876
+ *zoom: 1;
4877
+ /* For IE 6/7 only */
4878
+ }
4879
+
4880
+ /*--- Fieldsets ----------------------------------------------------------------------------------*/
4881
+ /*--- Fieldsets mixins ---------------------------------------------------------------------------*/
4882
+ /*--- Fieldsets variables ------------------------------------------------------------------------*/
4883
+ /* medium sise (default) */
4884
+ /* small size */
4885
+ /* large size */
4886
+ /*--- Fieldsets styles ---------------------------------------------------------------------------*/
4887
+ .fieldset {
4888
+ vertical-align: top;
4889
+ }
4890
+ .fieldset * {
4891
+ -moz-box-sizing: border-box;
4892
+ box-sizing: border-box;
4893
+ text-rendering: optimizeLegibility;
4894
+ }
4895
+ .fieldset .field {
4896
+ display: inline-block;
4897
+ position: relative;
4898
+ color: #606060;
4899
+ text-align: left;
4900
+ vertical-align: middle;
4901
+ border: 1px solid #c7c7c7;
4902
+ background-color: #fafbfc;
4903
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
4904
+ width: 100%;
4905
+ outline: 0;
4906
+ -ms-transform: translatez(0);
4907
+ -webkit-transform: translatez(0);
4908
+ transform: translatez(0);
4909
+ font-size: 14px;
4910
+ padding: 2px 9px 3px;
4911
+ border-radius: 2px;
4912
+ line-height: 19px;
4913
+ height: 40px;
4914
+ -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
4915
+ transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
4916
+ /* states */
4917
+ /* field sizes */
4918
+ }
4919
+ .fieldset .field:focus, .fieldset .field.focus {
4920
+ border-width: 2px;
4921
+ padding: 1px 8px 2px;
4922
+ }
4923
+ .fieldset .field:focus, .fieldset .field.focus, .fieldset .field:active, .fieldset .field.active {
4924
+ background-color: #fff;
4925
+ /*border-color: #0c92e3;*/
4926
+ border-color: red;
4927
+ color: #606060;
4928
+ box-shadow: 0 0 4px #d1eafa;
4929
+ }
4930
+ .fieldset .field[disabled], .fieldset .field[readonly], .fieldset .field[disabled]:hover, .fieldset .field[disabled]:focus, .fieldset .field[disabled]:focus:hover, .fieldset .field[disabled]:active, .fieldset .field[disabled]:focus:active {
4931
+ background-color: #eeeeee;
4932
+ border-color: #c7c7c7;
4933
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
4934
+ pointer-events: none;
4935
+ }
4936
+ .fieldset .field__label {
4937
+ display: block;
4938
+ visibility: visible;
4939
+ font-size: 10px;
4940
+ font-weight: 600;
4941
+ line-height: 1;
4942
+ color: #999;
4943
+ height: auto;
4944
+ margin-top: 2px;
4945
+ opacity: 0;
4946
+ pointer-events: none;
4947
+ -webkit-transform: translateZ(0);
4948
+ -webkit-font-smoothing: antialiased;
4949
+ -webkit-backface-visibility: hidden;
4950
+ -webkit-transform: translate3D(0px, -10px, 0px);
4951
+ transform: translate3D(0px, -10px, 0px);
4952
+ transition: all .25s ease-out;
4953
+ }
4954
+ .fieldset .field__input {
4955
+ font-size: 14px;
4956
+ line-height: 19px;
4957
+ color: #333;
4958
+ margin: 0;
4959
+ padding: 0;
4960
+ border: 0;
4961
+ background: transparent;
4962
+ position: relative;
4963
+ top: 1px;
4964
+ width: 100%;
4965
+ -webkit-appearance: none;
4966
+ z-index: 3;
4967
+ }
4968
+ .fieldset .field__placeholder {
4969
+ font-size: 16px;
4970
+ line-height: 22px;
4971
+ font-weight: 400;
4972
+ color: #999;
4973
+ display: inline-block;
4974
+ padding: 0;
4975
+ margin: 0;
4976
+ position: absolute;
4977
+ top: 7px;
4978
+ left: 11px;
4979
+ z-index: 2;
4980
+ pointer-events: none;
4981
+ }
4982
+ .fieldset .field--filled .field__placeholder, .fieldset .field--focus .field__placeholder {
4983
+ display: none;
4984
+ transition: none;
4985
+ }
4986
+ .fieldset .field svg {
4987
+ fill: currentColor;
4988
+ width: 100%;
4989
+ height: auto;
4990
+ }
4991
+ .fieldset .field--hover {
4992
+ background-color: #fff;
4993
+ }
4994
+ .fieldset .field:active, .fieldset .field:focus, .fieldset .field--focus {
4995
+ color: #606060;
4996
+ border: 2px solid #009eef;
4997
+ background-color: #fff;
4998
+ box-shadow: 0 0 4px #d1eafa;
4999
+ padding: 1px 8px 2px;
5000
+ outline: 0;
5001
+ }
5002
+ .fieldset .field:active .field__placeholder, .fieldset .field:focus .field__placeholder, .fieldset .field--focus .field__placeholder {
5003
+ top: 6px;
5004
+ left: 10px;
5005
+ }
5006
+ .fieldset .field [class*="field-state"] {
5007
+ display: block;
5008
+ width: 16px;
5009
+ height: 16px;
5010
+ position: absolute;
5011
+ top: 10px;
5012
+ right: 9px;
5013
+ opacity: 0;
5014
+ z-index: -1;
5015
+ -webkit-transform: translateZ(0);
5016
+ -webkit-font-smoothing: antialiased;
5017
+ transition: opacity .14s ease-out, color .14s ease-out;
5018
+ }
5019
+ .fieldset .field .field-state--success {
5020
+ color: #80c05b;
5021
+ width: 22px;
5022
+ height: 22px;
5023
+ }
5024
+ .fieldset .field .field-state--close {
5025
+ color: #dc602d;
5026
+ cursor: pointer;
5027
+ }
5028
+ .fieldset .field .field-state--close:hover {
5029
+ color: #b23709;
5030
+ }
5031
+ .fieldset .field .field-state--close:active {
5032
+ color: #ff8456;
5033
+ }
5034
+ .fieldset .field__arrow {
5035
+ display: block;
5036
+ width: 17px;
5037
+ height: 17px;
5038
+ position: absolute;
5039
+ top: 10px;
5040
+ right: 10px;
5041
+ color: #999;
5042
+ pointer-events: none;
5043
+ -webkit-transform: translateZ(0);
5044
+ -webkit-font-smoothing: antialiased;
5045
+ transition: opacity .14s ease-out, color .14s ease-out;
5046
+ }
5047
+ .fieldset .field--filled .field__input {
5048
+ margin-top: -2px;
5049
+ }
5050
+ .fieldset .field--filled .field__label {
5051
+ opacity: 1;
5052
+ -webkit-transform: translate3D(0px, 0px, 0px);
5053
+ transform: translate3D(0px, 0px, 0px);
5054
+ }
5055
+ .fieldset .field--filled .select-target {
5056
+ opacity: 1;
5057
+ }
5058
+ .fieldset .field--focus .field__label {
5059
+ opacity: 1;
5060
+ -webkit-transform: translate3D(0px, 0px, 0px);
5061
+ transform: translate3D(0px, 0px, 0px);
5062
+ }
5063
+ .fieldset .field--focus .field__arrow {
5064
+ top: 9px;
5065
+ right: 9px;
5066
+ }
5067
+ .fieldset .field--focus .select-target {
5068
+ opacity: 1;
5069
+ }
5070
+ .fieldset .field__error {
5071
+ color: #cf3e07;
5072
+ display: none;
5073
+ font-size: 12px;
5074
+ font-weight: 400;
5075
+ line-height: 1.2;
5076
+ margin: 6px 0 10px;
5077
+ padding: 0 3px;
5078
+ text-align: left;
5079
+ }
5080
+ @media (min-width: 768px) {
5081
+ .fieldset .field--medium {
5082
+ font-size: 14px;
5083
+ padding: 3px 11px 4px;
5084
+ border-radius: 2px;
5085
+ line-height: 19px;
5086
+ height: 48px;
5087
+ }
5088
+ .fieldset .field--medium:focus, .fieldset .field--medium.focus {
5089
+ border-width: 2px;
5090
+ padding: 2px 10px 3px;
5091
+ }
5092
+ .fieldset .field--medium .field__label {
5093
+ margin-top: 4px;
5094
+ }
5095
+ .fieldset .field--medium .field__input {
5096
+ top: 3px;
5097
+ }
5098
+ .fieldset .field--medium .field__placeholder {
5099
+ font-size: 18px;
5100
+ line-height: 24px;
5101
+ font-weight: 300;
5102
+ top: 11px;
5103
+ }
5104
+ .fieldset .field--medium [class*="field-state"] {
5105
+ top: 14px;
5106
+ right: 15px;
5107
+ }
5108
+ .fieldset .field--medium .field__arrow {
5109
+ top: 14px;
5110
+ right: 12px;
5111
+ }
5112
+ .fieldset .field--medium:active, .fieldset .field--medium:focus, .fieldset .field--medium.field--focus {
5113
+ padding: 2px 10px 3px;
5114
+ }
5115
+ .fieldset .field--medium:active .field__placeholder, .fieldset .field--medium:focus .field__placeholder, .fieldset .field--medium.field--focus .field__placeholder {
5116
+ top: 10px;
5117
+ }
5118
+ .fieldset .field--medium:active .field__arrow, .fieldset .field--medium:focus .field__arrow, .fieldset .field--medium.field--focus .field__arrow {
5119
+ top: 13px;
5120
+ right: 11px;
5121
+ }
5122
+ }
5123
+ .fieldset .field--large {
5124
+ font-size: 14px;
5125
+ padding: 3px 11px 4px;
5126
+ border-radius: 2px;
5127
+ line-height: 19px;
5128
+ height: 48px;
5129
+ }
5130
+ .fieldset .field--large:focus, .fieldset .field--large.focus {
5131
+ border-width: 2px;
5132
+ padding: 2px 10px 3px;
5133
+ }
5134
+ .fieldset .field--large .field__label {
5135
+ margin-top: 4px;
5136
+ }
5137
+ .fieldset .field--large .field__input {
5138
+ top: 3px;
5139
+ }
5140
+ .fieldset .field--large .field__placeholder {
5141
+ font-size: 18px;
5142
+ line-height: 24px;
5143
+ font-weight: 300;
5144
+ top: 11px;
5145
+ }
5146
+ .fieldset .field--large [class*="field-state"] {
5147
+ top: 14px;
5148
+ right: 15px;
5149
+ }
5150
+ .fieldset .field--large .field__arrow {
5151
+ top: 16px;
5152
+ right: 14px;
5153
+ }
5154
+ .fieldset .field--large:active, .fieldset .field--large:focus, .fieldset .field--large.field--focus {
5155
+ padding: 2px 10px 3px;
5156
+ }
5157
+ .fieldset .field--large:active .field__placeholder, .fieldset .field--large:focus .field__placeholder, .fieldset .field--large.field--focus .field__placeholder {
5158
+ top: 10px;
5159
+ }
5160
+ .fieldset .field--large:active .field__arrow, .fieldset .field--large:focus .field__arrow, .fieldset .field--large.field--focus .field__arrow {
5161
+ top: 15px;
5162
+ right: 13px;
5163
+ }
5164
+ @media (min-width: 768px) {
5165
+ .fieldset .field--large {
5166
+ font-size: 18px;
5167
+ padding: 5px 16px 6px;
5168
+ border-radius: 2px;
5169
+ line-height: 24px;
5170
+ height: 56px;
5171
+ }
5172
+ .fieldset .field--large:focus, .fieldset .field--large.focus {
5173
+ border-width: 2px;
5174
+ padding: 4px 15px 5px;
5175
+ }
5176
+ .fieldset .field--large .field__label {
5177
+ font-size: 11px;
5178
+ margin-top: 4px;
5179
+ }
5180
+ .fieldset .field--large .field__input {
5181
+ font-size: 18px;
5182
+ line-height: 24px;
5183
+ top: 2px;
5184
+ }
5185
+ .fieldset .field--large .field__placeholder {
5186
+ font-size: 22px;
5187
+ line-height: 30px;
5188
+ top: 11px;
5189
+ }
5190
+ .fieldset .field--large [class*="field-state"] {
5191
+ top: 16px;
5192
+ right: 17px;
5193
+ }
5194
+ .fieldset .field--large .field__arrow {
5195
+ top: 18px;
5196
+ }
5197
+ .fieldset .field--large:active, .fieldset .field--large:focus, .fieldset .field--large.field--focus {
5198
+ padding: 4px 15px 5px;
5199
+ }
5200
+ .fieldset .field--large:active .field__placeholder, .fieldset .field--large:focus .field__placeholder, .fieldset .field--large.field--focus .field__placeholder {
5201
+ top: 10px;
5202
+ }
5203
+ .fieldset .field--large:active .field__arrow, .fieldset .field--large:focus .field__arrow, .fieldset .field--large.field--focus .field__arrow {
5204
+ top: 17px;
5205
+ }
5206
+ }
5207
+ .fieldset.has-error .field {
5208
+ border: 2px solid #ed917d;
5209
+ padding: 2px 10px 3px;
5210
+ color: #dc602d;
5211
+ background-color: #fff6f6;
5212
+ box-shadow: none;
5213
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
5214
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
5215
+ }
5216
+ .fieldset.has-error .field:hover {
5217
+ background-color: #fff;
5218
+ }
5219
+ .fieldset.has-error .field:focus {
5220
+ background-color: #fff;
5221
+ box-shadow: 0 0 4px #F5C0C0;
5222
+ }
5223
+ .fieldset.has-error .field--focus {
5224
+ padding: 2px 10px 3px;
5225
+ }
5226
+ .fieldset.has-error .field--focus .field__label {
5227
+ color: #999;
5228
+ }
5229
+ .fieldset.has-error .field__label {
5230
+ color: #dc602d;
5231
+ opacity: 1;
5232
+ -webkit-transform: translate3D(0px, 0px, 0px);
5233
+ transform: translate3D(0px, 0px, 0px);
5234
+ }
5235
+ .fieldset.has-error .field__input {
5236
+ padding-right: 25px;
5237
+ }
5238
+ .fieldset.has-error .field__placeholder {
5239
+ display: none;
5240
+ }
5241
+ .fieldset.has-error .field-state--close {
5242
+ background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
5243
+ z-index: 13;
5244
+ opacity: 1;
5245
+ }
5246
+ .fieldset.has-error .field.field--large {
5247
+ padding: 4px 15px 5px;
5248
+ }
5249
+ .fieldset.has-error .field__error {
5250
+ display: inline-block;
5251
+ }
5252
+ .fieldset.has-error .field__arrow {
5253
+ display: none;
5254
+ }
5255
+ .fieldset.has-success .field {
5256
+ color: #80c05b;
5257
+ -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
5258
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
5259
+ }
5260
+ .fieldset.has-success .field:focus {
5261
+ background-color: #fff;
5262
+ box-shadow: 0 0 4px #88c889;
5263
+ }
5264
+ .fieldset.has-success .field__input {
5265
+ padding-right: 25px;
5266
+ }
5267
+ .fieldset.has-success .field-state--success {
5268
+ opacity: 1;
5269
+ z-index: 13;
5270
+ pointer-events: none;
5271
+ }
5272
+ .fieldset.has-success .field--focus, .fieldset.has-success .field:active {
5273
+ border: 2px solid #7cc13e;
5274
+ padding: 1px 8px 2px;
5275
+ background-color: #f5ffef;
5276
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
5277
+ color: #468847;
5278
+ transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
5279
+ }
5280
+ .fieldset.has-success .field--focus .field-state--success, .fieldset.has-success .field:active .field-state--success {
5281
+ top: 9px;
5282
+ right: 8px;
5283
+ }
5284
+ @media (min-width: 768px) {
5285
+ .fieldset.has-success .field--focus.field--medium, .fieldset.has-success .field:active.field--medium {
5286
+ padding: 2px 10px 3px;
5287
+ }
5288
+ .fieldset.has-success .field--focus.field--medium .field-state--success, .fieldset.has-success .field:active.field--medium .field-state--success {
5289
+ top: 13px;
5290
+ right: 14px;
5291
+ }
5292
+ }
5293
+ .fieldset.has-success .field--focus.field--large, .fieldset.has-success .field:active.field--large {
5294
+ padding: 2px 10px 3px;
5295
+ }
5296
+ .fieldset.has-success .field--focus.field--large .field-state--success, .fieldset.has-success .field:active.field--large .field-state--success {
5297
+ top: 13px;
5298
+ right: 14px;
5299
+ }
5300
+ @media (min-width: 768px) {
5301
+ .fieldset.has-success .field--focus.field--large, .fieldset.has-success .field:active.field--large {
5302
+ padding: 4px 15px 5px;
5303
+ }
5304
+ .fieldset.has-success .field--focus.field--large .field-state--success, .fieldset.has-success .field:active.field--large .field-state--success {
5305
+ top: 15px;
5306
+ right: 16px;
5307
+ }
5308
+ }
5309
+ .fieldset.has-success .field__arrow {
5310
+ display: none;
5311
+ }
5312
+
5313
+ /*--- Drop-down styles -----------------------------------------------------------------------------*/
5314
+ .fieldset--select .field__select {
5315
+ font: 14px/19px 'Open Sans', sans-serif;
5316
+ color: #333;
5317
+ position: absolute;
5318
+ top: 0;
5319
+ left: 0;
5320
+ height: 40px;
5321
+ display: inline-block;
5322
+ margin: -1px 0 0 0;
5323
+ padding: 12px 24px 0 8px;
5324
+ width: 100%;
5325
+ background: transparent;
5326
+ border: none;
5327
+ outline: 0;
5328
+ overflow: hidden;
5329
+ cursor: pointer;
5330
+ text-decoration: none;
5331
+ white-space: nowrap;
5332
+ -webkit-appearance: none;
5333
+ -moz-appearance: none;
5334
+ appearance: none;
5335
+ text-indent: 0.01px;
5336
+ text-overflow: ellipsis;
5337
+ -webkit-user-select: none;
5338
+ -moz-user-select: none;
5339
+ -ms-user-select: none;
5340
+ -o-user-select: none;
5341
+ user-select: none;
5342
+ -webkit-tap-highlight-color: transparent;
5343
+ -webkit-touch-callout: none;
5344
+ }
5345
+ .fieldset--select .field__select:hover {
5346
+ border-color: #999;
5347
+ color: #000;
5348
+ }
5349
+ .fieldset--select .field__select-focused, .fieldset--select .field__select-focused:focus {
5350
+ border-color: #63a2f1;
5351
+ outline: none;
5352
+ }
5353
+ .fieldset--select .field__select::-ms-expand {
5354
+ display: none;
5355
+ }
5356
+ .fieldset--select .field__select::-ms-value {
5357
+ background: none;
5358
+ color: #333;
5359
+ }
5360
+ .fieldset--select .field__select:-moz-focusring {
5361
+ color: transparent;
5362
+ text-shadow: 0 0 0 #000;
5363
+ }
5364
+ .fieldset--select .field__select option {
5365
+ font-size: 14px;
5366
+ background: #fff;
5367
+ }
5368
+ @media (min-width: 768px) {
5369
+ .fieldset--select .field--medium .field__select {
5370
+ height: 48px;
5371
+ padding: 10px 24px 0 10px;
5372
+ }
5373
+ }
5374
+ .fieldset--select .field--large .field__select {
5375
+ padding: 18px 30px 0 11px;
5376
+ }
5377
+ @media (min-width: 768px) {
5378
+ .fieldset--select .field--large .field__select {
5379
+ font-size: 18px;
5380
+ line-height: 24px;
5381
+ height: 56px;
5382
+ padding: 11px 22px 0 14px;
5383
+ }
5384
+ }
5385
+ .fieldset--select .field--focus .field__select {
5386
+ top: -1px;
5387
+ left: -1px;
5388
+ }
5389
+ .fieldset--select.has-success .field__select, .fieldset--select.has-error .field__select {
5390
+ padding-right: 35px;
5391
+ }
5392
+
5393
+ @supports (-moz-appearance: meterbar) {
5394
+ .fieldset--select .field__select {
5395
+ padding-left: 5px;
5396
+ }
5397
+ .fieldset--select .field__select option {
5398
+ padding-left: 7px;
5399
+ }
5400
+ @media (min-width: 768px) {
5401
+ .fieldset--select .field--medium .field__select {
5402
+ padding-left: 7px;
5403
+ }
5404
+ .fieldset--select .field--medium .field__select option {
5405
+ padding-left: 9px;
5406
+ }
5407
+ }
5408
+ .fieldset--select .field--large .field__select {
5409
+ padding-left: 8px;
5410
+ }
5411
+ @media (min-width: 768px) {
5412
+ .fieldset--select .field--large .field__select {
5413
+ padding-left: 12px;
5414
+ }
5415
+ .fieldset--select .field--large .field__select option {
5416
+ padding-left: 14px;
5417
+ }
5418
+ }
5419
+ }
5420
+ /*----Textareas styles ---------------------------------------------------------------------------*/
5421
+ .fieldset--textarea .field {
5422
+ min-height: 100px;
5423
+ padding: 3px 11px 4px;
5424
+ }
5425
+ .fieldset--textarea .field__textarea {
5426
+ font-family: "Open Sans",sans-serif,Arial;
5427
+ font-size: 14px;
5428
+ line-height: 19px;
5429
+ color: #333;
5430
+ position: relative;
5431
+ border: none;
5432
+ background: transparent;
5433
+ resize: none;
5434
+ width: 100%;
5435
+ height: 100%;
5436
+ padding: 8px 0;
5437
+ box-sizing: border-box;
5438
+ }
5439
+ .fieldset--textarea .field--filled .field__placeholder {
5440
+ opacity: 0;
5441
+ }
5442
+ .fieldset--textarea .field--focus, .fieldset--textarea .field:focus, .fieldset--textarea .field.focus, .fieldset--textarea .field:active, .fieldset--textarea .field.active {
5443
+ padding: 2px 10px 4px;
5444
+ }
5445
+ .fieldset--textarea .field .field__placeholder {
5446
+ font-size: 14px;
5447
+ line-height: 19px;
5448
+ font-weight: 400;
5449
+ }
5450
+ @media (min-width: 768px) {
5451
+ .fieldset--textarea .field--large {
5452
+ padding: 5px 16px 6px;
5453
+ }
5454
+ .fieldset--textarea .field--large .field__textarea,
5455
+ .fieldset--textarea .field--large .field__placeholder {
5456
+ font-size: 18px;
5457
+ line-height: 24px;
5458
+ }
5459
+ .fieldset--textarea .field--large.field--focus, .fieldset--textarea .field--large.field__textarea:focus, .fieldset--textarea .field--large.field__textarea.focus, .fieldset--textarea .field--large.field__textarea:active, .fieldset--textarea .field--large.field__textarea.active {
5460
+ padding: 4px 15px 6px;
5461
+ }
5462
+ }
5463
+
5464
+ /*------------------------------------------------------------------------------------------------*/h1, h2, h3, h4, h5, h6 {
5465
+ display: block;
5466
+ font-weight: 600;
5467
+ }
5468
+
5469
+ #ecwid-product-popup-content {
5470
+ display: none;
5471
+ }
5472
+
5473
+ #ecwid-product-popup-content a {
5474
+ text-decoration: none;
5475
+ }
5476
+
5477
+ #ecwid-product-popup-content.open {
5478
+ display: block;
5479
+ }
5480
+
5481
+ #ecwid-product-popup-content .media-modal-close:hover {
5482
+ text-decoration: none;
5483
+ }
5484
+
5485
+ /*
5486
+ * Menu items visibility
5487
+ */
5488
+ #ecwid-product-popup-content .media-frame .media-frame-content {
5489
+ top: 50px;
5490
+ }
5491
+
5492
+ #ecwid-product-popup-content .media-modal-content .media-menu a {
5493
+ display: none
5494
+ }
5495
+
5496
+ #ecwid-product-popup-content .media-modal-content[data-mode=add-product] .media-menu a[data-content=add-product],
5497
+ #ecwid-product-popup-content .media-modal-content .media-menu a[data-content=customize] {
5498
+ display: inherit;
5499
+ }
5500
+
5501
+ /*
5502
+ * Content area visibility
5503
+ */
5504
+ #ecwid-product-popup-content .media-modal-content .media-frame-title,
5505
+ #ecwid-product-popup-content .media-modal-content .media-frame-content,
5506
+ #ecwid-product-popup-content .media-modal-content .media-toolbar-primary {
5507
+ display: none;
5508
+ }
5509
+
5510
+ #ecwid-product-popup-content .media-modal-content[data-active-dialog=add-product] .media-frame-title.add-product,
5511
+ #ecwid-product-popup-content .media-modal-content[data-active-dialog=customize] .media-frame-title.customize,
5512
+ #ecwid-product-popup-content .media-modal-content[data-active-dialog=add-product] .media-frame-content.add-product,
5513
+ #ecwid-product-popup-content .media-modal-content[data-active-dialog=customize] .media-frame-content.customize,
5514
+ #ecwid-product-popup-content .media-modal-content[data-mode=add-product] .media-frame-toolbar .media-toolbar-primary.add-product,
5515
+ #ecwid-product-popup-content .media-modal-content[data-mode=customize] .media-frame-toolbar .media-toolbar-primary.customize {
5516
+ display: inherit;
5517
+ }
5518
+
5519
+ /*
5520
+ * Size and centering
5521
+ */
5522
+
5523
+ @media only screen and (min-width: 960px) and (min-height: 660px) {
5524
+
5525
+ html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
5526
+ bottom: inherit;
5527
+ height: 650px;
5528
+ left: 50%;
5529
+ position: absolute;
5530
+ right: inherit;
5531
+ top: 50%;
5532
+ transform: translate(-50%, -50%);
5533
+ -moz-transform: translate(-50%, -50%);
5534
+ -ms-transform: translate(-50%, -50%);
5535
+ -webkit-transform: translate(-50%, -50%);
5536
+ width: 900px;
5537
+ }
5538
+ }
5539
+
5540
+ @media only screen and (min-width: 960px) and (min-height: 400px) and (max-height: 660px) {
5541
+
5542
+ html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
5543
+ left: 50%;
5544
+ position: absolute;
5545
+ right: inherit;
5546
+ transform: translate(-50%, 0%);
5547
+ -moz-transform: translate(-50%, 0%);
5548
+ -ms-transform: translate(-50%, 0%);
5549
+ -webkit-transform: translate(-50%, 0%);
5550
+ width: 900px;
5551
+ }
5552
+ }
5553
+
5554
+ @media only screen and (min-width: 640px) and (max-width: 960px) and (min-height: 660px) {
5555
+
5556
+ html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
5557
+ bottom: inherit;
5558
+ height: 650px;
5559
+ position: absolute;
5560
+ top: 50%;
5561
+ transform: translate(0%, -50%);
5562
+ -moz-transform: translate(0%, -50%);
5563
+ -ms-transform: translate(0%, -50%);
5564
+ -webkit-transform: translate(0%, -50%);
5565
+ }
5566
+ }
5567
+
5568
+ @media only screen and (max-width: 750px) {
5569
+ #ecwid-product-popup-content .store-settings-preview {
5570
+ display: none !important;
5571
+ }
5572
+
5573
+ #ecwid-product-popup-content .store-settings-wrapper {
5574
+ padding-left: 0px;
5575
+ }
5576
+ }
5577
+
5578
+ .ecwid-add-product {
5579
+ padding: 40px 20px;
5580
+ }
5581
+
5582
+ .add-product .products {
5583
+ margin-bottom: 15px;
5584
+ }
5585
+ .add-product .products .selected-product {
5586
+ background: #F3F6F8;
5587
+ box-shadow: inset 0 0 0 2px #2A90BE;
5588
+ }
5589
+
5590
+ .add-product .products tr {
5591
+ cursor: pointer;
5592
+ }
5593
+
5594
+ .add-product .products td {
5595
+ vertical-align: middle;
5596
+ }
5597
+
5598
+ .add-product .products .product-thumb > div {
5599
+ height: 30px;
5600
+ padding-right: 20px;
5601
+ width: 30px;
5602
+ text-align: center;
5603
+ }
5604
+ .add-product .products .product-thumb img {
5605
+ max-width: 100%;
5606
+ max-height: 100%;
5607
+ }
5608
+
5609
+
5610
+ .add-product .fixed .column-sku {
5611
+ width: 20%;
5612
+ }
5613
+
5614
+ .add-product .widefat .check-column {
5615
+ width: 3em;
5616
+ }
5617
+
5618
+ .add-product .products-search {
5619
+ margin-bottom: 30px;
5620
+ text-align: right;
5621
+ }
5622
+
5623
+ .add-product .products-search #product-search-input {
5624
+ border-radius: 2px;
5625
+ min-width: 200px;
5626
+ padding: 5px;
5627
+ }
5628
+
5629
+ .add-product .tablenav-pages {
5630
+ text-align: right;
5631
+ }
5632
+
5633
+ .add-product .tablenav-pages .current-page {
5634
+ padding: 5px 8px;
5635
+ vertical-align: top;
5636
+ }
5637
+
5638
+ .media-toolbar-primary.add-product .toolbar-link {
5639
+ margin-top: 21px;
5640
+ float: left;
5641
+ }
5642
+
5643
+ @media screen and (max-width: 782px) {
5644
+ .add-product .tablenav .displaying-num {
5645
+ position: static;
5646
+ }
5647
+ .add-product .tablenav-pages .pagination-links a,
5648
+ .add-product .tablenav-pages-navspan {
5649
+ padding: 5px 7px 9px;
5650
+ }
5651
+ .add-product .tablenav-pages .pagination-links,
5652
+ .add-product .tablenav-pages .pagination-links .current-page {
5653
+ font-size: 14px;
5654
+ padding: 6px 8px 7px;
5655
+ }
5656
+
5657
+ .add-product .products,
5658
+ .add-product .products tbody,
5659
+ .add-product .products tr,
5660
+ .add-product .products td {
5661
+ display: block;
5662
+ width: 100%;
5663
+ }
5664
+
5665
+ .add-product .products thead {
5666
+ display: block;
5667
+ width: 100%;
5668
+ }
5669
+
5670
+ .add-product .products thead .column-name {
5671
+ box-sizing: border-box;
5672
+ float: left;
5673
+ padding-left: 65px;
5674
+ width: 100%;
5675
+ }
5676
+
5677
+ .add-product .products thead .column-sku {
5678
+ display: none;
5679
+ }
5680
+
5681
+ .add-product .products tr {
5682
+ overflow: hidden;
5683
+ }
5684
+
5685
+ .add-product .products.widefat .check-column {
5686
+ display: none;
5687
+ }
5688
+
5689
+ .add-product .products .product-thumb {
5690
+ float: left;
5691
+ height: 50px;
5692
+ width: 50px;
5693
+ }
5694
+
5695
+ .add-product .products .product-name {
5696
+ font-weight: 600;
5697
+ padding-bottom: 0;
5698
+ }
5699
+
5700
+ .add-product .products .product-name,
5701
+ .add-product .products .column-sku {
5702
+ display: block;
5703
+ clear: none !important;
5704
+ padding-left: 70px;
5705
+ text-align: left;
5706
+ }
5707
+
5708
+ .add-product .products tr td::before {
5709
+ content: none !important;
5710
+ }
5711
+
5712
+ .add-product .products tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
5713
+ display: block;
5714
+ padding-left: 70px;
5715
+ }
5716
+ }
5717
+
5718
+ @media screen and (max-width: 480px) {
5719
+ .add-product .tablenav .displaying-num {
5720
+ display: block;
5721
+ margin-bottom: 10px;
5722
+ }
5723
+ }
5724
+
5725
+
5726
+ /*
5727
+ *
5728
+ */
5729
+ /*.ecwid-store-editor {*/
5730
+ /*padding: 13px 19px;*/
5731
+ /*}*/
5732
+
5733
+ /*#ecwid-product-popup-content .pure-control-group {*/
5734
+ /*margin: 10px 0px;*/
5735
+ /*}*/
5736
+
5737
+ /*#ecwid-product-popup-content label {*/
5738
+ /*display: inline-block;*/
5739
+ /*font-size: 14px;*/
5740
+ /*font-weight: 400;*/
5741
+ /*width: 270px;*/
5742
+ /*}*/
5743
+
5744
+ /*#ecwid-product-popup-content .products-per-page-label {*/
5745
+ /*display: block;*/
5746
+ /*}*/
5747
+
5748
+ /*#ecwid-product-popup-content .ecwid-pb-view-size {*/
5749
+ /*margin-left: 15px;*/
5750
+ /*margin-right: 30px;*/
5751
+ /*margin-top: 15px;*/
5752
+ /*}*/
5753
+
5754
+ /*#ecwid-product-popup-content .ecwid-pb-view-size:nth-child(4) {*/
5755
+ /*margin-right: 0px;*/
5756
+ /*}*/
5757
+
5758
+ /*#ecwid-product-popup-content .ecwid-pb-view-size .title {*/
5759
+ /*font-size: 14px;*/
5760
+ /*}*/
5761
+
5762
+ /*#ecwid-product-popup-content .ecwid-pb-view-size .ruler {*/
5763
+ /*z-index: 0;*/
5764
+ /*}*/
5765
+
5766
+ /*!*#ecwid-product-popup-content input {*!*/
5767
+ /*!*font-size: 13px;*!*/
5768
+ /*!*position: relative;*!*/
5769
+ /*!*}*!*/
5770
+
5771
+ /*#ecwid-product-popup-content input.number {*/
5772
+ /*border-radius: 4px;*/
5773
+ /*padding: 3px;*/
5774
+ /*text-align: center;*/
5775
+ /*width: 27px;*/
5776
+ /*}*/
5777
+
5778
+ /*#ecwid-product-popup-content .note.pb-note {*/
5779
+ /*font-size: 11px;*/
5780
+ /*line-height: 16px;*/
5781
+ /*margin: 8px 5px;*/
5782
+ /*max-width: 595px;*/
5783
+ /*}*/
5784
+
5785
+ /*#ecwid-product-popup-content hr.after-pb {*/
5786
+ /*margin-bottom: 25px;*/
5787
+ /*}*/
5788
+
5789
+ /*#ecwid-product-popup-content .media-toolbar-secondary {*/
5790
+ /*font-size: 14px;*/
5791
+ /*margin-left: 5px;*/
5792
+ /*}*/
5793
+
5794
+ /*#ecwid-product-popup-content .media-toolbar-secondary .store-id {*/
5795
+ /*font-weight: bold;*/
5796
+ /*margin-top: 10px;*/
5797
+ /*}*/
5798
+
5799
+ /*#ecwid-product-popup-content .ecwid-store-editor.add-product {*/
5800
+ /*padding-top: 125px;*/
5801
+ /*}*/
5802
+
5803
+ /*#ecwid-product-popup-content .store-settings-preview {*/
5804
+ /*display: inline-block;*/
5805
+ /*height: 200px;*/
5806
+ /*width: 162px;*/
5807
+ /*}*/
5808
+
5809
+ /*#ecwid-product-popup-content .store-settings,*/
5810
+ /*#ecwid-product-popup-content .store-settings-preview {*/
5811
+ /*display: inline-block;*/
5812
+ /*vertical-align: top;*/
5813
+ /*}*/
5814
+
5815
+ #ecwid-product-popup-content .widget-settings {
5816
+ margin-bottom: 15px;
5817
+ overflow: hidden;
5818
+ }
5819
+
5820
+ #ecwid-product-popup-content .widget-settings__left {
5821
+ float: left;
5822
+ width: 40%;
5823
+ }
5824
+
5825
+ #ecwid-product-popup-content .widget-settings__right {
5826
+ float: right;
5827
+ width: 60%;
5828
+ }
5829
+
5830
+ #ecwid-product-popup-content .widget-settings h3 {
5831
+ font-size: 20px;
5832
+ margin-bottom: 5px;
5833
+ line-height: 1.3em;
5834
+ }
5835
+
5836
+ #ecwid-product-popup-content .widget-settings .note {
5837
+ color: #bbb;
5838
+ margin-right: 30px;
5839
+ }
5840
+
5841
+ #ecwid-product-popup-content .media-frame-content.customize {
5842
+ padding-left: 43px;
5843
+ }
5844
+
5845
+ #ecwid-product-popup-content .media-frame-content .customize {
5846
+ padding-left: 43px;
5847
+ }
5848
+
5849
+ #ecwid-product-popup-content .widget-settings .pure-control-group {
5850
+ margin: 35px 0px;
5851
+ }
5852
+
5853
+ #ecwid-product-popup-content .widget-settings .pure-control-group label {
5854
+ color: black;
5855
+ font-size: 16px;
5856
+ font-weight: 400;
5857
+ }
5858
+
5859
+ #ecwid-product-popup-content .add-product .empty-page {
5860
+ color: #888;
5861
+ max-width: 360px;
5862
+ margin: 60px auto 40px;
5863
+ padding: 0 20px;
5864
+ }
5865
+ #ecwid-product-popup-content .add-product .empty-page__term {
5866
+ font-style: italic;
5867
+ }
5868
+ #ecwid-product-popup-content .add-product .empty-page__title {
5869
+ font-size: 18px;
5870
+ font-weight: 600;
5871
+ margin-bottom: 15px;
5872
+ }
5873
+ #ecwid-product-popup-content .add-product .empty-page__suggestions-title {
5874
+ color: #333;
5875
+ }
5876
+ #ecwid-product-popup-content .add-product .empty-page__suggestions-list {
5877
+ list-style: disc;
5878
+ margin: 5px 0;
5879
+ padding-left: 18px;
5880
+ }
5881
+ #ecwid-product-popup-content .add-product .empty-page__suggestions-list li {
5882
+ margin: 0 0 5px;
5883
+ }
5884
+ #ecwid-product-popup-content .add-product .empty-page__suggestions-list li a {}
5885
+
5886
+
5887
+ /*
5888
+ * Two styles below are the copy of wp pre-4.3 styles for close cross in the up right corner
5889
+ * Need to use those to make sure it is displayed the same way across different wp versions
5890
+ */
5891
+ #ecwid-product-popup-content .media-modal-close {
5892
+ height: 30px;
5893
+ position: absolute;
5894
+ right: 10px;
5895
+ text-decoration: none;
5896
+ top: 10px;
5897
+ transition: color .1s ease-in-out, background .1s ease-in-out;
5898
+ -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
5899
+ width: 30px;
5900
+ z-index: 1000;
5901
+ }
5902
+
5903
+ #ecwid-product-popup-content .media-modal-close span.media-modal-icon {
5904
+ background-image: none;
5905
+ display: block;
5906
+ height: 15px;
5907
+ margin-top: 5px;
5908
+ text-align: center;
5909
+ width: 30px;
5910
+ }
5911
+
5912
+ #ecwid-product-popup-content .sorted .sorting-indicator {
5913
+ visibility: visible;
5914
+ }
5915
+ #search-submit {
5916
+ position: relative;
5917
+ }
5918
+
5919
+ #search-submit .searching-icon {
5920
+ position: absolute;
5921
+ left: 0;
5922
+ right: 0;
5923
+ top: 0;
5924
+ bottom: 0;
5925
+ margin: auto;
5926
+ }
5927
+
5928
+ #search-submit.searching .button-text,
5929
+ #search-submit .searching-icon
5930
+ {
5931
+ visibility: hidden;
5932
+ }
5933
+
5934
+ #search-submit .button-text,
5935
+ #search-submit.searching .searching-icon
5936
+ {
5937
+ visibility: visible;
5938
+ }
5939
+
5940
+ @media only screen and (max-width: 640px) {
5941
+ #ecwid-product-popup-content .note.pb-note {
5942
+ text-align: left;
5943
+ width: auto;
5944
+ }
5945
+
5946
+ #ecwid-product-popup-content .pb-views {
5947
+ text-align: center;
5948
+ }
5949
+
5950
+ #ecwid-product-popup-content .customize input.number {
5951
+ margin-left: inherit;
5952
+ }
5953
+
5954
+ #ecwid-product-popup-content .ecwid-pb-view-size {
5955
+ margin-left: 25px;
5956
+ margin-right: 25px;
5957
+ }
5958
+
5959
+ #ecwid-product-popup-content .products-search {
5960
+ display: table;
5961
+ }
5962
+
5963
+ #ecwid-product-popup-content .search-input {
5964
+ width: 100%;
5965
+ padding-right: 10px;
5966
+ }
5967
+
5968
+ #ecwid-product-popup-content .search-input input {
5969
+ width: 100%;
5970
+ }
5971
+
5972
+ #ecwid-product-popup-content .search-button,
5973
+ #ecwid-product-popup-content .search-input {
5974
+ display: table-cell;
5975
+ vertical-align: middle;
5976
+ }
5977
+
5978
+ #ecwid-product-popup-content .wp-list-table thead {
5979
+ display: none;
5980
+ }
5981
+
5982
+ .add-product .products .product-thumb > div {
5983
+ width: 50px;
5984
+ height: 50px;
5985
+ }
5986
+ }
css/settings.css CHANGED
@@ -733,7 +733,6 @@ display: none;
733
  background: #29b80a;
734
  color: white;
735
  border-color: #199806;
736
- padding: 0 10px;
737
  margin-top: 10px;
738
  }
739
 
733
  background: #29b80a;
734
  color: white;
735
  border-color: #199806;
 
736
  margin-top: 10px;
737
  }
738
 
ecwid-shopping-cart.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://www.ecwid.com?source=wporg
5
  Description: Ecwid is a free full-featured shopping cart. It can be easily integrated with any Wordpress blog and takes less than 5 minutes to set up.
6
  Text Domain: ecwid-shopping-cart
7
  Author: Ecwid Team
8
- Version: 4.7.6
9
  Author URI: http://www.ecwid.com?source=wporg
10
  */
11
 
@@ -108,6 +108,7 @@ require_once ECWID_PLUGIN_DIR . 'includes/shortcodes.php';
108
 
109
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-message-manager.php';
110
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-store-editor.php';
 
111
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-oauth.php';
112
 
113
  if (is_admin()) {
@@ -1795,13 +1796,13 @@ function ecwid_get_register_link()
1795
  function ecwid_create_store() {
1796
  $api = new Ecwid_Api_V3();
1797
  $result = $api->create_store();
1798
- if (is_array($result) && $result['response']['code'] == 200) {
1799
- $data = json_decode($result['body']);
1800
 
1801
- update_option('ecwid_store_id', $data->id);
1802
 
1803
- $api->save_token($data->token);
1804
- update_option('ecwid_oauth_scope', 'read_profile read_catalog allow_sso');
1805
 
1806
  header( 'HTTP/1.1 200 OK' );
1807
 
@@ -1855,8 +1856,7 @@ function ecwid_general_settings_do_page() {
1855
 
1856
  if ($connection_error || isset($_GET['reconnect'])) {
1857
  if (isset($_GET['reason'])) switch ($_GET['reason']) {
1858
- case '1': $reconnect_message = "Message 1"; break;
1859
- case '2': $reconnect_message = "Message 2"; break;
1860
  }
1861
 
1862
  $scopes = '';
@@ -2112,6 +2112,9 @@ function ecwid_advanced_settings_do_page() {
2112
 
2113
  $key = get_option('ecwid_sso_secret_key');
2114
  $is_sso_checkbox_disabled = !$is_sso_enabled && !$has_create_customers_scope && empty($key);
 
 
 
2115
 
2116
  $reconnect_link = admin_url('admin-post.php?action=ecwid_connect&reconnect&api_v3_sso');
2117
 
5
  Description: Ecwid is a free full-featured shopping cart. It can be easily integrated with any Wordpress blog and takes less than 5 minutes to set up.
6
  Text Domain: ecwid-shopping-cart
7
  Author: Ecwid Team
8
+ Version: 4.8
9
  Author URI: http://www.ecwid.com?source=wporg
10
  */
11
 
108
 
109
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-message-manager.php';
110
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-store-editor.php';
111
+ require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-product-popup.php';
112
  require_once ECWID_PLUGIN_DIR . 'includes/class-ecwid-oauth.php';
113
 
114
  if (is_admin()) {
1796
  function ecwid_create_store() {
1797
  $api = new Ecwid_Api_V3();
1798
  $result = $api->create_store();
1799
+ if ( is_array( $result ) && $result['response']['code'] == 200 ) {
1800
+ $data = json_decode( $result['body'] );
1801
 
1802
+ update_option( 'ecwid_store_id', $data->id );
1803
 
1804
+ $api->save_token( $data->token );
1805
+ update_option( 'ecwid_oauth_scope', 'read_profile read_catalog allow_sso create_customers public_storefront' );
1806
 
1807
  header( 'HTTP/1.1 200 OK' );
1808
 
1856
 
1857
  if ($connection_error || isset($_GET['reconnect'])) {
1858
  if (isset($_GET['reason'])) switch ($_GET['reason']) {
1859
+ case 'spw': $reconnect_message = __( 'To be able to choose a product to insert to your posts and pages, you will need to re-connect your site to your Ecwid store. This will only require you to accept permissions request – so that the plugin will be able to list your products in the "Add product" dialog.', 'ecwid-shopping-cart' ); break;
 
1860
  }
1861
 
1862
  $scopes = '';
2112
 
2113
  $key = get_option('ecwid_sso_secret_key');
2114
  $is_sso_checkbox_disabled = !$is_sso_enabled && !$has_create_customers_scope && empty($key);
2115
+ if (!ecwid_is_paid_account()) {
2116
+ $is_sso_checkbox_disabled = true;
2117
+ }
2118
 
2119
  $reconnect_link = admin_url('admin-post.php?action=ecwid_connect&reconnect&api_v3_sso');
2120
 
images/download.gif ADDED
Binary file
includes/class-ecwid-oauth.php CHANGED
@@ -183,7 +183,7 @@ class Ecwid_OAuth {
183
  }
184
 
185
  protected function _get_default_scopes_array() {
186
- return array( 'read_store_profile', 'read_catalog', 'allow_sso', 'create_customers' );
187
  }
188
 
189
  protected function trigger_auth_error($mode = 'default')
@@ -330,8 +330,8 @@ class Ecwid_OAuth {
330
 
331
  if (isset($this->state->reason)) {
332
  switch ( $this->state->reason ) {
333
- case '1':
334
- $reconnect_message = "Message 1";
335
  break;
336
  case '2':
337
  $reconnect_message = "Message 2";
183
  }
184
 
185
  protected function _get_default_scopes_array() {
186
+ return array( 'read_store_profile', 'read_catalog', 'allow_sso', 'create_customers', 'public_storefront' );
187
  }
188
 
189
  protected function trigger_auth_error($mode = 'default')
330
 
331
  if (isset($this->state->reason)) {
332
  switch ( $this->state->reason ) {
333
+ case 'spw':
334
+ $reconnect_message = __( 'To be able to choose a product to insert to your posts and pages, you will need to re-connect your site to your Ecwid store. This will only require you to accept permissions request – so that the plugin will be able to list your products in the "Add product" dialog.', 'ecwid-shopping-cart' );;
335
  break;
336
  case '2':
337
  $reconnect_message = "Message 2";
includes/class-ecwid-product-popup.php ADDED
@@ -0,0 +1,127 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class Ecwid_Product_Popup {
4
+ public function __construct()
5
+ {
6
+ $version = get_bloginfo( 'version' );
7
+ if ( version_compare( $version, '3.9' ) < 0 ) {
8
+ return;
9
+ }
10
+
11
+ add_action( 'init', array( $this, 'init' ) );
12
+ add_action( 'current_screen', array( $this, 'init_current_screen' ) );
13
+ }
14
+
15
+ public function init() {
16
+ add_action( 'wp_ajax_ecwid-search-products', array( $this, 'search_products' ) );
17
+ add_action( 'wp_ajax_ecwid-save-spw-params', array( $this, 'save_display_params' ) );
18
+ }
19
+
20
+ public function init_current_screen()
21
+ {
22
+ $current_screen = get_current_screen();
23
+
24
+ if ($current_screen->base != 'post') {
25
+ return;
26
+ }
27
+
28
+ if (Ecwid_Api_V3::get_token()) {
29
+ add_action('media_buttons_context', array($this, 'add_editor_button'));
30
+ add_action('admin_enqueue_scripts', array($this, 'add_scripts'));
31
+ add_action('in_admin_header', array($this, 'add_popup'));
32
+ }
33
+ }
34
+
35
+ public function save_display_params() {
36
+ if ( !is_admin() || !current_user_can( 'manage_options' ) ) {
37
+ return;
38
+ }
39
+
40
+ EcwidPlatform::set('spw_display_params', $_REQUEST['params']);
41
+ }
42
+
43
+ public function search_products() {
44
+ if ( !is_admin() || !current_user_can( 'manage_options' ) ) {
45
+ return;
46
+ }
47
+
48
+ $api = new Ecwid_Api_V3();
49
+
50
+ $allowed = array( 'keyword', 'sortBy' );
51
+
52
+ foreach ( $allowed as $name ) {
53
+ if ( array_key_exists( $name, $_REQUEST ) ) {
54
+ $params[$name] = $_REQUEST[$name];
55
+ }
56
+ }
57
+
58
+ $params['limit'] = 10;
59
+
60
+ if ( array_key_exists( 'page', $_REQUEST ) ) {
61
+ $params['offset'] = $params['limit'] * ( $_REQUEST['page'] - 1 );
62
+ }
63
+
64
+
65
+ $result = $api->search_products( $params );
66
+
67
+ $output = array(
68
+ 'total' => $result->total,
69
+ 'count' => $result->count,
70
+ 'offset' => $result->offset,
71
+ 'limit' => $params['limit'],
72
+ 'items' => array()
73
+ );
74
+
75
+ foreach ($result->items as $product) {
76
+ $output['items'][] = array(
77
+ 'id' => $product->id,
78
+ 'name' => $product->name,
79
+ 'thumb' => $product->smallThumbnailUrl,
80
+ 'sku' => $product->sku
81
+ );
82
+ }
83
+
84
+ echo json_encode($output);
85
+
86
+ wp_die();
87
+ }
88
+
89
+ public function add_editor_button($context) {
90
+
91
+ $title = __( 'Add Product', 'ecwid-shopping-cart' );
92
+ $button = <<<HTML
93
+ <a href="#" id="insert-ecwid-product-button" class="button add-ecwid-product ecwid_button" title="$title">
94
+ $title
95
+ </a>
96
+ HTML;
97
+
98
+ return $context . $button;
99
+ }
100
+
101
+ public function add_scripts() {
102
+ wp_enqueue_style( 'ecwid-product-popup', ECWID_PLUGIN_URL . 'css/product-popup.css', array(), get_option('ecwid_plugin_version') );
103
+ wp_enqueue_script( 'ecwid-product-popup', ECWID_PLUGIN_URL . 'js/product-popup.js', array(), get_option('ecwid_plugin_version') );
104
+
105
+ $data = array();
106
+ if (!Ecwid_Api_V3::get_token()) {
107
+ $data = array('no_token' => 1);
108
+ } else {
109
+ $data = EcwidPlatform::get('spw_display_params');
110
+ }
111
+
112
+ $data['labels'] = array(
113
+ 'firstPage' => __( 'First Page', 'ecwid-shopping-cart' ),
114
+ 'prevPage' => __( 'Previous Page', 'ecwid-shopping-cart' ),
115
+ 'nextPage' => __( 'Next Page', 'ecwid-shopping-cart' ),
116
+ 'lastPage' => __( 'Last Page', 'ecwid-shopping-cart' ),
117
+ );
118
+
119
+ wp_localize_script('ecwid-product-popup', 'ecwidSpwParams', $data);
120
+ }
121
+
122
+ public function add_popup() {
123
+ require_once( ECWID_PLUGIN_DIR . 'templates/product-popup.php' );
124
+ }
125
+ }
126
+
127
+ $ecwid_product_popup = new Ecwid_Product_Popup();
includes/themes.php CHANGED
@@ -38,22 +38,23 @@ function ecwid_get_theme_identification()
38
  function ecwid_apply_theme($theme_name = null)
39
  {
40
  $generic_themes = array(
41
- 'pixova-lite' => array( 'js', 'scroll' ),
42
- 'accesspress-mag' => array( 'css' ),
43
- 'attitude' => array( 'css-no-parent' ),
44
- 'customizr' => array( 'js', 'css' ),
45
- 'edin' => array( 'js' ),
46
- 'evolve' => array( 'css-no-parent' ),
47
- 'mantra' => array( 'css-no-parent' ),
48
- 'pagelines' => array( 'js', 'scroll' ),
49
- 'responsiveboat' => array( 'css' ),
50
- 'twentyfourteen' => array( 'css', 'scroll' ),
51
  'twentytwelve' => array( 'js', 'scroll' ),
52
  'sliding-door' => array( 'css-no-parent' ),
53
- 'zerif-lite' => array( 'css-no-parent' ),
54
- 'storefront' => array( 'css' ),
55
- 'salient' => array( 'css-no-parent'),
56
- 'flora' => array('js'),
 
57
  );
58
  $generic_themes = apply_filters('ecwid_generic_themes', $generic_themes);
59
 
38
  function ecwid_apply_theme($theme_name = null)
39
  {
40
  $generic_themes = array(
41
+ 'pixova-lite' => array( 'js', 'scroll' ),
42
+ 'accesspress-mag' => array( 'css' ),
43
+ 'attitude' => array( 'css-no-parent' ),
44
+ 'customizr' => array( 'js', 'css' ),
45
+ 'edin' => array( 'js' ),
46
+ 'evolve' => array( 'css-no-parent' ),
47
+ 'mantra' => array( 'css-no-parent' ),
48
+ 'pagelines' => array( 'js', 'scroll' ),
49
+ 'responsiveboat' => array( 'css' ),
50
+ 'twentyfourteen' => array( 'css', 'scroll' ),
51
  'twentytwelve' => array( 'js', 'scroll' ),
52
  'sliding-door' => array( 'css-no-parent' ),
53
+ 'zerif-lite' => array( 'css-no-parent' ),
54
+ 'storefront' => array( 'css' ),
55
+ 'salient' => array( 'css-no-parent'),
56
+ 'flora' => array( 'js' ),
57
+ 'thevoux-wp' => array( 'js' )
58
  );
59
  $generic_themes = apply_filters('ecwid_generic_themes', $generic_themes);
60
 
js/product-popup.js ADDED
@@ -0,0 +1,463 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function() {
2
+ var popup = function() {
3
+ return jQuery('#ecwid-product-popup-content');
4
+ };
5
+
6
+ popup().data( 'defaultSortBy', 'ADDED_TIME_DESC' );
7
+
8
+ jQuery('#insert-ecwid-product-button').click(function() {
9
+ if (ecwidSpwParams && typeof ecwidSpwParams.no_token != 'undefined') {
10
+ location.href='admin.php?page=ecwid&reconnect&reason=spw';
11
+ return false;
12
+ }
13
+
14
+ changeTab('add-product');
15
+
16
+ populateWidgetParams();
17
+ setSearchParams({});
18
+ updateSearchParams();
19
+
20
+ popup().addClass('open');
21
+
22
+ });
23
+
24
+ jQuery(document).keydown(function(e) {
25
+ if (e.keyCode == 27 && popup().hasClass('open')) {
26
+ popup().removeClass('open');
27
+ return false;
28
+ }
29
+ });
30
+
31
+ jQuery('.media-modal-close', popup()).click(function() {
32
+ popup().removeClass('open');
33
+ });
34
+
35
+ jQuery('.toolbar-link', popup()).click(function() {
36
+ changeTab(jQuery(this).data('content'));
37
+ return false;
38
+ })
39
+
40
+ var populateWidgetParams = function() {
41
+
42
+ if (ecwidSpwParams && ecwidSpwParams.display) {
43
+ jQuery('input[type=checkbox]', popup()).prop('checked', false);
44
+
45
+ for (var i in ecwidSpwParams.display) {
46
+ jQuery('input[type=checkbox][data-display-option=' + i + ']')
47
+ .prop('checked', true);
48
+ }
49
+ for (var i in ecwidSpwParams.attributes) {
50
+ jQuery('input[type=checkbox][data-shortcode-attribute=' + i + ']')
51
+ .prop('checked', true);
52
+ }
53
+ }
54
+ };
55
+
56
+ var changeTab = function(tab) {
57
+ jQuery('.media-menu .media-menu-item', popup()).removeClass('active');
58
+ jQuery('.media-menu .media-menu-item[data-content=' + tab + ']', popup()).addClass('active');
59
+
60
+ jQuery('.media-modal-content', popup()).attr('data-active-dialog', tab);
61
+ jQuery('.media-menu', popup()).removeClass('visible');
62
+
63
+ jQuery('.toolbar-link').show();
64
+ jQuery('.toolbar-link[data-content=' + tab + ']', popup()).hide();
65
+ }
66
+
67
+ jQuery('.media-menu-item', popup()).click(function() {
68
+ changeTab(jQuery(this).attr('data-content'));
69
+
70
+ return false;
71
+ });
72
+
73
+ jQuery('h1', popup()).click(function() {
74
+ jQuery('.media-menu').toggleClass('visible');
75
+ });
76
+
77
+
78
+ jQuery('.media-button-select', popup()).click(function() {
79
+
80
+ var shortcode = buildShortcode();
81
+
82
+ if (tinymce.activeEditor && !tinymce.activeEditor.isHidden()) {
83
+ tinymce.activeEditor.execCommand('mceInsertContent', false, shortcode);
84
+ tinymce.activeEditor.execCommand('mceSetContent', false, tinymce.activeEditor.getBody().innerHTML);
85
+ } else {
86
+
87
+ getCursorPosition = function(el) {
88
+ var pos = 0;
89
+ if('selectionStart' in el) {
90
+ pos = el.selectionStart;
91
+ } else if('selection' in document) {
92
+ el.focus();
93
+ var Sel = document.selection.createRange();
94
+ var SelLength = document.selection.createRange().text.length;
95
+ Sel.moveStart('character', -el.value.length);
96
+ pos = Sel.text.length - SelLength;
97
+ }
98
+ return pos;
99
+ };
100
+
101
+ var el = jQuery('#content');
102
+ var cursorPosition = getCursorPosition(el.get(0));
103
+
104
+ el.val(el.val().substr(0, cursorPosition) + shortcode + el.val().substr(cursorPosition));
105
+
106
+ }
107
+
108
+ saveParams();
109
+
110
+ popup().removeClass('open');
111
+ });
112
+
113
+ var saveParams = function() {
114
+ var params = {display: {}, attributes: {} };
115
+
116
+ jQuery('input[type=checkbox][data-display-option]:checked').each(function(idx, el) {
117
+ params.display[jQuery(el).data('display-option')] = 1;
118
+ });
119
+
120
+ jQuery('input[type=checkbox][data-shortcode-attribute]:checked').each(function(idx, el) {
121
+ params.attributes[jQuery(el).data('shortcode-attribute')] = 1;
122
+ });
123
+
124
+ jQuery.getJSON(ajaxurl, {action: 'ecwid-save-spw-params', params: params});
125
+ };
126
+
127
+ var buildShortcode = function() {
128
+ var params = {};
129
+
130
+ product = getCurrentProduct();
131
+
132
+ params.id = product.id;
133
+ params.version = '2';
134
+ params.display = [];
135
+
136
+ jQuery('input[type=checkbox][data-display-option]:checked').each(function(idx, el) {
137
+ params.display[params.display.length] = jQuery(el).data('display-option');
138
+ });
139
+
140
+ jQuery('input[type=checkbox][data-shortcode-attribute]').each(function(idx, el) {
141
+ params[jQuery(el).data('shortcode-attribute')] = jQuery(el).is(':checked') ? 1 : 0;
142
+ });
143
+
144
+ if (params.display.length > 0) {
145
+ params.display = params.display.join(' ');
146
+ } else {
147
+ params.display = undefined;
148
+ }
149
+ var params_order = ['id', 'display', 'version', 'show_border', 'show_price_on_button', 'center_align'];
150
+
151
+ var shortcode = '[ecwid_product';
152
+
153
+ for (var i = 0; i < params_order.length; i++) {
154
+ shortcode += ' ' + params_order[i] + '="' + params[params_order[i]] + '"';
155
+ }
156
+
157
+ shortcode += ']';
158
+
159
+ return shortcode;
160
+ };
161
+
162
+ var setCurrentProduct = function( product ) {
163
+ popup().data('currentProduct', product);
164
+ updateFormOnCurrentProduct();
165
+ };
166
+
167
+ var getCurrentProduct = function() {
168
+ return popup().data('currentProduct');
169
+ };
170
+
171
+ var setSearchParams = function( params ) {
172
+ if (typeof params.page == 'undefined') {
173
+ params.page = 1;
174
+ }
175
+ popup().data('searchParams', params);
176
+ };
177
+
178
+ var getSearchParams = function () {
179
+ var params = popup().data('searchParams');
180
+
181
+ if (!params) {
182
+ params = {page: 1, sortBy: popup().data('defaultSortBy')};
183
+ }
184
+
185
+ return params;
186
+ };
187
+
188
+ var updateFormOnCurrentProduct = function() {
189
+ var product = getCurrentProduct();
190
+
191
+ if (product) {
192
+ jQuery( '.media-button-select', popup() ).removeClass( 'disabled' );
193
+ } else {
194
+ jQuery( '.media-button-select', popup() ).addClass( 'disabled' );
195
+ }
196
+
197
+ }
198
+
199
+ var clickProduct = function() {
200
+
201
+ if (jQuery(this).hasClass('selected-product')) {
202
+ jQuery(this).closest('tbody').find('tr').removeClass('selected-product');
203
+ setCurrentProduct(null);
204
+ } else {
205
+ jQuery(this).closest('tbody').find('tr').removeClass('selected-product');
206
+ jQuery(this).addClass('selected-product');
207
+ setCurrentProduct(jQuery(this).data('productData'));
208
+ }
209
+ };
210
+
211
+ var ecwidSpwSearchProducts = function() {
212
+
213
+ var data = {
214
+ 'action': 'ecwid-search-products'
215
+ };
216
+
217
+ var params = popup().data('searchParams');
218
+
219
+ if (params) {
220
+ if (params.keyword) {
221
+ data.keyword = params.keyword;
222
+ }
223
+
224
+ if (params.sortBy) {
225
+ data.sortBy = params.sortBy;
226
+ }
227
+
228
+ if (params.page) {
229
+ data.page = params.page;
230
+ }
231
+ }
232
+
233
+ jQuery('#search-submit').addClass('searching');
234
+
235
+ jQuery.getJSON(ajaxurl, data, function(data) {
236
+
237
+ if (Math.ceil(data.total / data.limit) < getSearchParams().page) {
238
+ params = getSearchParams();
239
+ params.page = 1;
240
+ setSearchParams(params);
241
+ }
242
+
243
+ var enabledPageTemplate = wp.template( 'pagination-button-enabled' );
244
+ var disabledPageTemplate = wp.template( 'pagination-button-disabled' );
245
+
246
+ var prevPages = '';
247
+ if (getSearchParams() && getSearchParams().page == 1) {
248
+ prevPages = disabledPageTemplate( { symbol: '«' } ) + disabledPageTemplate( { symbol: '‹' } );
249
+ } else {
250
+ prevPages = enabledPageTemplate({
251
+ 'symbol': '«',
252
+ 'name': 'first',
253
+ 'label': ecwidSpwParams.labels.firstPage
254
+ }) + enabledPageTemplate({
255
+ 'symbol': '‹',
256
+ 'name': 'prev',
257
+ 'label': ecwidSpwParams.labels.prevPage
258
+ });
259
+ }
260
+
261
+ var nextPages = '';
262
+ if (getSearchParams().page >= Math.ceil(data.total / data.limit)) {
263
+ nextPages = disabledPageTemplate( { symbol: '›' } ) + disabledPageTemplate( { symbol: '»' } );
264
+ } else {
265
+ nextPages = enabledPageTemplate({
266
+ 'symbol': '›',
267
+ 'name': 'next',
268
+ 'label': ecwidSpwParams.labels.nextPage
269
+ }) + enabledPageTemplate({
270
+ 'symbol': '»',
271
+ 'name': 'last',
272
+ 'label': ecwidSpwParams.labels.lastPage,
273
+ 'page': Math.ceil(data.total / data.limit)
274
+ });
275
+ }
276
+
277
+ var formTemplate = wp.template( 'add-product-form' );
278
+
279
+ var tableTemplate = wp.template( 'products-list' );
280
+
281
+ var tableHTML = tableTemplate();
282
+
283
+ jQuery('.media-frame-content.ecwid-add-product.add-product').empty().append(
284
+ formTemplate( {
285
+ 'tableHTML' : tableHTML,
286
+ 'page': data.offset / data.limit + 1,
287
+ 'total_pages': Math.ceil(data.total / data.limit),
288
+ 'total_items': data.total + ' items',
289
+ 'prev_pages': prevPages,
290
+ 'next_pages': nextPages
291
+ })
292
+ );
293
+
294
+ if (data.total > 0) {
295
+ for (var i = 0; i < data.items.length; i++) {
296
+ addProduct(data.items[i]);
297
+ }
298
+ } else {
299
+ showEmpty(params.keyword);
300
+ }
301
+
302
+ renderSearchParams();
303
+ assignHandlers();
304
+ setCurrentProduct(null);
305
+ jQuery('#search-submit').removeClass('searching');
306
+ });
307
+ }
308
+
309
+
310
+ var addProduct = function(productData) {
311
+ var productTemplate = wp.template('product-in-list');
312
+
313
+ var product = productTemplate(
314
+ {'name': productData.name, 'image_url': productData.thumb, 'sku': productData.sku, 'id': productData.id}
315
+ );
316
+
317
+ jQuery('.wp-list-table.products tbody').append(product);
318
+ jQuery('#product-' + productData.id).data('productData', productData);
319
+ };
320
+
321
+ var addTable = function() {
322
+ tableTemplate = wp.template( 'products-list' );
323
+
324
+ jQuery( '.ecwid-add-product.add-product' ).append(tableTemplate());
325
+ };
326
+
327
+ var showEmpty = function(term) {
328
+ emptyTemplate = wp.template( 'no-products' );
329
+
330
+ jQuery( '.ecwid-add-product.add-product .wp-list-table.products tbody' ).append(emptyTemplate({term:term}));
331
+
332
+ jQuery( '.tablenav', popup()).hide();
333
+ };
334
+
335
+ var updateSearchParams = function(newParams) {
336
+ var params = popup().data('searchParams');
337
+
338
+ if (!params) {
339
+ params = {};
340
+ }
341
+ for (var i in newParams) {
342
+ if (newParams.hasOwnProperty(i)) {
343
+ params[i] = newParams[i];
344
+ }
345
+ }
346
+
347
+ popup().data('searchParams', params);
348
+
349
+ ecwidSpwSearchProducts();
350
+ };
351
+
352
+ var renderSearchParams = function() {
353
+ var searchParams = popup().data('searchParams');
354
+
355
+ if (!searchParams) {
356
+ searchParams = {};
357
+ }
358
+
359
+ if (typeof(searchParams.keyword) != 'undefined') {
360
+ jQuery('#product-search-input').val(searchParams.keyword);
361
+ }
362
+
363
+ if (typeof(searchParams.sortBy) != 'undefined') {
364
+ if (searchParams.sortBy == 'NAME_ASC') {
365
+ jQuery('#name').addClass('sorted asc');
366
+
367
+ } else if (searchParams.sortBy == 'NAME_DESC') {
368
+ jQuery('#name').addClass('sorted desc');
369
+ } else if (searchParams.sortBy == 'SKU_ASC') {
370
+ jQuery('#sku').addClass('sorted asc');
371
+ } else if (searchParams.sortBy == 'SKU_DESC') {
372
+ jQuery('#sku').addClass('sorted desc');
373
+ }
374
+ }
375
+ }
376
+
377
+
378
+ var renderPagination = function() {
379
+ if (typeof(searchParams.page != 'undefined')) {
380
+ jQuery('#current-page-selector').val(searchParams.page);
381
+ if (searchParams.page > 1) {
382
+
383
+ }
384
+ }
385
+ }
386
+
387
+
388
+ var assignHandlers = function() {
389
+
390
+ jQuery('.wp-list-table.products tr').click(clickProduct);
391
+
392
+ jQuery('#search-submit').click(function() {
393
+ updateSearchParams({keyword: jQuery('#product-search-input').val(), page: 1});
394
+
395
+ return false;
396
+ });
397
+
398
+ jQuery('#name a').click(function() {
399
+
400
+ var column = jQuery(this).closest('.manage-column');
401
+ var newSort = '';
402
+ if (column.hasClass('asc')) {
403
+ newSort = 'NAME_DESC';
404
+ } else if (column.hasClass('desc')) {
405
+ newSort = popup().data('defaultSort');
406
+ } else {
407
+ newSort = 'NAME_ASC';
408
+ }
409
+
410
+ updateSearchParams({'sortBy': newSort});
411
+
412
+ return false;
413
+ });
414
+
415
+ jQuery('#sku a').click(function() {
416
+
417
+ var column = jQuery(this).closest('.manage-column');
418
+ var newSort = '';
419
+ if (column.hasClass('asc')) {
420
+ newSort = 'SKU_DESC';
421
+ } else if (column.hasClass('desc')) {
422
+ newSort = popup().data('defaultSort');
423
+ } else {
424
+ newSort = 'SKU_ASC';
425
+ }
426
+
427
+ updateSearchParams({'sortBy': newSort});
428
+
429
+ return false;
430
+ });
431
+
432
+ jQuery('.pagination-links .prev-page', popup()).click(function() {
433
+ updateSearchParams({'page': getSearchParams().page - 1});
434
+
435
+ return false;
436
+ });
437
+
438
+ jQuery('.pagination-links .next-page', popup()).click(function() {
439
+ updateSearchParams({'page': getSearchParams().page + 1});
440
+
441
+ return false;
442
+ });
443
+
444
+ jQuery('.pagination-links .first-page', popup()).click(function() {
445
+ updateSearchParams({'page': 1});
446
+
447
+ return false;
448
+ });
449
+
450
+ jQuery('.pagination-links .last-page', popup()).click(function() {
451
+ updateSearchParams({'page': jQuery(this).data('page')});
452
+
453
+ return false;
454
+ });
455
+
456
+ jQuery('#ecwid-reset-search').click(function() {
457
+ setSearchParams({});
458
+ updateSearchParams();
459
+ });
460
+ };
461
+
462
+ updateSearchParams();
463
+ });
js/store-editor-mce.js CHANGED
@@ -2,355 +2,6 @@
2
  tinymce.PluginManager.add( 'ecwid', function( editor ) {
3
  var toolbarActive = false;
4
 
5
- // function parseShortcode( content ) {
6
- // return content.replace( /(?:<p>)?\[(?:wp_)?caption([^\]]+)\]([\s\S]+?)\[\/(?:wp_)?caption\](?:<\/p>)?/g, function( a, b, c ) {
7
- // var id, cls, w, cap, img, width,
8
- // trim = tinymce.trim;
9
- //
10
- // id = b.match( /id=['"]([^'"]*)['"] ?/ );
11
- // if ( id ) {
12
- // b = b.replace( id[0], '' );
13
- // }
14
- //
15
- // cls = b.match( /align=['"]([^'"]*)['"] ?/ );
16
- // if ( cls ) {
17
- // b = b.replace( cls[0], '' );
18
- // }
19
- //
20
- // w = b.match( /width=['"]([0-9]*)['"] ?/ );
21
- // if ( w ) {
22
- // b = b.replace( w[0], '' );
23
- // }
24
- //
25
- // c = trim( c );
26
- // img = c.match( /((?:<a [^>]+>)?<img [^>]+>(?:<\/a>)?)([\s\S]*)/i );
27
- //
28
- // if ( img && img[2] ) {
29
- // cap = trim( img[2] );
30
- // img = trim( img[1] );
31
- // } else {
32
- // // old captions shortcode style
33
- // cap = trim( b ).replace( /caption=['"]/, '' ).replace( /['"]$/, '' );
34
- // img = c;
35
- // }
36
- //
37
- // id = ( id && id[1] ) ? id[1] : '';
38
- // cls = ( cls && cls[1] ) ? cls[1] : 'alignnone';
39
- //
40
- // if ( ! w && img ) {
41
- // w = img.match( /width=['"]([0-9]*)['"]/ );
42
- // }
43
- //
44
- // if ( w && w[1] ) {
45
- // w = w[1];
46
- // }
47
- //
48
- // if ( ! w || ! cap ) {
49
- // return c;
50
- // }
51
- //
52
- // width = parseInt( w, 10 );
53
- // if ( ! editor.getParam( 'wpeditimage_html5_captions' ) ) {
54
- // width += 10;
55
- // }
56
- //
57
- // return '<div class="mceTemp"><dl id="'+ id +'" class="wp-caption '+ cls +'" style="width: '+ width +'px">' +
58
- // '<dt class="wp-caption-dt">'+ img +'</dt><dd class="wp-caption-dd">'+ cap +'</dd></dl></div>';
59
- // });
60
- // }
61
- //
62
- // function getShortcode( content ) {
63
- // return content.replace( /<div (?:id="attachment_|class="mceTemp)[^>]*>([\s\S]+?)<\/div>/g, function( a, b ) {
64
- // var out = '';
65
- //
66
- // if ( b.indexOf('<img ') === -1 ) {
67
- // // Broken caption. The user managed to drag the image out?
68
- // // Try to return the caption text as a paragraph.
69
- // out = b.match( /<dd [^>]+>([\s\S]+?)<\/dd>/i );
70
- //
71
- // if ( out && out[1] ) {
72
- // return '<p>' + out[1] + '</p>';
73
- // }
74
- //
75
- // return '';
76
- // }
77
- //
78
- // out = b.replace( /<dl ([^>]+)>\s*<dt [^>]+>([\s\S]+?)<\/dt>\s*<dd [^>]+>([\s\S]*?)<\/dd>\s*<\/dl>/gi, function( a, b, c, cap ) {
79
- // var id, cls, w;
80
- //
81
- // w = c.match( /width="([0-9]*)"/ );
82
- // w = ( w && w[1] ) ? w[1] : '';
83
- //
84
- // if ( ! w || ! cap ) {
85
- // return c;
86
- // }
87
- //
88
- // id = b.match( /id="([^"]*)"/ );
89
- // id = ( id && id[1] ) ? id[1] : '';
90
- //
91
- // cls = b.match( /class="([^"]*)"/ );
92
- // cls = ( cls && cls[1] ) ? cls[1] : '';
93
- // cls = cls.match( /align[a-z]+/ ) || 'alignnone';
94
- //
95
- // cap = cap.replace( /\r\n|\r/g, '\n' ).replace( /<[a-zA-Z0-9]+( [^<>]+)?>/g, function( a ) {
96
- // // no line breaks inside HTML tags
97
- // return a.replace( /[\r\n\t]+/, ' ' );
98
- // });
99
- //
100
- // // convert remaining line breaks to <br>
101
- // cap = cap.replace( /\s*\n\s*/g, '<br />' );
102
- //
103
- // return '[caption id="'+ id +'" align="'+ cls +'" width="'+ w +'"]'+ c +' '+ cap +'[/caption]';
104
- // });
105
- //
106
- // if ( out.indexOf('[caption') !== 0 ) {
107
- // // the caption html seems broken, try to find the image that may be wrapped in a link
108
- // // and may be followed by <p> with the caption text.
109
- // out = b.replace( /[\s\S]*?((?:<a [^>]+>)?<img [^>]+>(?:<\/a>)?)(<p>[\s\S]*<\/p>)?[\s\S]*/gi, '<p>$1</p>$2' );
110
- // }
111
- //
112
- // return out;
113
- // });
114
- // }
115
- //
116
- // function extractImageData( imageNode ) {
117
- // var classes, extraClasses, metadata, captionBlock, caption, link, width, height,
118
- // dom = editor.dom,
119
- // isIntRegExp = /^\d+$/;
120
- //
121
- // // default attributes
122
- // metadata = {
123
- // attachment_id: false,
124
- // size: 'custom',
125
- // caption: '',
126
- // align: 'none',
127
- // extraClasses: '',
128
- // link: false,
129
- // linkUrl: '',
130
- // linkClassName: '',
131
- // linkTargetBlank: false,
132
- // linkRel: '',
133
- // title: ''
134
- // };
135
- //
136
- // metadata.url = dom.getAttrib( imageNode, 'src' );
137
- // metadata.alt = dom.getAttrib( imageNode, 'alt' );
138
- // metadata.title = dom.getAttrib( imageNode, 'title' );
139
- //
140
- // width = dom.getAttrib( imageNode, 'width' );
141
- // height = dom.getAttrib( imageNode, 'height' );
142
- //
143
- // if ( ! isIntRegExp.test( width ) || parseInt( width, 10 ) < 1 ) {
144
- // width = imageNode.naturalWidth || imageNode.width;
145
- // }
146
- //
147
- // if ( ! isIntRegExp.test( height ) || parseInt( height, 10 ) < 1 ) {
148
- // height = imageNode.naturalHeight || imageNode.height;
149
- // }
150
- //
151
- // metadata.customWidth = metadata.width = width;
152
- // metadata.customHeight = metadata.height = height;
153
- //
154
- // classes = tinymce.explode( imageNode.className, ' ' );
155
- // extraClasses = [];
156
- //
157
- // tinymce.each( classes, function( name ) {
158
- //
159
- // if ( /^wp-image/.test( name ) ) {
160
- // metadata.attachment_id = parseInt( name.replace( 'wp-image-', '' ), 10 );
161
- // } else if ( /^align/.test( name ) ) {
162
- // metadata.align = name.replace( 'align', '' );
163
- // } else if ( /^size/.test( name ) ) {
164
- // metadata.size = name.replace( 'size-', '' );
165
- // } else {
166
- // extraClasses.push( name );
167
- // }
168
- //
169
- // } );
170
- //
171
- // metadata.extraClasses = extraClasses.join( ' ' );
172
- //
173
- // // Extract caption
174
- // captionBlock = dom.getParents( imageNode, '.wp-caption' );
175
- //
176
- // if ( captionBlock.length ) {
177
- // captionBlock = captionBlock[0];
178
- //
179
- // classes = captionBlock.className.split( ' ' );
180
- // tinymce.each( classes, function( name ) {
181
- // if ( /^align/.test( name ) ) {
182
- // metadata.align = name.replace( 'align', '' );
183
- // }
184
- // } );
185
- //
186
- // caption = dom.select( 'dd.wp-caption-dd', captionBlock );
187
- // if ( caption.length ) {
188
- // caption = caption[0];
189
- //
190
- // metadata.caption = editor.serializer.serialize( caption )
191
- // .replace( /<br[^>]*>/g, '$&\n' ).replace( /^<p>/, '' ).replace( /<\/p>$/, '' );
192
- // }
193
- // }
194
- //
195
- // // Extract linkTo
196
- // if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' ) {
197
- // link = imageNode.parentNode;
198
- // metadata.linkUrl = dom.getAttrib( link, 'href' );
199
- // metadata.linkTargetBlank = dom.getAttrib( link, 'target' ) === '_blank' ? true : false;
200
- // metadata.linkRel = dom.getAttrib( link, 'rel' );
201
- // metadata.linkClassName = link.className;
202
- // }
203
- //
204
- // return metadata;
205
- // }
206
- //
207
- // function hasTextContent( node ) {
208
- // return node && !! ( node.textContent || node.innerText );
209
- // }
210
- //
211
- // function updateImage( imageNode, imageData ) {
212
- // var classes, className, node, html, parent, wrap, linkNode,
213
- // captionNode, dd, dl, id, attrs, linkAttrs, width, height,
214
- // dom = editor.dom;
215
- //
216
- // classes = tinymce.explode( imageData.extraClasses, ' ' );
217
- //
218
- // if ( ! classes ) {
219
- // classes = [];
220
- // }
221
- //
222
- // if ( ! imageData.caption ) {
223
- // classes.push( 'align' + imageData.align );
224
- // }
225
- //
226
- // if ( imageData.attachment_id ) {
227
- // classes.push( 'wp-image-' + imageData.attachment_id );
228
- // if ( imageData.size && imageData.size !== 'custom' ) {
229
- // classes.push( 'size-' + imageData.size );
230
- // }
231
- // }
232
- //
233
- // width = imageData.width;
234
- // height = imageData.height;
235
- //
236
- // if ( imageData.size === 'custom' ) {
237
- // width = imageData.customWidth;
238
- // height = imageData.customHeight;
239
- // }
240
- //
241
- // attrs = {
242
- // src: imageData.url,
243
- // width: width || null,
244
- // height: height || null,
245
- // alt: imageData.alt,
246
- // title: imageData.title || null,
247
- // 'class': classes.join( ' ' ) || null
248
- // };
249
- //
250
- // dom.setAttribs( imageNode, attrs );
251
- //
252
- // linkAttrs = {
253
- // href: imageData.linkUrl,
254
- // rel: imageData.linkRel || null,
255
- // target: imageData.linkTargetBlank ? '_blank': null,
256
- // 'class': imageData.linkClassName || null
257
- // };
258
- //
259
- // if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' && ! hasTextContent( imageNode.parentNode ) ) {
260
- // // Update or remove an existing link wrapped around the image
261
- // if ( imageData.linkUrl ) {
262
- // dom.setAttribs( imageNode.parentNode, linkAttrs );
263
- // } else {
264
- // dom.remove( imageNode.parentNode, true );
265
- // }
266
- // } else if ( imageData.linkUrl ) {
267
- // if ( linkNode = dom.getParent( imageNode, 'a' ) ) {
268
- // // The image is inside a link together with other nodes,
269
- // // or is nested in another node, move it out
270
- // dom.insertAfter( imageNode, linkNode );
271
- // }
272
- //
273
- // // Add link wrapped around the image
274
- // linkNode = dom.create( 'a', linkAttrs );
275
- // imageNode.parentNode.insertBefore( linkNode, imageNode );
276
- // linkNode.appendChild( imageNode );
277
- // }
278
- //
279
- // captionNode = editor.dom.getParent( imageNode, '.mceTemp' );
280
- //
281
- // if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' && ! hasTextContent( imageNode.parentNode ) ) {
282
- // node = imageNode.parentNode;
283
- // } else {
284
- // node = imageNode;
285
- // }
286
- //
287
- // if ( imageData.caption ) {
288
- //
289
- // id = imageData.attachment_id ? 'attachment_' + imageData.attachment_id : null;
290
- // className = 'wp-caption align' + ( imageData.align || 'none' );
291
- //
292
- // if ( ! editor.getParam( 'wpeditimage_html5_captions' ) ) {
293
- // width = parseInt( width, 10 );
294
- // width += 10;
295
- // }
296
- //
297
- // if ( captionNode ) {
298
- // dl = dom.select( 'dl.wp-caption', captionNode );
299
- //
300
- // if ( dl.length ) {
301
- // dom.setAttribs( dl, {
302
- // id: id,
303
- // 'class': className,
304
- // style: 'width: ' + width + 'px'
305
- // } );
306
- // }
307
- //
308
- // dd = dom.select( '.wp-caption-dd', captionNode );
309
- //
310
- // if ( dd.length ) {
311
- // dom.setHTML( dd[0], imageData.caption );
312
- // }
313
- //
314
- // } else {
315
- // id = id ? 'id="'+ id +'" ' : '';
316
- //
317
- // // should create a new function for generating the caption markup
318
- // html = '<dl ' + id + 'class="' + className +'" style="width: '+ width +'px">' +
319
- // '<dt class="wp-caption-dt">' + dom.getOuterHTML( node ) + '</dt><dd class="wp-caption-dd">'+ imageData.caption +'</dd></dl>';
320
- //
321
- // if ( parent = dom.getParent( node, 'p' ) ) {
322
- // wrap = dom.create( 'div', { 'class': 'mceTemp' }, html );
323
- // parent.parentNode.insertBefore( wrap, parent );
324
- // dom.remove( node );
325
- //
326
- // if ( dom.isEmpty( parent ) ) {
327
- // dom.remove( parent );
328
- // }
329
- // } else {
330
- // dom.setOuterHTML( node, '<div class="mceTemp">' + html + '</div>' );
331
- // }
332
- // }
333
- // } else if ( captionNode ) {
334
- // // Remove the caption wrapper and place the image in new paragraph
335
- // parent = dom.create( 'p' );
336
- // captionNode.parentNode.insertBefore( parent, captionNode );
337
- // parent.appendChild( node );
338
- // dom.remove( captionNode );
339
- // }
340
- //
341
- // if ( wp.media.events ) {
342
- // wp.media.events.trigger( 'editor:image-update', {
343
- // editor: editor,
344
- // metadata: imageData,
345
- // image: imageNode
346
- // } );
347
- // }
348
- //
349
- // editor.nodeChanged();
350
- // // Refresh the toolbar
351
- // addToolbar( imageNode );
352
- // }
353
-
354
  function editStore( img ) {
355
  ecwid_open_store_popup();
356
  }
2
  tinymce.PluginManager.add( 'ecwid', function( editor ) {
3
  var toolbarActive = false;
4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  function editStore( img ) {
6
  ecwid_open_store_popup();
7
  }
js/themes/thevoux-wp.js ADDED
@@ -0,0 +1,2 @@
 
 
1
+ if (!window.History.options) window.History.options = {};
2
+ window.History.options.html4Mode=1;
languages/ecwid-shopping-cart-ru_RU.mo CHANGED
Binary file
languages/ecwid-shopping-cart-ru_RU.po CHANGED
@@ -730,6 +730,69 @@ msgstr "Поиска и Категорий"
730
  msgid "Open Ecwid store settings"
731
  msgstr "Открыть настройки плагина Ecwid"
732
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
733
  msgid "https://www.ecwid.com/forums"
734
  msgstr "https://www.ecwid.com/forums/forumdisplay.php?f=10"
735
 
730
  msgid "Open Ecwid store settings"
731
  msgstr "Открыть настройки плагина Ecwid"
732
 
733
+ msgid "To be able to choose a product to insert to your posts and pages, you will need to re-connect your site to your Ecwid store. This will only require you to accept permissions request – so that the plugin will be able to list your products in the \"Add product\" dialog."
734
+ msgstr "Чтобы показать товары магазина в диалоге вставки товара, плагину нужно подключиться к вашему магазину. От вас потребуется только разрешить плагину доступ к вашему магазину."
735
+
736
+ msgid "Name"
737
+ msgstr "Название"
738
+
739
+ msgid "SKU"
740
+ msgstr "Артикул"
741
+
742
+ msgid "Search"
743
+ msgstr "Поиск"
744
+
745
+ msgid "Insert"
746
+ msgstr "Вставить"
747
+
748
+ msgid "Add Product"
749
+ msgstr "Добавить товар"
750
+
751
+ msgid "Customize widget"
752
+ msgstr "Внешний вид"
753
+
754
+ msgid "customize appearance"
755
+ msgstr "настроить внешний вид"
756
+
757
+ msgid "select product"
758
+ msgstr "выбрать товар"
759
+
760
+ msgid "Choose product properties to display in widget"
761
+ msgstr "Выберите элементы товара для отображения"
762
+
763
+ msgid "Picture"
764
+ msgstr "Изображение"
765
+
766
+ msgid "Title"
767
+ msgstr "Название"
768
+
769
+ msgid "Options"
770
+ msgstr "Параметры"
771
+
772
+ msgid "«Add to bag» button"
773
+ msgstr "Кнопка \"Купить\""
774
+
775
+ msgid "Quantity"
776
+ msgstr "Количество"
777
+
778
+ msgid "Add border"
779
+ msgstr "Показывать рамку"
780
+
781
+ msgid "Show price inside the \"Buy now\" button"
782
+ msgstr "Показывать цену в кнопке \"Купить\""
783
+
784
+ msgid "Center align on a page"
785
+ msgstr "Выровнять карточку по центру страницы"
786
+
787
+ msgid "Choose CSS style options for widget:"
788
+ msgstr "Выберите настройки CSS-стилей:"
789
+
790
+ msgid "Title or SKU"
791
+ msgstr "Название или артикул"
792
+
793
+ msgid "Nothing found for <span class=\"empty-page__term\">\"{{ data.term }}\"</span>"
794
+ msgstr "По запросу <span class=\"empty-page__term\">\"{{ data.term }}\"</span> ничего не найдено"
795
+
796
  msgid "https://www.ecwid.com/forums"
797
  msgstr "https://www.ecwid.com/forums/forumdisplay.php?f=10"
798
 
lib/ecwid_api_v3.php CHANGED
@@ -85,13 +85,17 @@ class Ecwid_Api_V3
85
 
86
  return $result;
87
  }
88
-
89
- public function get_products($input_params)
90
- {
91
  $params = array('token');
92
- if (array_key_exists('category', $input_params)) {
93
- $params['category'] = $input_params['category'];
94
- }
 
 
 
 
 
95
 
96
  $result = EcwidPlatform::fetch_url(
97
  $this->build_request_url(
@@ -103,12 +107,10 @@ class Ecwid_Api_V3
103
  if ($result['code'] != '200') {
104
  return false;
105
  }
106
-
107
  $result = json_decode($result['data']);
108
 
109
- return $result->items;
110
  }
111
- */
112
 
113
  protected static function _load_token()
114
  {
85
 
86
  return $result;
87
  }
88
+ */
89
+ public function search_products($input_params) {
 
90
  $params = array('token');
91
+
92
+ $passthru = array( 'updatedFrom', 'offset', 'limit', 'sortBy', 'keyword' );
93
+
94
+ foreach ($passthru as $name) {
95
+ if ( array_key_exists( $name, $input_params ) ) {
96
+ $params[$name] = $input_params[$name];
97
+ }
98
+ }
99
 
100
  $result = EcwidPlatform::fetch_url(
101
  $this->build_request_url(
107
  if ($result['code'] != '200') {
108
  return false;
109
  }
 
110
  $result = json_decode($result['data']);
111
 
112
+ return $result;
113
  }
 
114
 
115
  protected static function _load_token()
116
  {
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: Ecwid
3
  Tags: ecommerce, downloadable products, Facebook ecommerce, online store, paypal, product catalog, shop, shopping cart, store
4
  Requires at least: 3.5
5
  Tested up to: 4.7
6
- Stable tag: 4.7.6
7
 
8
  Powerful, easy to use ecommerce shopping cart. Bank level PCI DSS Level 1 security. iPhone & Android apps. Superb support. Free plan available.
9
 
@@ -149,6 +149,9 @@ You can use Ecwid’s built-in import tools to copy your store products from any
149
  * [Ecwid eCommerce Forums](https://www.ecwid.com/forums/forumdisplay.php?f=19)
150
 
151
  == Changelog ==
 
 
 
152
  = 4.7.6 =
153
  - Fix for the legacy search shortcode ([ecwid_searchbox]), which was broken in the recent 4.7.5 release.
154
 
3
  Tags: ecommerce, downloadable products, Facebook ecommerce, online store, paypal, product catalog, shop, shopping cart, store
4
  Requires at least: 3.5
5
  Tested up to: 4.7
6
+ Stable tag: 4.8
7
 
8
  Powerful, easy to use ecommerce shopping cart. Bank level PCI DSS Level 1 security. iPhone & Android apps. Superb support. Free plan available.
9
 
149
  * [Ecwid eCommerce Forums](https://www.ecwid.com/forums/forumdisplay.php?f=19)
150
 
151
  == Changelog ==
152
+ = 4.8 =
153
+ - **New "Add product" button in the Wordpress post and page editor.** Now you have a useful and easy tool to place a product from your store on any page or post on your site. Just open any post or page in your Wordpress admin panel, click the "Add product" button in the editor, select the product you want to see on that page and click "Insert" – a product widget will appear on that page after you publish the chnages. The new "Add product" popup allows customizing the appearance of the widget so you can choose whether you want to see the picture along with title, price and quantity selector or just a simple Buy now button. Product widgets that you put on your site are seamlessly integrated with your store and shopping cart — wherever you place a product or buy now button on your site, the customers will be able to add it to the cart and proceed to checkout as if it was a regular store page. We recommend using product widgets and buy now buttons on every page or post where you mention the products or services you sell – this way you will provide an easy and natural way for a customer to know more about the product and buy it from the same page, be it a blog post, an "About" page, a testimonial or any other page on your ecommerce site. Enjoy!
154
+
155
  = 4.7.6 =
156
  - Fix for the legacy search shortcode ([ecwid_searchbox]), which was broken in the recent 4.7.5 release.
157
 
templates/product-popup.php ADDED
@@ -0,0 +1,216 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script type="text/template" id="tmpl-product-in-list">
2
+
3
+ <tr id="product-{{ data.id }}">
4
+ <td class="product-thumb column-product-thumb has-row-actions" data-colname="Product">
5
+ <div><img src="{{ data.image_url }}" alt=""></div>
6
+ </td>
7
+ <td class="product-name column-product-name has-row-actions column-primary" data-colname="Product Name">
8
+ <div>{{ data.name }}</div>
9
+ </td>
10
+ <td class="sku column-sku has-row-actions" data-colname="SKU">
11
+ <div>{{ data.sku }}</div>
12
+ </td>
13
+ </tr>
14
+ </script>
15
+
16
+ <script type="text/template" id="tmpl-products-list">
17
+ <table class="wp-list-table widefat fixed striped products">
18
+ <thead>
19
+ <tr>
20
+ <td id="cb" class="manage-column column-cb check-column"></td>
21
+ <th scope="col" id="name" class="manage-column column-name column-primary sortable">
22
+ <a href="">
23
+ <span><?php _e( 'Name', 'ecwid-shopping-cart' ); ?></span>
24
+ <span class="sorting-indicator"></span>
25
+ </a>
26
+ </th>
27
+ <th scope="col" id="sku" class="manage-column column-sku sortable">
28
+ <a href="">
29
+ <span><?php _e( 'SKU', 'ecwid-shopping-cart' ); ?></span>
30
+ <span class="sorting-indicator"></span>
31
+ </a>
32
+ </th>
33
+ </tr>
34
+ </thead>
35
+ <tbody>
36
+
37
+ </tbody>
38
+ </table>
39
+
40
+ </script>
41
+
42
+ <script type="text/template" id="tmpl-add-product-form">
43
+ <form action="">
44
+ <p class="products-search">
45
+ <span class="search-input">
46
+ <label class="screen-reader-text" for="product-search-input">
47
+ <?php _e( 'Search', 'ecwid-shopping-cart' ); ?>
48
+ </label>
49
+ <input type="search" id="product-search-input" name="s" value="" placeholder="<?php _e( 'Title or SKU', 'ecwid-shopping-cart' ); ?>">
50
+ </span>
51
+ <span class="search-button">
52
+ <button type="submit" id="search-submit" class="button">
53
+ <span class="button-text"><?php _e( 'Search', 'ecwid-shopping-cart' ); ?></span>
54
+ <img class="searching-icon" src="<?php echo(esc_attr(ECWID_PLUGIN_URL)); ?>/images/download.gif" />
55
+ </button>
56
+ <!--input type="submit" id="search-submit" class="button" value="<?php _e( 'Search', 'ecwid-shopping-cart' ); ?>"-->
57
+ </span>
58
+ </p>
59
+ </form>
60
+
61
+ {{{ data.tableHTML }}}
62
+
63
+ <div class="tablenav bottom">
64
+ <div class="tablenav-pages">
65
+ <span class="displaying-num">{{ data.total_items }}</span>
66
+ <span class="pagination-links">
67
+ {{{ data.prev_pages }}}
68
+ <span class="paging-input">
69
+ <label for="current-page-selector" class="screen-reader-text"><?php _e( 'Current Page', 'ecwid-shopping-cart' ); ?></label>
70
+ <span class="tablenav-paging-text">{{ data.page }} of <span class="total-pages">{{ data.total_pages }}</span></span></span>
71
+ {{{ data.next_pages }}}
72
+
73
+ </span>
74
+ </div>
75
+ </div>
76
+ </script>
77
+
78
+ <script type="text/template" id="tmpl-pagination-button-enabled">
79
+ <a class="{{ data.name }}-page" href="" data-page="{{ data.page }}">
80
+ <span class="screen-reader-text">{{ data.label }}<?php _e( 'Next page', 'ecwid-shopping-cart' ); ?></span>
81
+ <span aria-hidden="true">{{ data.symbol }}</span>
82
+ </a>
83
+
84
+ </script>
85
+
86
+ <script type="text/template" id="tmpl-pagination-button-disabled">
87
+ <span class="tablenav-pages-navspan" aria-hidden="true">{{ data.symbol }}</span>
88
+ </script>
89
+
90
+ <script type="text/template" id="tmpl-no-products">
91
+ <tr>
92
+ <td colspan="3">
93
+ <div class="empty-page">
94
+ <div class="empty-page__title"><?php _e( 'Nothing found for <span class="empty-page__term">"{{ data.term }}"</span>', 'ecwid-shopping-cart' ); ?></div>
95
+ <div class="empty-page__suggestions">
96
+ <div class="empty-page__suggestions-title"><?php _e( 'Suggestions:', 'ecwid-shopping-cart' ); ?></div>
97
+ <ul class="empty-page__suggestions-list">
98
+ <li><?php _e( 'Make sure that all words are spelled correctly', 'ecwid-shopping-cart' ); ?></li>
99
+ <li><?php _e( 'Try to search by SKU', 'ecwid-shopping-cart' ); ?></li>
100
+ <li><a href="#" id="ecwid-reset-search"><?php _e( 'Browse all products', 'ecwid-shopping-cart' ); ?></a></li>
101
+ </ul>
102
+ </div>
103
+ </div>
104
+ </td>
105
+ </tr>
106
+ </script>
107
+
108
+ <div id="ecwid-product-popup-content">
109
+ <div class="media-modal wp-core-ui">
110
+ <div class="media-modal-content" data-mode="add-product" data-active-dialog="add-product">
111
+ <a class="media-modal-close" href="#" title="Close"><span class="media-modal-icon"></span></a>
112
+ <div class="media-frame wp-core-ui">
113
+ <div class="media-frame-menu">
114
+ <div class="media-menu">
115
+ <a href="#" class="media-menu-item active" data-content="add-product"><?php _e( 'Add Product', 'ecwid-shopping-cart' ); ?></a>
116
+ <a href="#" class="media-menu-item" data-content="customize"><?php _e( 'Customize widget', 'ecwid-shopping-cart' ); ?></a>
117
+ </div>
118
+ </div>
119
+ <div class="media-frame-title add-product active">
120
+ <h1><?php _e( 'Add Product', 'ecwid-shopping-cart' ); ?><span class="dashicons dashicons-arrow-down"></span></h1>
121
+ </div>
122
+
123
+ <div class="media-frame-title customize">
124
+ <h1><?php _e( 'Customize widget', 'ecwid-shopping-cart' ); ?><span class="dashicons dashicons-arrow-down"></span></h1>
125
+ </div>
126
+
127
+ <div class="media-frame-content ecwid-add-product add-product">
128
+ </div>
129
+
130
+ <div class="media-frame-content ecwid-add-product customize">
131
+ <div class="store-settings-wrapper ecwid-search ecwid-minicart ecwid-categories" data-ecwid-widget-hover="">
132
+ <div class="widget-settings">
133
+ <h3><?php _e( 'Choose product properties to display in widget', 'ecwid-shopping-cart' ); ?></h3>
134
+ <div class="widget-settings__left">
135
+ <div class="pure-control-group">
136
+ <label>
137
+ <input type="checkbox" checked="checked" name="picture" data-display-option="picture">
138
+ <span><?php _e( 'Picture', 'ecwid-shopping-cart' ); ?></span>
139
+ </label>
140
+ </div>
141
+ <div class="pure-control-group">
142
+ <label>
143
+ <input type="checkbox" checked="checked" name="title" data-display-option="title">
144
+ <span><?php _e( 'Title', 'ecwid-shopping-cart' ); ?></span>
145
+ </label>
146
+ </div>
147
+ <div class="pure-control-group">
148
+ <label>
149
+ <input type="checkbox" checked="checked" name="price" data-display-option="price">
150
+ <span><?php _e( 'Price', 'ecwid-shopping-cart' ); ?></span>
151
+ </label>
152
+ </div>
153
+ </div>
154
+ <div class="widget-settings__right">
155
+ <div class="pure-control-group">
156
+ <label>
157
+ <input type="checkbox" checked="checked" name="options" data-display-option="options">
158
+ <span><?php _e( 'Options', 'ecwid-shopping-cart' ); ?></span>
159
+ </label>
160
+ </div>
161
+ <div class="pure-control-group">
162
+ <label>
163
+ <input type="checkbox" name="quantity" data-display-option="qty">
164
+ <span><?php _e( 'Quantity', 'ecwid-shopping-cart' ); ?></span>
165
+ </label>
166
+ </div>
167
+ <div class="pure-control-group">
168
+ <label>
169
+ <input type="checkbox" checked="checked" name="add-to-bag" data-display-option="addtobag">
170
+ <span><?php _e( '«Add to bag» button', 'ecwid-shopping-cart' ); ?></span>
171
+ </label>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ <div class="widget-settings">
176
+ <h3><?php _e( 'Appearance', 'ecwid-shopping-cart' ); ?></h3>
177
+ <div class="widget-settings__left">
178
+ <div class="pure-control-group">
179
+ <label>
180
+ <input type="checkbox" checked="checked" name="widget_frame" data-shortcode-attribute="show_border">
181
+ <span><?php _e( 'Add border', 'ecwid-shopping-cart' ); ?></span>
182
+ </label>
183
+ </div>
184
+ <div class="pure-control-group">
185
+ <label>
186
+ <input type="checkbox" checked="checked" name="widget_frame" data-shortcode-attribute="center_align">
187
+ <span><?php _e( 'Center align on a page', 'ecwid-shopping-cart' ); ?></span>
188
+ </label>
189
+ </div>
190
+ </div>
191
+ <div class="widget-settings__right">
192
+ <div class="pure-control-group">
193
+ <label>
194
+ <input type="checkbox" checked="checked" name="outside_widget" data-shortcode-attribute="show_price_on_button">
195
+ <span><?php _e( 'Show price inside the "Buy now" button', 'ecwid-shopping-cart' ); ?></span>
196
+ </label>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="media-frame-toolbar">
204
+ <div class="media-toolbar">
205
+ <div class="media-toolbar-primary add-product">
206
+ <a target="_blank" class="toolbar-link customize-appearance" data-content="customize" href="#"><?php _e( 'customize appearance', 'ecwid-shopping-cart' ); ?></a>
207
+ <a target="_blank" class="toolbar-link add-product" data-content="add-product" style="display: none" href="#"><?php _e( 'select product', 'ecwid-shopping-cart' ); ?></a>
208
+ <a href="#" class="button media-button button-primary button-large media-button-select"><?php _e( 'Insert', 'ecwid-shopping-cart' ); ?></a>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ <div class="media-modal-backdrop"></div>
216
+ </div>