/**
* GoMage Product Designer
*
* @category     Extension
* @copyright    Copyright (c) 2013-2015 GoMage (http://www.gomage.com)
* @author       GoMage
* @license      http://www.gomage.com/license-agreement/  Single domain license
* @terms of use http://www.gomage.com/terms-of-use
* @version      Release: 2.2.0
* @since        Available since Release 1.0.0
*/

/* Layout
-------------------------------------------------- */
.product-designer{
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  position: relative;
  }
  #designer-load-info{
    position: absolute;
    left: 50%;
    top: 50%;
    width:250px;
    padding:8px 8px 8px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    margin-left:-146.4px;
    border:1px solid #0A263C;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    background:url('../../images/gomage/productdesigner/loadinfo.svg') 5px 50% no-repeat #fff;
    background-size: 24px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow   : 2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow        : 2px 2px 3px rgba(0, 0, 0, 0.5);
    font-weight:700;
    z-index: 999;
    font-size: 12px;
    }
.product-designer-header{
  margin: 0 0 10px;
  border-top: 1px solid #ced1d9;
  background: #fafafa;
  padding: 8px 0;
  }
  .pd_nav_container{
    float: left;
    position: relative;
    }  
  .pd_save_container{
    text-align: center;
    width: 480px;
    margin: auto;
    }
    .pd_save_container .pd-btn{
      margin-left: 7px;
      min-width: 150px;
      }
      .pd_save_container .pd-btn:first-child{
        margin: 0;
      }
.product-designer-content{
  position: relative;
  z-index: 10;
  }
  .product-designer-sidebar{
    width: 356px;
    float: right;
    }
  .product-designer-main-col{
    margin-right: 326px;
    }
    
.pd-box,
.pd-tab-content{
  padding: 10px;
  margin-bottom: 10px;
  background: #ebeae7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeae7), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:    -moz-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:     -ms-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:      -o-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:         linear-gradient(to bottom, #ebeae7, #f4f4f4);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
  box-shadow        : 0 0 5px 0 rgba(0,0,0,.5);
  }
  
.pd_panels_nav{
  float: right;
  }
  
#product-zoom-container{
  display: none;
  }
  .dialog #product-zoom-container{
    display: block;
    }
.product-designer .category-products,
.my-designs  .category-products{
  padding: 0;
  }
    
/* Buttons
-------------------------------------------------- */    
#pd_choose_product{
  padding: 0 20px;
}
.pd-btn{
  padding: 0 10px;
  border: 0;
  color: #444444;
  font: 700 12px/25px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  text-transform: uppercase;
  text-align: center;
  height: 25px;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  -webkit-transition: all .2s;
  -moz-transition   : all .2s;
  -o-transition     : all .2s;
  transition        : all .2s;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow        : 2px 2px 3px 0 rgba(0, 0, 0, 0.5);
  }
  .pd-btn-blue{
    color: #fff;
    background-color: #34bae0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34bae0), to(#1d97b8));
    background-image: -webkit-linear-gradient(top, #34bae0, #1d97b8);
    background-image:    -moz-linear-gradient(top, #34bae0, #1d97b8);
    background-image:     -ms-linear-gradient(top, #34bae0, #1d97b8);
    background-image:      -o-linear-gradient(top, #34bae0, #1d97b8);
    background-image:         linear-gradient(to bottom, #34bae0, #1d97b8);
    }
    .pd-btn-blue:hover,
    .pd-btn-blue:active{
      background-color: #1d97b8;
      }
  .pd-btn-green{
    color: #fff;
    background-color: #7bba3c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bba3c), to(#77b837));
    background-image: -webkit-linear-gradient(top, #7bba3c, #77b837);
    background-image:    -moz-linear-gradient(top, #7bba3c, #77b837);
    background-image:     -ms-linear-gradient(top, #7bba3c, #77b837);
    background-image:      -o-linear-gradient(top, #7bba3c, #77b837);
    background-image:         linear-gradient(to bottom, #7bba3c, #77b837);
    }
    .pd-btn-green:hover,
    .pd-btn-green:active{
      background-color: #77b837;
      color: #fff;
      }
  .pd-btn-blue-border{
    border: 1px solid #5295cc;
    background-color: #fff;
    color: #444444;
    }
    .pd-btn-blue-border:hover{
      background-color: #eef3f7;
      }
    .pd-btn-blue-border:active{
      background-color: #5295cc;
      color: #444444;
      }
  .pd-btn-green-border{
    border: 1px solid #7ab93b;
    background-color: #fff;
    color: #444444;
    }
    .pd-btn-green-border:hover,
    .pd-btn-green-border:active,
    .pd-btn-green-border.active{
      background-color: #7bba3c;
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bba3c), to(#77b837));
      background-image: -webkit-linear-gradient(top, #7bba3c, #77b837);
      background-image:    -moz-linear-gradient(top, #7bba3c, #77b837);
      background-image:     -ms-linear-gradient(top, #7bba3c, #77b837);
      background-image:      -o-linear-gradient(top, #7bba3c, #77b837);
      background-image:         linear-gradient(to bottom, #7bba3c, #77b837);
      color: #fff;
      }
  .pd-btn-blue-border.disabled,
  .pd-btn-green-border.disabled{
    color: #444444;
    border-color: #CED1D9;
    background: #fff;
    }
  .pd-btn.disabled span{
    background: none !important;
    }
  .pd-btn-blue.disabled{
    /* border-color: #CED1D9;
    background: #CED1D9;
    color: #444444; */
    }
  .pd_panels_nav .pd-btn{
    float: left;
    position: relative;
    min-width: 130px;
    }      
    .pd_panels_nav .pd-btn.active:after{
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin: 6px 0 0 -8px;
      width: 16px;
      height: 8px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAIAAAB/FOjAAAAAxklEQVR42mP49+8/CP1HARefb9xzp/ffv7//MQADpoazT1bOOxO9+nLh9pstf/79xq4BDk49Xjr/bMzHHy/+/P256XrNxmvVv//+wNAA4xx7OG/huYRPP15BuH///d5xq33tleKff74iNMBZhx/MWnw++euvt8jmAU3bd3fCios5339/Qtbw78C9KcsupH/79eE/NnD0wZwl51MhZjEAzdh7p2/5xUy4GVjBmScrwK59wTD9hN+qS3k//3z5TwhcfrF52gkfAPKFYIthIxsPAAAAAElFTkSuQmCC);
      display: none !important;
      }
  .pd_panels_nav #pd_add_design{
    margin: 0 12px;
    }
  .pd_panels_nav #pd_add_text{
    
    }
  .pd_panels_nav #pd_add_image{
    }
  .pd-upload-buttons{
    text-align: right;
  }
    
.pd-btn-ico{
  border: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background: none;
  text-indent: -999em;
  background-position: 0 -40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  }
  .pd-btn-ico.disabled{
    background-position: 0 0 !important;
    }
  .pd-btn-ico:hover{
    background-position: 0 -80px;
    }
  .pd-btn-ico:active{
    background-position: 0 -120px;
    }
    
  .pd-btn-ico-undo{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAADC0lEQVR42uyZT4hNURzHzzOPaJAwZjwlC+Vf5E/+LEwZFoRSM4vxJxaTJpQhPUliZUEp2bCRBRKLkdhY2pCmmEjNMIuRBRtNNmMz5fke/V6dXt05973f73k3vr/61Jt7z5z3uefee+6575srlUouyzXFZbwoSEEKUvB/F8wPvv8Ua7MUbAH3szqCRXAFzMyi4HxwBCwC5xtyiiP7T4EZ8vkMuA1GE9rmwHKwCawD84QJMAaGwSvwWrapBb3YseDv6eAa6KpotxYcBvtBIcV3jsn17C+bb5pTfFROcVidoEM+75IRGZTRLaQclLmgD4yAy6B5ssa5t+8+Jo3skNzBleX/4QfYbHSZDcmBD1czgp0Jcr6WGcr5WgEGwJ5qBIt/+WadBR6DvWkEt4GNDZhRpoF+sD0mWHSNKy/5ECxJmmZWgt11+nJ/c32QqWUczAYtYJXMnzlp1yIj6R+vE5WCZ4OGFvUS3AXPInOen852yFNrJ1gPLoJL4TSzEHyWYdbUL/AEXJW7s9oqyBPsOGgPr8HTBnLPwWp52gzU2MdXcE5O+5ryKfYrlV6l3CHwwPDy8KL3yiPon7lzlB121Gu5NRWcNOirB2yoh+ABsNior+vGs8CfTnsN+2sH3ZaC5WmmWW7vVtAmU06bbFsQ7POfmyJ9fpEFwE/LFfW4rM9GIu2bRLK1Qj48KL/vhCxu9SPI3wcpSEEKUpCCFKQgBSlIQc2Sv+vmm1gb5iQaQeYkGkHmJC5FTpKfZHtfwr5bziYn8WIX5KCZk2iLOYmlJHOSsNQ5SSjof987aCBVS07yHTwSyjmJj0X6mZMoijmJmSBzEu2CdauzzUn89PLUMSfhezEFKUhBClKQghSkIAUpmGLJv+/OaKwNcxKNIHMSjSBzEsecxKaYk1gVc5JYMSdJW8xJai3mJNpiTmJRzEmYk/DFnYIUpCAFKUhBClKQgv+UYL77xotYG+YkGkHmJBpB5iSOOYlNMSexKuYksWJOkraYk9RazEm0xZzEopiTMCfhizsFKUjBjNVvAQYAcJk44Q5PBg8AAAAASUVORK5CYII=);
    }
  .pd-btn-ico-redo{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAADGklEQVR42uyZXYhMYRzG39kO+axtsxeIKMXKR5FvyrryGdmLzZIibdrykVbLhTsJKe0N5cIFKS64xYVSJBSLIh9b7tbuoiQSWeP554+zY86cM/v+xzm1z1O/dnbOzDm/ec9535nOk8vn8y7LqXIZDwUpSEEKDnbBoOPJy7SOvQXcBZ1ZHMFR4ChozeopPgjGg61gTMlTXOaOh4CFYDGYBmr0ufdKB7gPnoOoXyGTwT59PBzsAYd8BceCA3rd1CR4fRe4CM6DRwXbToBhof93giPgy0BO8UhwGLwCuxPKScbpKMmI3gEr9fl6sLHgtXKKd0TtKPfw8YuobXIKr4A6o+vuHqgGU4ts69TjfE86gmv0WqoznBgLIuQkU4qMbKTgWh250f95ZrcmEVwBLoOhKSw988DyUoKTdOalIRc5ikFofZORqw1ty+t69hS8BR91VsuSM6PE9eST1WA6eFYoKAvlHNAHroNz4AZ4F7M2rtNvgyVGgjmwH2wLLzOz8fcWOA3adZEtN/NBG9hg8PX5TS+3N7+vwVm65rUNUM7pktQAZoJrnoIyB/YmWah90gQueLz/A5gAPlXq10y95/ur9Tu6Ij+35oLtBvvZJauLtaDMwpNGH3wi2GQt2AiWGe6vOTDc2QhwLMHrZK3tBT26avTq325dWrpD2z5bCraAr+B2wcHCEj36uC/xNcP7gxSkIAUpSEEKUpCCFKSgR4KGUw/SOjZ7Ep+wJ4nL4OlJSo2gVU+yCFx1f3uSYpEPLzdQ2ZP4hD1JRUaRPUmZ+acnkVMsPYnc9j/uft12lRl8KUZOIvf/zoClOkNlYv0wkGzSD/9HMNM9SZV+HXUZnSK5dlaBzZ77adZfPI49iUfYk1iEPQl7EgpSkIIUpCAFKUhBClIw1QTrz75O69jsSXzCniQu7EmcY0/SL+xJLMKexCLsSdiT+IY9iUXYk/iEPYlP2JNQkIIUpCAFKUhBClKQgplL0Nh+M61jsyfxCXuSuLAncY49Sb+wJ7EIexKLsCdhT+Ib9iQWYU/iE/YkPmFPQkEKUpCCFchPAQYAmWB/eG6c1vIAAAAASUVORK5CYII=);
    }
  .pd-btn-ico-remove{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAADAUlEQVR42uzZMWsUQRQH8MlhkS9gYXLmklxyWglBUKzcvUIrKzs7EUSijZ/EIigIgmBhZ5XKJnexEiQIdjlNsjkTLQUrY3O+g3cQjp23b9+Mm4T7DzxCcrt7v7zMzuzlPzUYDNxpHjV3ygeAAAJ41oHnpBc/f+kt0pdXVDeoPlA9oDoIfM8G1Uuqm1Qfqe6vXGll1g6+pkqppqluMXIuADdPtUl1m6+ZUL0J+RNfG/t+gapjRA5xXe7g8bESAtzM+dmiATnP5zSU76EGPqTqC8iLyjnXYeT42KN6FALs8zzxIbsFyAYf48OlRTedZpkZXahsJ6XOZXzN/Vjr4C5f8HvOa02G1HNwCx5cosGVXah3+cI+ZJeRcwW4VIuz7CSaTnY9uH0+N/vfW92OMLmXBFxSFheyF+/wG2q2PVPnYjwsaJB9xu2d1NPMX6oj4fUjPuZEHrfqfFM0hWOWqTaoZqsG1vlubSqObTFypiqg1Lnh8nPoQXYsyJoRt+TBpVyHsTpZK4nb8OAOGDa8s79StT3IS3yNC7GBI9yyB5cwbjR6jPzhQXa0SA1wtgCXjuGOI1MBqepkEXCGf1sJ9004X+rkZUaeDwGuCbh2AW40tvnYnx7kWswPTY4nf5tvBu3Y5m7nIa+HALdycGlJXBHyUwhwleo91W+ei4kRN44cfpL7RbVO9UQ6YQr/YQUQQAABBBBAAM80UMxJ7r7YqiQnebd6NbN2EDmJQ06im3PISZCTxFiokZPE2uqQk8R6WEBOEgpETmIFIiexApGTWIHISUKAyEkcchIbEjkJgAACCCCAAAI4IUAxJ/nz+E4lOcn08/XM2kHkJA45iW7OISdBThJjoUZOEmurQ04S62EBOUkoEDmJFYicxApETmIFIicJASIncchJbEjkJAACCCCAAAII4IQAxZyk9/ReJTlJ69nbzNpB5CQOOYluziEnQU4SY6FGThJrq0NOEuthATlJKBA5iRWInMQKRE5iBSInCQEiJ3HISWxI5CQAAjgxwH8CDADZqhP3cEycWgAAAABJRU5ErkJggg==);
    }
  .pd-btn-ico-center{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAAA2UlEQVR42u3VoQ2CMRCG4X9CBIK5MEhmYQFCQh2GVUpFFyiiuWufNzn/mMt3HArU6/2p7QogIGB0YIcMHyAgIOAqQEsCmGV7pz0NICAgIGBwoC0GBNwFKCl759uztiuAgIDRgR0yfICAgICrAC0JYJbtnfY0gICAgIDBgbYYEHAXoKTsne7f2q4AAgJGB3bI8AECAgKuArQkgFm2d9rTAAICAgIGB9piQMBdgJKyd7k+arsCCAgYHdghwwcICAi4CtCSAGbZ3mlPAwgICAgYHGiLAQF3AUp/9ANp0G2NqaPE6QAAAABJRU5ErkJggg==);
    }
  .pd-btn-ico-hor{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAACuUlEQVR42uyZTWsTQRzGN60vEXwjIFoossXXCqaUgrRJD/HiQRARDyqIBxEELYRqSL9Av0AvvbV3Dx78Bh56lYJHL8XPkKsQZ2Cz7C5JszPPf2aXzfPAn/Qw2f4yMzs7s7/acDgMJHL8+4/+GF2shlxrtXk3/nsuKHkIiObMmHkEzRkOsUFCg7aPiwDcNGi74xvwuqpbBu2fqFrxCdgyXIx126++AK+oemjxvTeqbvoAXLf8nl7Stl0D1lWtATfWB1VXXQI+UnUOALyoassV4NkIEM1nVRdcADajHkBzQ9VbaUC9TLQFn2D9vP87L+B9VQ1BwNuqXkgCSvbeKD0pQL0pWHQAqNfTjgRgy+FuqocCXlN1xyHgU1UPEMA2ekLLsTrs2AJettwUmOb1aXN8bsoknvcAqB+dXVNAdFNgmo+TNhGTADXceY+AlyLIXIDz0fD6TnfcTmkc4Er0i3xnQdW7aYD6tt8o8Bj8JcuUBbwXLc5FZVnVs9MA20Hx6WcPMskcOHxieH+z4CWpHnT5lqqyPUhAApbqLkayezQQg/re5BDP6hx8uf/Lbs58WuMQ2yQ0aEtPkg09CQJIT4IA0pMggPQkCCA9CQpIT4IA0pMggPQkAT2JTOhJJEJPIhF6EqmtWOogkww9ic1RMI7Lt1SV7UECErBUdzGSf/UGh5iA8Bx8fnhidZEf75c4xDYJDdrSk2RDT4IA0pMggPQkCCA9CQJIT4IC0pMggPQkCCA9SUBPIhN6EonQk0iEnkRqK5Y6yCRDT2JzFIzj8i1VZXuQgAQs1V2MpD74K4i1xCGe0Tn4au+n1UW+dTscYpuEBm3pSbKhJ0EA6UkQQHoSBJCeBAGkJ0EB6UkQQHoSBJCeJKAnkQk9iUToSSRCTyK1FUsdZJKhJ7E5CsZx+Zaqsj1IQAIWnf8CDABSV2fLTWifQQAAAABJRU5ErkJggg==);
    }
  .pd-btn-ico-ver{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAACsklEQVR42uyZz0tUURzF39gDXdgq3EXQZnaORYgSBUVus4UL9y7bzL/QOhO0RSFBEAjWIiKCcGkLx5RymqmgUSNCF9pQlBL9IHyeJ995TKvmzr3v9p3xHPgwDDhwvO/+OPedTBRFgWZlaPBQGyyWV+OPMbAA4i+p/zenc9m/vocN/OaEUAWLoAz++BrBDoO/7QHDIA/OgS4fBsMmfnMUDIHz4CV4DnY0GaypE5wFA+C1zNOqJoM1HQGnQB9YE6MfNRlMdgSQFTbF6DvblR+mNHWOg1HwGRRAqdmVH6a8CI+By+AiWAIvwA9NBmvqBpdkeyrKfvpNk8H6lT8I+sFbmafbmgzWr/wc6AXvxeiHZg1e+59hoSNQLv1xa6VUUW0w9JHx2noOhnKGcgRpULPBKEX2wJwECVVncZwN74MJ8EpTWPgO7oDJRq8Fvgx+AjfBbfBFU2BdBzfAPfBTU+RfBtfBI1kIKi5N8ap8CsbBM03Xzt9gVh7lG00X910wLZN/Q9Orjy3ZJmJzX32kmUZVkfk1A375jFv/UkFW5BPbFdmedxIapEEatDA4cit+R+63J3l49YzxPsiexPVZzJ7EdR5kT5KG2JO4FnsS12JPwriVPGKJVHoNBuxJ7EeQPQkNajfInkRTWGBPYir2JCZiT2Iq9iSmBtmTtOSdhAZpkAZtDF65e/A+x2tP8njspPE+yJ7E9VnMnsR1HmRPkobYk7gWexLXYk/CuJU8YolUeg0G7EnsR5A9CQ1qN8ieRFNYYE9iKvYkJmJPYir2JKYG2ZO05J2EBmmQBm0Mjk7Nxx9ee5IH+QvG+yB7EtdnMXsS13mQPUkaYk/iWuxJXIs9CeNW8oglUuk1GLAnsR9B9iQ0qN0gexJNYYE9ianYk5iIPYmp2JOYGmRP0pJ3EvUG9wUYACtt9VM/4Ko9AAAAAElFTkSuQmCC);
    }
  .pd-btn-ico-front{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAMAAABJw97qAAAAHlBMVEUAAAD///9WkL9SlcxOnd7O0dmqx9+oyuWmzu7m6Ox8KECUAAAAAXRSTlMAQObYZgAAAI5JREFUeAHtyjkKQzEMBNAoi5f7XzjYlRhXH4bBEnr1ez1UJmBEc0RxIkI0TxN/hzBxI0Y498W5UCOENLGUDhjRHFHsiBDN08TPIUzciBHOfbEv1AghTSxlAEY0RxQHIkTzNPF7CBM3YoRzXxwLNeLIEktpgBHNEcWGCNE8TXwfwsSNGOHcF9tCjRASxKz+xqglIZ2xaw4AAAAASUVORK5CYII=);
    margin-right: -15px;
    }
  .pd-btn-ico-back{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAMAAABJw97qAAAAHlBMVEUAAABWkL9SlcxOnd6qx9+oyuWmzu7O0dnm6Oz///+IVapLAAAAAXRSTlMAQObYZgAAAI9JREFUeAHtyjsOxDAIBND9JNlw/wuv5AqGziCbUXj1e2ntB0jjjRKiaGvi7cSjGETRnHpxSI3+7I9oJrb2AaTxRAlRtDXxdOJRDKJoTr04pEZ/9kc0E1v7AtJ4oYQo2pp4OfEoBlE0p14cUqM/+yOaia29AWk8UEIUbU08nHgUgyiaUy8OqdGf7REE4tP8AZj1PnSVmbuAAAAAAElFTkSuQmCC);
    }
    
.pd_bottom_panel .pd-btn-ico{
  display: inline-block;
  }
    
/* Main col
-------------------------------------------------- */
#pd_container{
  max-width: 100%;
  margin: auto;
  }
.pd_bottom_panel{
  text-align: justify;
  margin: 10px auto;
  padding: 5px;
  max-width: 100%;
  line-height: 0;
  width: 480px !important;
  background-color: #ebeae7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebeae7), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:    -moz-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:     -ms-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:      -o-linear-gradient(top, #ebeae7, #f4f4f4);
  background-image:         linear-gradient(to bottom, #ebeae7, #f4f4f4);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
  box-shadow        : 0 0 5px 0 rgba(0,0,0,.5);
  }
  .pd_bottom_panel:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    }
#pd_choose_product-content{
  position: absolute;
  top: 100%;
  margin: 10px 0 0;
  border: 1px solid #cfd2da;
  padding: 7px 7px 0;
  width: 326px;
  background: #fff;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  }
  #pd_choose_product-content:before{
    content: "";
    position: absolute;
    top: -10px;
    left: 52px;
    width: 13px;
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAA8UlEQVR42mNgYGBgJAOjcJjwYAxNyJLMO/ccljl74caW7TsPSIL4WDRDFMLwmvVbJYAazt+6+/gXiF66fJ0IsjxUPZzDsmDRCiGgwqNPn73+9f///19Pnr0CaTw6eepsPpA8klowh7WzeyL/mfPXdj968hKsAYYfPn7xCyReUFTGDVIHVc/Amp6ZywOUWH//4XMUDSD879//X/cfPgNpXO/q5sEJ1mhn78QFFFhy9/5ToIJ/GJogGv/9unP/ya9TZ68ulpKS5mAAMmbcBnr6Lw4NMPz3779foMABqp/KcPP2Q6DAX7waYPjPn7+/bgDVAwBjXvn3sVNP/AAAAABJRU5ErkJggg==);
    }
  #pd_choose_product-content .pd-header,
  #pd_choose_product-content .tab-help-icon{
    display: none;
    }
    
.pd-header{
  font-weight: 700;
  color: #6a6e80;
  font-size: 16px;
  text-transform: none;
  margin: 0 0 10px;
  }
.pd-current-product{
  float: left;
  margin: 0 0 0 12px;
  font-size: 16px;
  line-height: 30px;
  color: #6a6e80;
  }
    
.product-designer .form-list select,
select.pd-select{
  border: 1px solid #ced1d9;
  color: #6a6e80;
  font-size: 14px;
  padding: 4px 5px;
  margin: 0;
  }
.product-designer .form-list .input-box{
  padding: 0;
  }
#navigation_listing .toolbar{
  display: none;
  }
#navigation_listing .note-msg{
  font-size: 12px;
  margin-bottom: 10px;
  }
.pd-text-font-left{
  float: left;
  width: 233px;
  }
.pd-text-font-right{
  float: right;
  width: 63px;
  }
.pd-add-text-actions{
  margin-bottom: 0;
  }
  
/* Sidebar
-------------------------------------------------- */

/* Tabs */
.pd-tab-content{
  display: none;
  position: relative;
  border-bottom: 1px solid #ced1d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
  /* margin: 0 0 15px; */
  }
  .tab-help-icon{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    padding: 0;
    cursor: help;
    overflow: hidden;
    text-indent: -999em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAkklEQVR42mNgIBVk5TVoA/E6IH4PxSC2FjZFn4D4PxD/BuIfUPZHkByywu1QiYVAzAPEXEA8Hyq2FVnhZSC+C8QCSGKiUIVfCblZC6rwBT5FOkB8A6pwMi5FBkD8BaroJBDz4VK4G6poDhCz4rN2IhDPBGJ+fIoYgTgDiNNBbHwKXaHWgrATPoUSQHwdisUYyAEAh15x8g09BekAAAAASUVORK5CYII=) 50% 50% no-repeat;
    }
  .tab-help-content{
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    border: 1px solid #ced1d9;
    background: #fff;
    color: #6a6e80;
    padding: 5px;
    }
    
.pd_sides_list li{
  display: inline-block;
  margin: 0 5px 5px 0;
  }
  .pd_sides_list li.active img{
    border-color: #5295cc;
    }
  
/* Colors panel */
.colors-panel {
  margin: 0 0 10px;
  }
  .color-btn {
    cursor: pointer;
    margin: 0 12px 12px 0;
    float: left;
    width: 39px;
    height: 39px;
    vertical-align: middle;
    border: 1px solid #e6e8ec;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity .3s;
    -moz-transition   : opacity .3s;
    -o-transition     : opacity .3s;
    transition        : opacity .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    }
    .color-btn:nth-child(6n){
      margin-right: 0;
      }
    .color-btn.active,
    .color-btn:hover{
      opacity: 1;
      }
    .color-btn.selected{
      opacity: 1;
      border-width: 2px;
      border-color: #5295cc;
      }
.product-colors.pd-box{
  padding-bottom: 0;
  }
.color-picher{
  float: left;
  width: 41px;
  height: 41px;
  margin: 0 0 12px 0;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAABeUlEQVR42u3XyytEYRjH8SkZl5GM6xmz50/ARrEiIeFfkCZNkiQsrGXDH2BhKwsblySZXDZEct+QwoKFnfvl99Rv6u10xszifc4Cp76Lczaf6fS+z3knEPi/ftMVi4/nolF0hy5RrV+wg3bQl9EjqvMDPnHBya404Qg6TQFLt7bBEJpHR+jiB1gatg1vpAGTbaGgTXwmQ3gPFdt+5bMZwLsorLHAutPAh6hIA25CT+gcbafA71G2bbgZPROOokK06YFfoyybcAt6QWeoks9y0KILvkHVNuFWwjJIIsYMXyI4hua4rapswm2EZXQ6HvCQ1thsJ3yMKvgsDy0THtSCOwjL+Czns3y0QnhAC+4kLPu1zIBX0Sfq14K70Cs6cMFrhONasEyuNw94nXCfFlyD3tE+KnV9vfRgQhPEo7wvQAnCMU1YxuSDLCjehw24V/v8NcntM4IWuNIF7tGG6/m6zdPmNGrw47ibIPqBplCJn4d8hz+g8U/8q/kGkfDGbNoU3c4AAAAASUVORK5CYII=) 50% 50% no-repeat;
  }
  .color-picher.active{
    border-color: #5295cc;
    }
    .color-picher.active:after{
      display: block;
      }
  .color-picher:after{
    content: "";
    position: absolute;
    width: 13px;
    height: 8px;
    top: 100%;
    left: 50%;
    display: none;
    margin: 5px 0 0 -7px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAoklEQVR42o3QvQrCMBSG4UihoIMOguCFC+7iBXRy6u4k6CIxtk2T+nMH5mSJ3ylm8KfqgYeQcN4lQnyYzVZOYQUT8c9gcQw7qerAJ4x+BUNY2+YavPfB4OQ7DLqCPuTaXNogquozhzmkr0EKWalPTwEjKKqGwwySGCSwVKUNRPQWtSHeVWE5XECPo7k8ms4gco7C43NmYn/QeHBfg+iGPd6/A4g6A71tY4AVAAAAAElFTkSuQmCC);
    }
.color-picker-palitra{
  border: 1px solid #ced1d9;
  padding: 7px;
  margin-top: -12px !important;
  background: #fafafa;
  }
  .color-picker-palitra canvas{
    vertical-align: top;
    }
      
/* Tab design */
.cliparts-list{
  margin: 10px 0;
  overflow: auto;
  max-height: 300px;
  }
  
.products-designer-grid .display-product{
  display: none;
  width: 300px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  border-radius: 5px;
  }
  .products-designer-grid .display-product .product-name{
    font-weight: 700;
    margin-bottom: 5px;
    }
  .products-designer-grid .display-product .product-media{
    float: left;
    margin-right: 10px;
    }
    .products-designer-grid .display-product .product-media .more-views h2{
      font-size: 12px;
      margin-top: 10px;
      font-weight: 400;
      }
      .products-designer-grid .display-product .product-media .more-views ul li{
        margin-bottom: 5px;
        }
  .products-designer-grid .display-product .product-info{
    overflow: hidden;
    }
    
/* Tab Text */
.text-effect{
  margin: 10px 0 0;
  padding: 5px 8px;
  width: 100%;
  display: none;
  background: #fafafa;
  border: 1px solid #ced1d9;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  }
  .text-effect legend{
    display: none;
    }
  .text-effect .pd-element-wrapper{
    margin: 0;
    }
  .panel-cancel-btn{
    position: absolute;
    right: 1px;
    top: 2px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mNgoBvIymu4DcT9QMyIJMYIxBOA+BY2DSDF/4F4IlQhCE+CivVh0wBSMBmqYAKS4knItmLTNAWqEL9iNDfDNPQTqxhkyzS8moASvVAFU5E8DdPUjU3DZagN6MEKCrWL9ItgAD9CZYQrYZvkAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    }
  .text-effect label{
    display: block;
    color: #6a6e80;
    font-size: 12px;
    font-weight: 400;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    }    
  .text-effect input[type="range"]{
    width: 100%;
    }
    .text-effect input[type="range"]::-moz-range-thumb{
      background: #5295cc;
      border: 0;
      border-radius: 100%;
      width: 15px;
      height: 15px;
      }
    .text-effect input[type="range"]::-webkit-slider-thumb{
      background: #5295cc;
      border: 0;
      border-radius: 100%;
      width: 15px;
      height: 15px;
      -webkit-appearance: none
      }      
    .text-effect input[type="range"]::-moz-range-track{
      height: 2px;
      background: #5295cc;
      border: 0;
      }

/* Tab Upload Image */
.pd_more_info_link{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  }
#uploadedImages{
  margin-bottom: 5px;
  }
#upload-image-error{
  margin: 5px 0;
  color: #f00;
  font-weight: 700;
  }
  #upload-image-error p{
    margin: 0;
    }
#license-agreements-link{
  cursor: help;
  }
.pd-license-agreements-popup {
  position: absolute;
  z-index: 1001;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  width: 250px;
  }
#image-conditions{
  margin-top: 5px;
  }
.pd-upload-input{
  margin: 5px 0;
  overflow: hidden;
  }
.pd-upload-buttons{
  margin-bottom: 5px;
  }
.dialog .account-login .content,
.dialog .account-login .buttons-set,
.dialog .account-create .fieldset,
.dialog .account-create .buttons-set{
  padding: 8px 13px;
  }

.product-designer .form-list > li:after{
  content: '';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  }
.product-designer .form-list .control-rights .checkbox{
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  position: static;
  }
.product-designer .form-list .control-rights label{
  min-width: 1px;
  background: none;
  font-size: 12px;
  color: #6a6e80;
  padding: 0;
  margin: 0 4px;
  vertical-align: middle;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  background: none !important;
  }
.pd-upload-input{
  text-align: right;
}  
.upload-image-drop-zone{
  border: 2px dashed #ced1d9;
  font-size: 16px;
  color: #6a6e80;
  line-height: 20px;
  /* background: #fff; */
  text-align: center;
  padding: 25px 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  margin-bottom: 5px;
  }
  .upload-image-drop-zone a{
    text-decoration: none;
    font-weight: 700;
    color: #5295cc;
    }
    .upload-image-drop-zone a:hover{
      text-decoration: underline;
      }
.pb-add-to-actions{
  margin-top: 10px;
}      
.pb-add-to-actions .pd-btn-blue{
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  display: block;
  color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}
 
/* Fields
-------------------------------------------------- */
.product-designer .product-options p.required{
  top: 0;
}
.product-designer .form-list .input-box{
  width: 100%;
  }
  .product-designer .form-list select,
  .product-designer .form-list input.input-text,
  .product-designer .form-list textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    width: 100%;
    }
  .product-designer .form-list textarea{
    resize: vertical;
    height: 80px;
    min-height: 80px;
    max-height: 160px;
    padding: 5px;
    border: 1px solid #ced1d9;
    }
.product-designer .form-list .fields .field{
  width: 48%;
  float: left;
  clear: none;
  }
  .product-designer .form-list .fields .field + .field{
    margin-left: 4%;
    }
.product-designer .control label{
  vertical-align: middle;
  }
.product-designer .control-rights label{
  text-align: left;
  width: auto;
  float: none;
  }
  
  
/* Price
-------------------------------------------------- */
.product-designer-price{
  text-align: right;
  }
  .product-designer-price .price-box .price{
    font-size: 20px;
    color: #5295cc;
    font-weight: 700;
    }
    .product-designer-price .price-box .old-price .price{
      font-weight: 400;
      }
#price-more-info-switcher{
  text-decoration: underline;
  color: #5295cc;
  font-size: 14px;
  }
  #price-more-info-switcher:hover{
    text-decoration: none;
    }
#price-more-info{
  margin-top: 5px;
  }
  #price-more-info .price{
    font-weight: 700;
    color: #5295cc;
    }
    
/* Designer Buttons
-------------------------------------------------- */
.category-products .products-grid .gpd-button{
  margin: 5px 0;
  }
.category-products .products-grid .product-info{
  padding-bottom: 110px;
  }
.add-to-cart button.btn-design{
  margin-left: 5px;
  }
  
/* My Saved Designs
-------------------------------------------------- */
.my-designs .products-grid .actions .button{
  margin-bottom: 5px;
  }
/* .gomage-designer-customer-designs .products-grid .item{
  max-width: 158px;
  } */
  
/* Clears
-------------------------------------------------- */
.product-designer-header:after,
.product-designer-content:after,
#pd_container:after,
.pd_panels_nav:after,
.pd-element-wrapper:after,
.colors-panel:after,
.pd-box:after{
  content: '';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}


/* Old styles //To Delete
-------------------------------------------------- */
#additional_panels {
    position: relative;
    /* width: 300px; */
    z-index: 1099;
}

#pd_tabs {
/*     width: 300px; */
    position: relative;
    z-index: 1100;
}

#navigation_panel .pages {
    margin: auto;
}
.clipart-image {
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: inline-block;
  }


/* Maybe leave it */

.pd-element-wrapper {
  margin: 0 0 10px;
  }

#product-designer .content {
    float: left;
}

/* Other styles */

#pd_container .pd-design-area {
    /* border: 1px dashed #333; */
}

#pd_container .outside-warning {
    border: 1px solid #FF0000;
}
#pd_save_container li {
    float: left;
}

.pd-panel {
    position: absolute;
    background-color:#fff;
    border: 1px solid #ccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width: 200px;
    height: 500px;
    overflow: auto;
    z-index: 1100;
    padding: 5px;
}

.pd-panel .pd-panel-header,
.pd-panel .pd-panel-footer {
    height: 22%;
    border: 1px solid #ccc;
}

.pd-panel .pd-panel-content {
    height: 50%;
    overflow: auto;
    border: 1px solid #ccc;
    margin: 5px 0;
}
.panel-btn[disabled] {
    color : #ccc;
}

fieldset[disabled] button,
fieldset[disabled] input,
fieldset[disabled] select {
    color: #ccc;
}

.font-size-selector {
  width: 100%;
  }

.pd-btn-add-text {
  width: 100%;
  }

.panel-btn{
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  }
  .panel-btn.pd-btn-bold {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAnElEQVR42mOITS6ZDMT/seDfQHwTiHuAWIwBHQAF2YE4FUnDJyA2AOLpSGK3gZgHm2Y5JEUfoGLMQPwOSTyEWI2MQPwaSdyJkEaYU/uRxEDOZiSk8R/UiX+h/HNAHEiMRphTRYF4O5J4K1EaoeLuSOLPSNEYgSR+C10TKxBHISn4AsQeQJyLFKogfyeia8SVckD4JRBvAzmZYegCACUWyf9fORK8AAAAAElFTkSuQmCC);
  }
    .panel-btn.pd-btn-bold.active{
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAA3klEQVR42mOYfehR0NQzyCh0+tmcpVcWHH384dvv/0iA4deff7uuvoYoip51/t7rrzMPPIRws5Zc/v7rL0IpEL/+/BMiFzP7PJD799+/uDnnISLH7rzDp/Tf//8Jcy9ARC49+YRdKcQB845AXQ90yT9ktyIrDZ56Bmh18DQQu3jltRN33+NUCnHAx2+/mzffgogsPfEEn1IgOP/wI0Qkef5FAkoP33oLEclechmh9M/ff4dgEpGzzp17+HHrpZeQEAA6fe/1NwilmLEFRInzLrRsvg10xn80bxEJaKMUAA5J5937d8gAAAAAAElFTkSuQmCC);
      }
  .panel-btn.pd-btn-italic{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAcElEQVR42mNgQAOxySWKQPwUiP8j4btAbMdADAAqnAfVFMdACgBqOATVqEWqxg9A/B2IWUjRJAe17QyptnlDNc4nVWM1VGM+qRpXQDU6karxKlSjMCma+IH4NxC/IipEQYqA+DRUEyzFfAbiJIahDQAgAU4Y8c1hvwAAAABJRU5ErkJggg==);
    }
    .panel-btn.pd-btn-italic.active{
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAApUlEQVR42mP4jwRefvyRsuBi0NQzEJS5+PLVp5/hsgz/McCUvfeB6vbfeIMmjkVp9bobQKWP330nrDRm9vnwGef+/P1HQOnrzz+BRpauuoZpBLrSMw8+AJVO3nufsNI1Z54BlW65+JKw0t6dd4FKLz35RFhp3rIrQKWfvv8moPTrzz+h088mzLuA6X2EUqBc6eprQHWQeIqadW7vtdeEwxUXoI1SAKlPJiapSjblAAAAAElFTkSuQmCC);
      }
  .panel-btn.pd-btn-underline {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAmklEQVR42mNgAILY5JJsIP4KxP+h+BcQz2GAAiD7DJIcSF00A5IkOxB/gkqqMqABoJgfVI6LAYvkB6ikHBY5G5AcAzYwQjS+hmrUwCLnCwp1XBqPQDUmY5HrBuIduDT6A/E/IH4OxKZI4u5Qb1gy4AJAyVAgvgm1+QEQPwXiK0DszEAMACqUAGJdIBZkoCoAmsiPlICJwYdB+gAsqZyAsWG3AQAAAABJRU5ErkJggg==);
    }
    .panel-btn.pd-btn-underline.active{
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEVSlcxTlcxVl81Zmc5bms9cm89gndBin9FkoNFnotJspdRvp9V1qtZ6rth7rtiCs9qVvuChxeO20+q81uvB2e3F3O7J3u/K3+/L3/DP4fHS4/LW5vPY5/Tb6fTg7Pbk7vfm8Pjr8/nv9frz+Pz4+/36/P7///+5OQa6AAAAVElEQVQIW6XHxRXCAAAFsA9tcXd3sv+IHAqvA5BbYlEk7RmjpFiFd5kbbPMSVLnDMf5uJ1fYlXXHWcJ8WnfT6p7ZV6e61oP0e8ODb3lcnjT9iTQmPm5MFLxhCurNAAAAAElFTkSuQmCC);
      }
  .panel-btn.pd-btn-stroke-through{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAwklEQVR42sXQvQ4BQRSG4cGqJDQaWuVWEhdAp3EBgiioiESynaug4Qq2UrsEUWhFolSo6OiQ9U4yxclkf6ic5Cn27Hzzc5Syqj/wCljgggBXbNBUUcXPNLY4oIosatjDjwvWzSlDqz9KCrZN0Icj+mW04oIVPE34hLF+s/qmWNjBw4S1O2byBnJx8IuwDXLW2xxM8MYL+ahr6qH0Qvo7c1opLrhGSvSKuOEo+3ZwKSa6whxn8+0mTdVFFx6maCCj/l4foieWOk1TgTAAAAAASUVORK5CYII=);
    }
    .panel-btn.pd-btn-stroke-through.active{
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAABBklEQVR42mP4jwS+/vwz9/CjlAUXg6aeSZh7oWXL7XMPP8JlGeCsf//+V669kb/86r3XX//8/Xfn5dfS1df6d93DovTKk09Aw3ZffQ0X2X75FXalh2+9BSoFygGNhIi8/fLr9P0PWJQ+//AjdPpZoOqcpVe2XX4FdPd/VMCAzDl4823krHNA1UAUNevcmjPP4TZAlULk8CMUU3/8+gs3A8jYeull8LQzIdPOfoO5BKEU6KEDN94gu6dizXWgee++/sKitHvHXbjTPn7/HT/3Qt6yK/8wvTXz4EOI92ceeAiMs7SFl4DsR2+/YQ8BoAQwEDaef7H5wsvLTz79/fcPZ2DhByQoBQCqTwqhwLLHqwAAAABJRU5ErkJggg==);
      }
  .panel-btn + .panel-btn{
    margin-left: 5px;
    }
.panel-btn-sep{
  display: inline-block;
  background: #dadde6;
  width: 1px;
  height: 12px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 6px;
  }
.pd_sides_list img {
  border: 2px solid transparent;
  cursor: pointer;
  padding: 3px;
  }
.panel-btn2{
  padding: 0;
  border: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  background: none;
  font-size: 12px;
  color: #6a6e80;
  }
  .panel-btn2:hover,
  .panel-btn2.active{
    color: #5295cc;
    }
  .panel-btn2.current{
    font-weight: 700;
    }
  .panel-btn2 + .panel-btn2{
    margin-left: 5px;
    }

#pd_undo_btn,
#pd_redo_btn,
#pd_duplicate_btn,
#pd_zoom_btn,
#pd_print_btn {
    margin: 0 10px;
    font-weight: bold;
    cursor: pointer;
}

#pd_undo_btn.active,
#pd_redo_btn.active {
    color: #000;
}

#pd_undo_btn.disabled,
#pd_redo_btn.disabled,
#pd_duplicate_btn.disabled {
    color: #ccc;
}

#pd_container .cliparts-panel-title {
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size: 12pt;
}

#pd_container .cliparts-panel-categories,
#pd_container .cliparts-panel-subcategories {
    width: 45%;
    margin: 0 5px;
}

#pd_container .cliparts-panel-search {
    width: 45%;
    margin: 5px 5px;
}

#pd_container  .cliparts-panel-search-btn {
    margin: 5px 5px;
}

#pd_container .cliparts-panel-flipv-btn,
#pd_container .cliparts-panel-fliph-btn,
#pd_container .cliparts-panel-align-btn   {
    /* cliparts panel buttons */
}

#pd_container .layers-panel-title,
#pd_container .notes-panel-title {
    font-size: 12pt;
}

.layers-manager-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.layers-manager-list li {
    background-color: #9FF781;
    margin: 5px 5px;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    cursor: pointer;
}


li.layer-type-text .layer-icon {
    height: 32px;
    padding: 3px 5px;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
}

.layer-remove-btn,
.layer-up-btn,
.layer-down-btn,
.layer-label  {
    display: inline-block;
    margin-top: 5px;
}

.layer-label {
    width: 50%;
    padding-left: 5px;
}

.layer-up-btn,
.layer-down-btn,
.layer-remove-btn {
    padding: 1px 2px;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 1px;
    color: #000;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.layer-remove-btn {
    color: #FF0000;
}

.layers-manager-list li.outside {
    border-color: #FF0000;
    background-color: #FE2E2E!important;
}

.layers-manager-list li.active {
    border-color: #FF0000;
    background-color: #F3F781;
}

.color-picker {
  cursor: pointer;
  }

.font-picker {
  width: 100%;
}

.pd-textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

.notes-panel-textarea {
    width: 95%;
    height: 200px;
}

.pd-social-icons img {
    margin : 5px;
    cursor : pointer;
}

.products-designer-grid {
    overflow: hidden;
}
.products-designer-grid .item{
  float: left;
  border: 1px solid #ced1d9;
  width: 150px;
  padding: 5px;
  margin: 0 10px 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  }
  .products-designer-grid .item:nth-child(2n){
    margin-right: 0;
    }
  .products-designer-grid .item .product-image{
    border: 0;
    }
#navigation-filters .fields .field{
  margin-bottom: 0;
  }
.pd-btn-clear-text-styles{
  margin-left: 5px;
  }

.product-designer-price .regular-price .price {
    font-size: 26px;
}

#pd_add_text-content .pd-textarea{
  font-size: 12px;
  border: 1px solid #ced1d9;
  padding: 5px;
  height: 50px;
  resize: vertical;
  min-height: 50px;
  max-height: 100px;
  }
  
.pd_product_options .product-options{
  padding: 0;
  border: 0;
  }
  
#share-container iframe[src*="facebook"]{
  display: block;
  width: 100%;
  height: 20px;
  overflow: hidden;
  margin-bottom: 6px;
  margin-top: 6px;
  }
#share-container [id^="___plus"],
#share-container [id^="___plus"] iframe{
  width: 100% !important;
  display: block;
  }
.pd-btn span{
  pointer-events: none;
}