/**
* 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.1.0
* @since        Available since Release 1.0.0
*/

/* Layout
-------------------------------------------------- */
.gomage-designer-index-index{
  min-width: 970px;
}
#pd_container_background{
  background-size: cover;
}
#remove-img-btn {
  background: #8c8e8e;
  margin: 0 0 15px 15px;
}
#add-img-placeholder-btn,
#preview-btn{
  margin: 0 0 15px 15px;
}
.product-designer{
  /* font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; */
  position: relative;
  }
  #designer-load-info{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 9999;
    }
  .designer-load-info-in{
    position: fixed;
    left: 50%;
    top: 50%;
    padding:15px 24px 18px 135px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    /* border:1px solid #0A263C; */
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    background: #fff;
    /*height: 86px;*/
    /* 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;    
    white-space: nowrap;
    max-width: 500px;
    height: 115px;
  }
.designer-load-info-in-popup {
  background: #fff;
  z-index: 999;
  font-size: 12px;
  white-space: nowrap;
  max-width: 500px;
}
.designer-load-loading{
  height:30px;
  width: 0;
  background: #2f99cc;
  position: absolute;
  left: 0;
  top: 120px;
}
  .designer-load-info-in:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 115px;
    height: 115px;
    background: url(../../images/loader_new.gif) 50% 50% no-repeat #2f99cc;
    background-size: 80px;
    border-radius: 5px 0 0 5px;
  }
  .designer-load-info-in.without-gif:before{
    display: none;
  }
  #loading-progress-container{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 115px;
    height: 115px;
    border-radius: 5px 0 0 5px;
    padding: 10px;
    background: #2f99cc;
  }

  .designer-load-info-in h4{
    font-size: 20px;
    text-transform: none;
    color: #828282;
    font-family: 'Open Sans', sans-serif;
  }
  .designer-load-info-in-popup h4{
    font-size: 20px;
    text-transform: none;
    color: #828282;
    font-family: 'Open Sans', sans-serif;
  }
  .designer-load-info-in strong{
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 17px;
    color: #828282;
  }
  .designer-load-info-in-popup strong{
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 17px;
    color: #828282;
  }
  .designer-load-info-in span{
    font-size: 17px;
    white-space: normal;
  }
  .designer-load-info-in-popup span{
    font-size: 17px;
    white-space: normal;
  }
.product-designer-header{
  margin: 0 0 10px;
  border-top: 1px solid #ced1d9;
  background: #fafafa;
  padding: 8px 0 10px;
  display: none;
  }
  .pd_nav_container{

    }  
  .pd_save_container{
    float: right;
    }
    .pd_save_container .pd-btn{
      margin-left: 7px;
      }
.product-designer-content{
  position: relative;
  z-index: 10;
  }
  .product-designer-sidebar{
    width: 39%;
    float: left;
    z-index: 20;
    position: relative;
    }

  .product-designer-sidebar > div{
    position: initial;
    width: 100%;
  }
  .product-designer-main-col{
    float: left;
    width: 49%;
    margin: 0 2.5% 76px;
    position: relative;
    z-index: 10;
    }
/*.pd_gt_product{*/
  /*margin-bottom: 10px;*/
/*}*/

#calculation .product-designer-right-col {
  float: right;
  width: auto;
}
.product-designer-right-col{
  float: right;
  }
    
.pd-box{
  /* padding: 0 0 10px; */
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, 0.25);
  }
  
.pd_panels_nav{
  padding: 0;
  margin: 0;
  }
  .pd_panels_nav .pd-btn{
    float: left;
    width: 49%;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-bottom-color: #eeeeee;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    color: #bababa;
    font-weight: 400 !important;
    padding: 4px 8px;
    text-transform: uppercase;
    height: 30px;
    line-height: 22px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25);     
    }
    .pd_panels_nav .pd-btn.active,
    .pd_panels_nav .pd-btn:hover{
      background: #fff;
      color: #3399cc;
      border-bottom-color: #fff;
      }
    .pd_panels_nav #pd_add_image{
      margin-left: 2%;
    }
    #pd_add_text-content{
      border: 1px solid #e1e1e1;
      border-top: 0;
      border-radius: 0 0 5px 5px;
    }
    #pd_add_text-content .pd-content{
      padding-left: 10px;
      padding-right: 10px;
    }
  
#product-zoom-container{
  display: none;
  }
  .dialog #product-zoom-container{
    display: block;
    }
.product-designer .category-products,
.my-designs  .category-products{
  padding: 0;
  }
    
/* Buttons
-------------------------------------------------- */    
.pd-btn{
  padding: 0 12px;
  border: 0;
  color: #fefefe;
  font: bold 12px/2.5 Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  text-align: center;
  height: 30px;
  vertical-align: middle;
  white-space: nowrap;
  -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;
  }
  .pd-btn-blue{
    background-color: #029FB0;
    }
    .pd-btn-blue:hover{
      background-color: #029FB0;
      }
    .pd-btn-blue:active{
      background-color: #029FB0;
      }
  .pd-btn-green{
    background-color: #029FB0;
    }
    .pd-btn-green:hover{
      background-color: #029FB0;
      }
    .pd-btn-green:active{
      background-color: #029FB0;
      }
  .pd-btn-blue-border{
    border: 1px solid #5295cc;
    background-color: #fff;
    color: #5295cc;
    }
    .pd-btn-blue-border:hover{
      background-color: #eef3f7;
      }
    .pd-btn-blue-border:active{
      background-color: #5295cc;
      color: #fefefe;
      }
  .pd-btn-green-border{
    border: 1px solid #91c544;
    background-color: #fff;
    color: #91c544;
    }
    .pd-btn-green-border:hover{
      background-color: #f7fbf2;
      }
    .pd-btn-green-border:active,
    .pd-btn-green-border.active{
      background-color: #91c544;
      color: #fefefe;
      }
  .pd-btn-blue-border.disabled,
  .pd-btn-green-border.disabled{
    color: #CED1D9;
    border-color: #CED1D9;
    background: #fff;
    }
  .pd-btn-blue.disabled{
    border-color: #CED1D9;
    background: #CED1D9;
    color: #fff;
    }
  .pd_panels_nav .pd-btn{
    float: left;
    position: relative;
    }      
    .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;
      }
  .pd_panels_nav #pd_add_design{
    width: 95px;
    }
  #pd_add_text-content .pd-header,
  #pd_add_image-content .pd-header{
    display: none;
    }
    
.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+HS7YAAADQklEQVR42u2ZTSisURjHiVm4M0ubsaIobKgpKworYSkkXys7O6UsMWUWykfJzcLCEgvlY88kiau7kctKYUFSEikf9//UUW9v887XOce86v+v32J6z8z59XbOc8705OUxDMMwjNX8+fuvHPT6WXARXIGQH+WKwTP4BFE/Ck4oOeEFlCUZmw+qwACYAStgG2yAZTAKGkDAlFwRuHMICusJxtWCaXDtGuvFPZgFYV3BYY8JmtTzFrCfplQinsAkCGYjVwguPH74DBxoiLk5BZWZCnYaFEiHR9CWieDhNwsKr6A9HbnGHMg5JZtTCW7mUFC4BaVectXgw9LEsrnWwDyYAgtgVW0S95zHCeulKqgmpeJgKFXNUydWF9gCb+q74+5BYbUGdKXepaCDuizrbwmIqZ1d43wQMyC3I8vE0Ekmon1fH0LgQVOux+alYMTA21uyJRcAl4bWXsSGYL/BXbsr1y7TgnHDpaXbxlsMggpQDzrUVSuq6qLUphNw46hRyZDl8itXN+wCVS/lktoKBsEYmFOnwh44l03Hv5sMwzAMwzAM8yMS+X1UDnr9LLgIrkDIj3LF4Bl8gqgfBSeUnPACypKMzQdVYADMgBWwDTbAMhgFDSBgSq4I3DkEhfUE42rBNLh2jfXiHsyCsK7gsMcETep5C9hPUyoRT2ASBLORKwQXHj98Bg40xNycgspMBTsNCqTDI2jLRPDwmwWFV9CejlxjDuScks2pBDdzKCjcglIvuWrwYWli2VxrYB5MgQWwqjaJe87jhPVSFVSTUnEwlKrmqROrC2yBN/XdcfegsFoDulLvUtBBXZb1twTE1M6ucT6IGZDbkWVi6CQT0b6vDyHwoCnXY/NSMGLg7S3ZkguAS0NrL2JDsN/grt2Va5dpwbjh0tJt4y0GQQWoBx3qqhVVdVFq0wm4cdSoZMhyyU2fBBMXqHopl9RWMAjGwJw6FfbAuWw6/t1kGIZhGIZhmB8R9kk05dgn0ZFjn4R9EvZJPOTYJ2GfhH0S9kksXArYJ9ERZJ/EhCT7JAzDMAzDMAzD+DLsk2jKsU+iI8c+Cfsk7JN4yLFPwj4J+yTsk1i4FLBPoiPIPokJSfZJGIZhmOzyH/w9ozK/K5plAAAAAElFTkSuQmCC);
    }
  .pd-btn-ico-redo{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAADPUlEQVR42u2ZO0gjURSGDauFj9ImVgoKmkZBsFJQK1FLURFflV26gGDpA0wh+ABxsZjCUi0EH70GEVlXthFXK0EtFBFEFMHH/heuEIbJ5DpzxkT3/+Grcjn3YzL35IaTk8MwDMMwXzK///ztBeXZKlcEzsFCtgpOgDfwAIolC+eBBjAMLLAGNsESmAYDoAqEXGqUgUctqBiTEAuDGXCTVNiNCzAFahxqrdrWXoN8r2KFYBzcG4o5sQtadL2mFGuiXuQqwZEPMTt74DjFZ6cg9yNybeBOUM6ETlO5dvD0yXKKfRO55gzJvdPoJlcKrjIop1h3628HtsWv+pAsg3kwCebAisvL7he1Z8RJcFQveAYboCtdh9e9cQgkhCUt+0bV+sTGQYnHflmnG/CLgKA6A+Hk4n1exRxEI2BLQDIe9GWgx6fgrbrxBCm4KPAUY0HJ1Qq9i2equ0jLhcC24InulxbsFm45CUm5Av21pNtU9dpLcKh7rqVv2FHQAepBhbrqST+9GDgBO/rXZxaMgEHQqi6vurn/4F9GhmEYhmEYhvn2qf35qxeUZ6tcETgHC9kqOAHewAMoliycBxrAMLDAGtgES2AaDIAqEHKpUQYetaBiTEIsDGbATVJhNy7AFKhxqLVqW3sN8r2KFYJxcG8o5sQuaNH1mlKsiXqRqwRHPsTs7IHjFJ+dgtyPyLWBO0E5EzpN5drB0yfLKfZN5JozJPdOo5tcKbjKoJxi3a2/HdgWv+pDsgzmwSSYAysuL7tf1J4RJ8FRveAZbICudB1e98YhkBCWtOwbVesTGwclHvtlnW7ALwKC6gyEk4v3eRVzEI2ALQHJeNCXgR6fgrfqxhOk4KLAU4wFJVcr9C6eqe4iLRcC24Inul9asFu45SQk5Qr015JuU9VrL8Gh7rmWvmFHQQeoBxXqqif99GLgBOzoX59ZMAIGQau6vOrmzjkJwzAMwzAMw3z/cE7iU5BzEs5JTOQ4J+GchHMSW3/jnIRzEgNRzkmkBDkn8SrHOYkfOc5JGIZhGIZhGIb5MuGcxKcg5ySck5jIcU7COQnnJLb+xjkJ5yQGopyTSAlyTuJVjnMSP3KckzAMw/yP+Qfa8qMykyKtbQAAAABJRU5ErkJggg==);
    }
  .pd-btn-ico-remove{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAYAAAB+HS7YAAAC+klEQVR42u3ZzUojQRQFYF/CAbWTdEyiDzBPO28ggiDiIm78Ww8Ds9Ik2p1odCmIiyyde6GEpuiq6upb1TXgOXB29s23qOoQ79YWgiAIYsyfv7N96iV1Q72gZgFmDqhTNfOKmkuG3VA/Ky2ofcG8nLrUZt5KgBttGPexDdKA435IgNOagd5IhSsNs84lwD51ZUH2Gp45E64Qn2saMGyLbIAbhLzNJuRDHVLhCsMzZTCchnyyILNkOB+kOrc2XB775T2yIBcW3DI6TkM+GyBpcS2QjBum+q52IVfJcArYU5fDBJxT91LhMgfuq7POkR64KnK3S9zCAOHXzzoZsgGOL83EgryPhlS4ueGD+SaPKn974EDuJMNpyJfoSL6BDtzY8qwNeSdG8nlpi6vMOHQgtyXAEwtu4jGHka+GWUcSYN3X2NoH1wBZSoCnIXAO5LH0DPIvu3f1A34c4NIx8pr6Rj2j/sC/SBAEQRAE+ab5+ev3PvWSuqFeULMAMwfUqZp5Rc0lw26on5UW1L5gXk5dajNvJcCNNoz72AZpwHE/JMBpzUBvpMKVhlnnEmCfurIgew3PnAlXiM81DRi2RTbADULeZhPyoQ6pcIXhmTIYTkM+WZBZMpwPUp1bGy6P/fIeWZALC24ZHachnw2QtLgWSMalWUU0QK6S4RSwpy6HCTin7qXCZQ7cV2edIz1wVeRul7iFAcKvn3UyZAMcX5qJBXkfDalwc8MH800eVf72wIHcSYbTkC/RkXwDHbix5Vkb8k6M5PPSFleZcehAbkuAJxbcxGMOI18Ns44kwLqvsbUPrgGylABPQ+AcyGPpGeRfdu/qB/w4wKVj5DX1jXpGxZ4EQRAEQZDvGuxJsCfxw2FPgj1JCCT2JCGQ2JN0jcSexAbEniQ2DnsSXxz2JGKchsSeBHsS7EkCILEnQRAEQRAE+U+DPQn2JH447EmwJwmBxJ4kBBJ7kq6R2JPYgNiTxMZhT+KLw55EjNOQ2JNgT4I9SQAk9iQIgqTMP1l9xnIQ46nnAAAAAElFTkSuQmCC);
    }
  .pd-btn-ico-center{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACgCAMAAABJw97qAAAAD1BMVEUAAAAzmczO0dkzmczO0dn2947xAAAAA3RSTlMA0tIhpdC7AAAAUklEQVR4Ae3VMQrAQAhFwSR6/zOnXthqCVFwfj2d4Lt+WT6zYC47hWD3W+d2FRD0eyzuWTCWnUGw/61juwoI+j2mM6DOgDrzPTSdkQ+dAXVGZ17PihH9QRNvwAAAAABJRU5ErkJggg==);
    }
  .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: center;
  /* background: #fff;
  margin: 10px auto;
  padding: 10px 0;
  max-width: 100%;
  line-height: 0;
  width: 460px !important;
  border: 2px solid #2fa3a4; */
  }
  .pd_bottom_panel .pd-btn-ico{
    margin: 0 5px;
    }
#pd_choose_product-content{
  display: block !important;
  }
#pd_choose_product-content .pd-header{
  display: none;
}
#pd_choose_product-content .pd-content{
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25);    
  padding-bottom: 0;
}
.pd-content{
  background: #fff;
  border-radius: 0 0 5px 5px;
  padding: 5px;
  }
.pd-content:after,
.product-designer-price:after{
  content: '';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}  
.pd-header{
  font-weight: 400;
  color: #8c8e8e;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 20px;
  margin: 0;
  }
.pd-current-product{
  float: left;
  margin: 0 0 0 12px;
  font-size: 16px;
  line-height: 30px;
  color: #6a6e80;
  }
.product-designer select.pdproduct-description,
.product-designer .form-list select,
select.pd-select,
.sales-categories select{
  border: 1px solid #e1e1e1;
  color: #8e8e8e;
  font-size: 14px;
  padding: 4px 5px;
  line-height: 20px;
  margin: 0;
  border-radius: 3px;
  padding-right: 30px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAMAAACHI7exAAAAD1BMVEWemJbIxcTOy8rV0tH///8tvpuWAAAAJ0lEQVR4AW3JsQ0AIADDsLTk/5tZWJDq1ZSn/rA7RDtD1MBxjhnhBVsAAZGmCLW4AAAAAElFTkSuQmCC) 100% 50% no-repeat;
  }
.product-designer select.pdproduct-description::-ms-expand,
.product-designer .form-list select::-ms-expand,
select.pd-select::-ms-expand,
.sales-categories select::-ms-expand{
  display: none;
}
.product-designer select.pdproduct-description{
  display: block;
  width: 100%;
  margin: 0 0 15px;
}
.product-designer select.pdproduct-description.selected{
  background-color: #ececec;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAFCAIAAADUqGvXAAAAb0lEQVR42mN49uzplnWr+xvrJ7e1IKNJrc0zujtPHjr4lhTAAMTPnj1DMxFsVteJw4fekggYIBTQxK3r1/Q3NUDMmtbTdYp0sxDGgUx8+nT9qmVAN07v7b5w6tRbsgADMufp0yfbN647ffzYW3IBAAl/S4QbxcSlAAAAAElFTkSuQmCC);
}
.sales-categories select,
.sales-stores .pd-select{
  width: 100%;
}  
.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: 187px;
  }
.pd-text-font-right{
  float: right;
  width: 137px;
  }
.pd-add-text-actions{
  margin-bottom: 0;
  }
  
/* Sidebar
-------------------------------------------------- */

/* Tabs */
.pd-tab-content{
  display: none;
  position: relative;
  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: block;
  margin: 00;
  text-align: center;
  }
  .pd_sides_list li + li{
    margin-top: 3px;
  }
  .pd_sides_list li .side-name{
    font-size: 9px;
    color: #11989a;
    font-weight: 700;
    }
  .pd_sides_list li.active img,
  .pd_sides_list li:hover img{
    border-color: #3399cc;
    border-radius: 5px;
    }
  
/* Colors panel */
.colors-panel {
  margin: 2px 0 0;
  text-align: center;
  }
  .color-btn{
    cursor: pointer;
    margin: 0 0 3px;
    /*margin: 0 3px 3px 0;*/
    display: block;
    width: 34px;
    height: 17px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    /* overflow: hidden; */
/*  opacity: .5; */
/*  border-radius: 5px; */
    -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;
    position: relative;
    }
    #product-colors .color-btn{
      /*overflow: hidden;*/
    }
    #product-colors .color-btn:after{
      content: "";
      width: 6px;
      height: 12px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAIAAADONVt5AAAAsUlEQVR42mP4/OnTzx8//iMBhrUrlh/Ys/vPnz8IoYKMlMgAnyuXLv79+xcqVFtWpCohnBYbef7MaahQXXmxtrykhY56RnzM+bNnoEK6itJWeppW+tpAtYf374MK2ZnoG6op2hrqLp0/DySkpyRjoqFsZ6zX3lB79/ZthvqKEmVxQVsj3c6mhmdPn4LMKs3LNFCR721rfvH8OdTGhsrShorSjx/eI5x65uSJR/fvI3sIAB9Wi1+cJFjuAAAAAElFTkSuQmCC);
      position: absolute;
      left: -10px;
      top: 50%;
      margin-top: -6px;
      display: none;
    }
    /*.color-btn:nth-child(6n){
      margin-right: 0;
      }*/
    /*#product-colors .color-btn.switched:after,*/
    /*#product-colors .color-btn:hover:after*/
#product-colors .color-btn.selected:after{
      display: block;
      }
    .color-btn.selected{
       /*opacity: 1;*/
      /*border-color: #5295cc; */
      }
.product-colors.pd-box{
  padding-bottom: 0;
  }
.color-picher{
  float: left;
  width: 19px;
  height: 19px;
  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;
  background-size: 19px 19px;
  }
  .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;
  }
#carousel-wrapper{
  overflow: hidden;
  /*width: 255px;*/
  }
.products-designer-grid{
  width: 1605px;
  }  
.products-designer-grid .display-product{
  display: none !important;
  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;
  overflow: hidden;
  }
#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{
  
  }

.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;
  }
.upload-image-drop-zone{
  background: #fff;
  border: 2px dashed #dadada;
  font-size: 20px;
  color: #939393;
  line-height: 24px;
  border-radius: 5px;
  text-align: center;
  padding: 19px 10px 9px;
  margin: 15px 15px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  }
  .upload-image-drop-zone a{
    text-decoration: none;
    color: #3399cc;
    }
    .upload-image-drop-zone a:hover{
      text-decoration: underline;
      }
 
/* Fields
-------------------------------------------------- */
.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
-------------------------------------------------- */
.pd_gt_product .pd-btn{
  width: 100%;
  display: block;
  background: #3399cc;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-align: center;
  height: 56px;
  line-height: 56px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 4px 0 rgba(0, 0, 0, .25);
}
.product-designer-step-2 #pd_gt_product{
  margin-top: -65px;
}
.product-designer-price{
  
  }
  .product-designer-price .product-designer-price-text{
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    color: #8c8e8e;
    line-height: 23px;
    font-style: normal;
    vertical-align: middle;
    max-width: 200px;
    }
  .product-designer-price .price-box{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    margin-left: 5px;
    }
  .product-designer-price .price-box .price{
    font-weight: 600;
    color: #3399cc;
    font-style: normal;
    font-size: 30px;
    }
    .product-designer-price .price-box .old-price .price{
      font-weight: 600;
      color: #3399cc;
      font-size: 30px;
      }
#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;
    display: none !important;
}

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

#navigation_panel .pages {
    margin: auto;
}
.clipart-image {
  width: 100%;
  /* height: 60px; */
  height: auto;
  cursor: pointer;
  display: block;
  float: left;
  margin: 1%;
  background: #f5f5f5;
}


/* 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 #3399cc;
}

#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;
  display: none;
  }
.pd_sides_list img {
  border: 2px solid transparent;
  cursor: pointer;
  padding: 3px;
  background: #fff;
  }
.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;
}
.clear{
  clear: both;
}
.hidden{
  display: none !important;
}
.products-designer-grid {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    margin: 0 0 0 -7px;
}
.products-designer-grid .item{
  float: left;
  width: 100px;
  text-align: center;
  margin: 0 0 5px 7px;
  box-sizing: border-box;
  }
  .products-designer-grid .item .product-image{
    border: 2px solid transparent;
    display: block;
    }
  .products-designer-grid .item .product-name{
    text-transform: none;
    font-size: 12px;
    padding: 0 3px;
    margin-bottom: 2px;
    }
  .products-designer-grid .item .pd-sku{
    font-size: 11px;
  }
  .products-designer-grid .item.active .product-image,
  .products-designer-grid .item:hover .product-image{
    border-color: #3399cc;
    }
  .products-designer-grid .item:hover .product-name,
  .products-designer-grid .item.active .product-name{
    color: #3399cc;
    }
#navigation-filters{
  padding: 10px 5px;
}
#navigation-filters .fields{
  display: none;
  }
#navigation-filters .fields .field{
  margin-bottom: 0;
  }
.pd-btn-clear-text-styles{
  margin-left: 5px;
  }


#pd_add_text-content .pd-textarea{
  font-size: 12px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 10px;
  height: 71px;
  resize: vertical;
  min-height: 50px;
  max-height: 100px;
  color: #000;
  background: #fff;
  max-width: none;
  }
#add_text_colors_panel{
  padding-left: 6px;
  }
#add_text_colors_panel .color-btn{
  border-radius: 0;
  margin: 0;
  border: 0.5px solid #d8d8d8;
  float: left;
  width: 13px;
  height: 15px;
  }
#pd_sides .pd-header{
  display: none;
  }
.pd_product_options .product-options{
  padding: 0;
  border: 0;
  }
#color-picker-palitra .color-picker{
  max-width: 100%;
  }
  
#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-top{
  overflow: hidden;
  margin-bottom: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7QAAAAnCAMAAAAIA/TsAAABd1BMVEUAAADg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OCuRlghAAAAfHRSTlMAAQMEBgkKCwwPEhQVFxgbHB0gISUmJygqKy0uLzIzNzg6Oz4/QUNGR0hJTlFTVldYWlxgYmNoaWxtbm9zdXd8gIWHiYuQk5SZnqKjpqisrrC0t7i7vsDExcbKy8zNztDR09TW2Nna3d7f4uPk5+nr7O3w8fP09vf6+/z9V1b8GgAAAhdJREFUeAHt3VdXE1EUxfEzIUZiROwdC6KCRVCxi8YuFrEj9qIoGgsE45DsD+97ntzkruUD/9932GvW3HvP2SHYpisx2BRcwzEiuBaGop3gmyrFqODKB2JMcM33EdoUJgpRFVxzW+K64Pq+ltCmcCNiXHB96y1MCK6PKwhtChei66FceFsuPZMLk8sIbQpHo/uVXHhcrHySC/cKhDaBfG/0zMiF29m6H3LhGqFNob41Ns7Khcux47dcOE9oU6itjv6G4DoVB5qC6wihTeFdOQ63BFPrYJwQXPkeQpvCk2KcEVyNXVEVXHObCW0Kd7K4Krh+rs/GBdfXXkKbwpXI7gquzyu7HgmuN2VCm8LpKD4VXC9K3a/l45ab0CbQOhTl94LrQWHVjOC6lRHaBBq7Y01NcN2MTbOC6xKhTeHXhthWlwsXo/+PXDhJaFP40hP7crlwfHG33NxyhzqGl8vjmFzI98dZudDYGeocqhH35UKtGJNy4UMI/+1Ly5f2nMCXln9a/mn5p8U/nB5vrwuLOz0Gp8fc03JPyz0teBHFiyheRPH2GM95e8zbY6Z8mPJhygdLYp6WeVrmadlcATZXsLmCHVHsiAI7otjGyDZGtjGy9xjsPWbvMQ0DNAyAhgG6fOjyocuH1jzQmkdrHv209NOCflqa4GmCpwkeU6UYlQv5QIzJhfm+aCMbpisx2JQLwzEiFxaGos1fQoH2ADtca10AAAAASUVORK5CYII=) no-repeat 50% 0;
  background-size: contain;
  }
  .pd-top span,
  .pd-top a{
    float: left;
    width: 326px;
    color: #939393;
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 21px;
    text-align: center;
    padding: 5px 5px 6px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    }
  .pd-top span i,
  .pd-top a i{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 28px;
    line-height: 26px;
    margin-right: 8px;
    background: #939393;
    font-style: normal;
    border-radius: 100%;
    text-align: center;
  }
  .pd-top a + a,
  .pd-top a + span,
  .pd-top span + a{
    margin-left: -15px;
    }
  .pd-top a{
    
    }
  .pd-top .active{
    color: #3399cc;
    }
    .pd-top a.active{
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAAAnCAYAAACcyoqFAAAB/UlEQVR42u3dr2tVYRgH8CteDJcLK4rCMBj8AQOtgmFBcM1iWDGMtQX/g4W1Bf8Cy8qK0SAsrJiVhYFVFrYmwiwGmTw+h3uL+TyWh88Hvpx2wjc8nHPv+75nMkkRsZG5CoAeNidj5U1my+u2PoEmfmfWJ1XyZns6BZq4zKxVDsgDnQJNnGdWq4bjNHOkU6CJ08xK1YCcZ050CjRxXPl6fTtzplOgicPMtaoB+TDzQ6dAE/uVT5DPMr90CjSxUzkgX2X+6BRoYJhlLysH5BudAk0Mb8NPKwfkW50CTXzP3I+KP2mGm2Te6xRo4lvmVmZaMSBvZD7pFGjiS2aWmVcMyJXMV50CTXzMXM/cqRiQdzMXOgWaeLecbY/GDMYHy+vjzE+dAk3slmwvXF6fx+LsNIAOtiqX+LzWJ9DE8LD3onJAftAp0MSFJ0eA//HkGH5zBHrZqhiMT8K/1UAfu9Y5AvyrZJ2jHTJAJ+N3yIS91UAvn2Ps3upwKg/QS82pPOE8R6CPmvMcw0ngQB81J4GHb8gAfdR8QyZ8fRDoZadiMPpuNdDJfsmRZJkzXQJNHMZixc29MYNxnjnRJdDEcSzWaN8cMxinmSNdAk2cxmJX32zs6/SBLoEmzjOrFb8z7ukSaOIys1YxGLd1CTQxnDG7XjEYNzJX+gSa2Bw7F/8CNuNO+jp0jYEAAAAASUVORK5CYII=) 50% 0 no-repeat;
      background-size: contain;
    }        
    .pd-top a:first-child.active{
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUYAAAAnCAYAAABzCOG7AAABLUlEQVR42u3dL04DQRiH4SEkCBCYJhiwODgArkfA9gz4Wiy+Z6jsESqrcHUVZEUlBoNoQuAjQ8gOg2nXTZ4n+V1gxJtNu3/SJ0A7NrFRGso5Ao1ZxU6FEaC0iB0LI0BpJowAtakwAtQmwghQ2sXGwghQeovdCCNAaSuMALW1MALUlsIIUJsLI0DtSRgBag/CCFD6iN0LI0DpPXb33cOu666EESB7jV3/xPFWGAGyl9iFK0aA0nPsTBgBSo/CCOCKEeBffmME6Pn9V1oYAdzHCFDw5AvAH56VBujxdh2AnnnsSBgBsmXsxItqAbJ17NynDQCybezSx7AAMt+VBujZxcZpH84MaNwk7cuZAQ2bpkM4N6BRs3QoZwc0aJGGcH5AY1ZpKGcINGQTGw3t4hen5+TtmXUK9AAAAABJRU5ErkJggg==) 50% 0 no-repeat;
      background-size: contain;
    }
    .pd-top .active i{
      background: #3399cc;
    }
    
.pdrc-actions{
  margin-bottom: 6px;
  }
button#pd_turn.disabled{
  opacity: 1 !important;
  background: none !important;
  }
button#pd_turn{
  background: none;
  border: 0;
  height: 57px;
  padding: 0;
  display: block;
  margin: auto;
  width: 50px;
  }
button#pd_turn span{
  height: auto;
  display: block;
  line-height: 12px;
  }
button#pd_turn span span{
  min-width: 42px;
  text-align: center;
  color: #11989a;
  font-family: 'Open Sans';
  font-weight: 700;
  padding: 43px 0 0;
  font-size: 10px;
  border-radius: 0;
  text-transform: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAMAAAAZKoJqAAAB9VBMVEURmJoRmJkRmJkRmJkRmJoRmJkSmJkRmJkRmJoSmJkSmZkSmZoRmJkRmJoRmZkSmJkSmJoSmZoRmJkRmJoSmZoRmJkSmZkSmZoSmZoRmJkRmJkSmZoRmJkRmJkRmJkRmJoRmJkRmJoSmJkSmJoSmZoRmJoRmJoRmJkRmJkRmJkRmJoRmZkSmJkSmJoSmZoRmJkRmJoRmJoRmJkRmJkRmJoSmZoRmJkRmJoSmJkSmZkSmZoRmJkRmJoSmZkSmZoRmJkRmJoRmZkRmZoSmJkSmJoSmZkSmZoTmZoYm5sanZ0cnZ4cnZ8hn6Ain6AioKEkoKEkoaIloKIooqMooqQqo6Qqo6UspKUupaUupaYvpaYwpaYypqczp6g1qKk2qKo4qao9q6w+q60/rK1OsrRbuLleurpjvLxnvb5qvsBsv8Bzw8N2xMR3xMV4xMZ/yMh/yMmAyMmGysuHy8uIy8yIzM2Kzc2Lzc6Ozs+Qz8+T0NGW0tKg1tej19is29uv3N2x3d2y3d6y3t+139+74uK94uPA5OTF5ubG5ufI5+fI5+jJ6OjN6erO6urQ6+vS7OzT7OzU7O3X7u7Y7u7d8PDd8PHg8vLk8/Pm9PTn9fXo9fXq9vbx+fny+fnz+vr0+vr1+/v2+/v4/Pz7/f38/v79/v7+//////+UQXbUAAAAP3RSTlOEh5easLS0tbW1tbW2tra2tra3t7q9vb2+wcLCycrOzs/Pz8/P1Njc5/Hx8fHx8fP0+Pn8/Pz9/f39/f7+/v50ccvSAAADbElEQVR4AY2Td5dbRQzFHyWsw9oQB0IvXgglxgl9ndhmr14Z0QuhQ+i9l1BCCYSy9F4ghEAo7PucXEljDn+i9Rlp7/xGo5Hs4vBTN61bWOh0FrgsLC52POYfbZGa6euP6m7aWBSnXX7xaLRlyD9+tm0bchkOhxds3bqFATUuo9GFl1x0ZHEuVGsAKpJgHrUKqpqaCMR0i/Sk4hykCplMTkKbUkwSmpOlyMrxxRl+xDfqpA2jEk3lgif1oyqXdoqBNA2VRIKrci9BjHIsrhfV5S5JVTXNForm7aOOuWbnJr1iCfl6P5ySOC8O5UfapZO+kWZcjfQnJUGQJDQn8pyqFvtxwd3P7Pv2wIFv3nn6Dm+I5kPCOpcMSbmC295aa7P99eYtRL25NXOPScahnXT6+O8OZfvtMSu1iXmMe3x7WZI9+DrwXBDfra5+H9Gz0eiUEnj7WQJUirb94g3b/HvPgwmSHtrjZTwapCq2d4uz0dSl4qAnWXt/Vy22B9z7lQk3w6wRbD92/vZfnTx0q2rMUHDl1xT25dZhuc86PQpybf8r9+fOit70B5U71TNhzNtNDdLtJZ+sfwV289+XvVW1kBy4KJn85GH1wrzpN/zZtp/6NKET6zzMnPzxCfVJKaSpIfWXbbtffVTwfgKlyi9s0KtXVQIvE2Hv8Y0QTdQmQUK1bffuamBcLKIq8i7JPHjm3BxpPnoEirklUSc/b9ufLaOqzWgzaNGXlLPFWdVr2abPLGOQA6ql99sSNZKcrFGpPs9HvkaZJG93stL4zThpkZNXHyJ5T/zkok71qyFGpmS99FLSxwQ/QM6x3PN+ChkSxKObFu38sKXdLrX3wua+lPd9FLCCjb3rBR/Fk6K5uf7r4EVB5uNyzV62x2y3VBSctrkrUCZBMoVG9MY27KkkdQxsXmci/O/byV7v3Nv3GaQUrPY8d3HO1GRnrvvph9UXH4CEeW+8TpSlBGpPQmygKkHHGOb9WzfwR+cOOd54etQ1rBrAIt1B0vfUp14C3JP/kAIjG6QdPSet8fExxOdQKbeRR0c37hRnIrroksXR+qTGe9W+f9m64rz5rivR+vDiHjGYdHJxPmQ2m05nK7PZFRbQ01amlGYmTS2cyuz04ohTTji6N7fuMf0NXfP9ftc8F7oN6zeeeNxh/5/8B9d+23wxaAIxAAAAAElFTkSuQmCC) no-repeat 50% 0;
  }
  
#navigation_listing .carousel-control{
  display: block;
  position: absolute;
  width: 16px;
  height: 23px;
  text-align: left;
  top: 50%;
  margin: -8px 0 0;
  text-indent: -999em;
  overflow: hidden;
  }
  #navigation_listing .carousel-control[rel="prev"]{
    left: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXCAMAAAA1KD/rAAAAxlBMVEXQ3vHW7PfY2NjZ2dna2tra7/rb29vc7/rc8Prd3d3f39/g8fvh4eHh8fni4uLi6/bk5OTn5+fo6Ojq6urq8Pnq9vzr8fns7Ozt7e3t8vru7u7v7+/w8PDw8Pjx8fHy8vLy8vnz8/Pz8/n09PT09Pr19fX29vb39/f4+Pj58ev58uz5+fn5///679z68Nz68N368u369O/6+vr6///78eD78+P79/P7+/v7///8/Pz8///9+PD9/f39//7+/v7///z///3///8GeYt/AAAAy0lEQVR4AU3Qaz9DMQyA8WDmPnPmbg5D28Nc6JCFCPn+X0pz6Hr6or8+/75KQP+PUJxGEs3A0Y1Pa48CuSejwebwOBDkrvqvujS8QMjde0yPnXGE3A/2M7tE6PbHSWDo9qEnAcHrRTsUBQ5HG09t71srkKverOe7dUxt8Gl9D9tnUzbg5uXbZHV5bxKTgJC/a2VtpTIBFXS3f9JLIqBF1vsjZ8MV2RrU0aDIgQ3XldkVGrTin390ft4wLFYa3r9uGtKyZEYk1gJmdv0CJvlKlMByXngAAAAASUVORK5CYII=);
    }
  #navigation_listing .carousel-control[rel="next"]{
    right: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXCAMAAAA1KD/rAAAAxlBMVEXQ3vHW7PfY2NjZ2dna2tra7/rb29vc7/rc8Prd3d3f39/g8fvh4eHh8fni4uLi6/bk5OTn5+fo6Ojq6urq8Pnq9vzr8fns7Ozt7e3t8vru7u7v7+/w8PDw8Pjx8fHy8vLy8vnz8/Pz8/n09PT09Pr19fX29vb39/f4+Pj58ev58uz5+fn5///679z68Nz68N368u369O/6+vr6///78eD78+P79/P7+/v7///8/Pz8///9+PD9/f39//7+/v7///z///3///8GeYt/AAAAy0lEQVR42k3Q2VrCQAyA0aAICMpSFDcs67RVFHBAQ3QM5P1fykkHaXOT7z93CYgflmI8OEJ0XABl89+vlPgfXPa8k8M6QT4CTjd+7V/MUcAOb6UQhbjdKguQ6dcaJQG2k6haLwTEeTkP8poQg6j0zi5y+cgciJfF0xW8qfwYUmAbd3ban1EOjObmW3t1eZc60B7k/V6NZsjAlJx6Yp2ASx/KLYDjTbn1uGu/lqEVcNStyLYWWoHS+26z3dcOwJjEj0OjHUCY7MLS6cl/yTlKlGT5kG8AAAAASUVORK5CYII=);
    }    
#navigation_listing #carousel-wrapper{
  margin: 0 21px;
  
  }
.calculation_qty-top{
  padding-top: 50px;
}
#calculation_qty,
#sales_day{
  width: 100%;
  }
  #calculation_qty::-moz-range-thumb,
  #sales_day::-moz-range-thumb{
    background: #11989a;
    border: 0;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    }
  #calculation_qty::-webkit-slider-thumb,
  #sales_day::-webkit-slider-thumb{
    background: #11989a;
    border: 0;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    -webkit-appearance: none
    }      
  #calculation_qty::-moz-range-track,
  #sales_day::-moz-range-track{
    height: 4px;
    background: #11989a;
    border: 0;
    }
.calculation_qty-left{
  overflow: hidden;
  }
.calculation_qty-left input#keypress_input{
  color: #8c8e8e;
  font-weight: 400;
  border: 1px solid #3399cc;
  padding: 0 10px;
  width: 80px;
  border-radius: 3px 0 0 3px;
  font-size: 20px;
  line-height: 20px;
  float: left;
  height: 34px;
  }
  .calculation_qty-left input#keypress_input + .label{
    height: 34px;
    width: 76px;
    border: 1px solid #cecccc;
    border-left-color: #a7d4dc;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    padding: 7px 10px;
    float: left;
    color: #8c8e8e;
    font-weight: 400;
    background: #eeeeed;
    }
.calculation_qty-right{
  font-size: 11px;
  color: #b9b9be;
  }
  .calculation_qty-right a{
    text-decoration: none;
  }
#calculation .product-designer-sidebar {
	width: 44%;
}
#sales .product-designer-sidebar{
  width: 49%;
  }
#calculation .product-designer-main-col {
	width: 49%;
	margin: 0;
}
#sales .product-designer-main-col{
  float: right;
  width: 49%;
  margin: 0;
  }
#calculation .pd-content,
#sales .pd-content{
  padding: 0 20px 10px;
  }
/* .calculation-price{
  border-bottom: 1px solid #cfeaeb;
  padding: 0 0 15px;
  font-size: 16px;
  color: #9e9e9e;
  margin: 0 0 12px;
  } */
  .calculation-price + .calculation-price{
    border: 0;
    padding: 0;
    margin: 0;
    }
  #calculation-price{
    color: #11989a;
    }
  #calculation-price-total{
    font-weight: 700;
    color: #11989a;
    font-size: 20px;
    }
    #calculation-price-total + .label{
      font-weight: 700;
      font-size: 20px;
      }
#calculation #pd_calculation{
  /* width: 315px; */
  }
#sales #pd_sales{
  font-size: 17px;
  /* width: 370px; */
  }
.sales-date{
  font-size: 14px;
  color: #b9b9be;
  padding-bottom: 20px !important;
  }
#sales_day_label,
#sales_day_date{
  font-size: 14px;
  color: #3399cc;
  }
.sales-name .input-box .input-text{
  width: 100%;
  border-color: #65bcbe;
  font-size: 13px;
  border-radius: 0;
  }
.sales-url{
  margin-bottom: 10px;
  }
.input-url{
  overflow: hidden;
  margin-bottom: 10px;
  }
  .input-url > span{
    float: left;
    background: #fff;
    border: 1px solid #cecccc;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    width: 180px;
    height: 36px;
    color: #8c8e8e;
    font-size: 12px;
    text-align: left;
    padding: 0 10px;
    line-height: 36px;
    }
  .input-url .input-box{
    margin-left: 180px;
    padding: 0;
    }
    .input-url .input-box .input-text{
      width: 100%;
      height: 36px;
      font-size: 14px;
      color: #b7b7b7;
      border: 1px solid #3399cc;
      border-radius: 0 2px 2px 0;
      }
  .input-url-text{
    text-align: left;
    font-size: 12px;
    color: #b9b9be;
    margin-bottom: 10px;
    }
.sales-actions{
  font-size: 16px;
  }
  .sales-actions .input-box{
    margin-bottom: 10px;
    }
    .sales-actions .input-box label{
      font-weight: 400;
      font-size: 16px;
      }
  .sales-actions input[type="checkbox"]{
    float: left;
    margin-top: 3px;
    }
  .sales-actions input[type="checkbox"] + span{
    margin-left: 25px;
    display: block;
    font-size: 14px;
    color: #b9b9be;
    line-height: 20px;
    }
.pd-items{
  width: 100%;
  font-size: 14px;
  color: #939393;
  }
  .pd-items-img{
    /* border: 1px solid #61b9ba; */
    max-width: 40px;
    }
  .pd-items td.pd-items-img-wrap{
    padding: 4px 0;
  }
  .pd-items th{
    color: #9e9e9e;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    word-wrap: break-word;
    vertical-align: top;
    padding: 2px;
    }
    .pd-items th:last-child,
    .pd-items td:last-child{
      /* text-align: right; */
      }
  .pd-items td{
    padding: 4px;
    /* text-align: center; */
    /* border-bottom: 1px solid #11989a; */
    }
  .pd-items td:first-child{
    padding-left: 24px;
  }
  .pd-items td:last-child{
    padding-right: 24px;
  }
  .pd-items-color{
    position: relative;
  }
  .pd-items-color-link,
  .pd-items-color-link input[type="checkbox"]{
    vertical-align: middle;
    display: inline-block;
    float: left;
    padding: 2px;
    }
    .pd-items-color-link img{
      display: inline;
      }
  .pd-items-price{
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #3399cc;
    }
    .pd-items-price .sales_price-label{
      color: #8c8e8e;
      font-size: 16px;
      text-transform: uppercase;
    }
  .pd-items-pname{
    text-transform: uppercase;
    font-size: 14px;
    color: #939393;
    margin-bottom: 10px;
  }
  .pd-items-price-filed{
    float: left;
    width: 108px;
    margin-right: 15px;
    margin-bottom: 10px;
    }
    .pd-items-price-filed > input{
      border: 1px solid #3399cc;
      border-radius: 3px 0 0 3px;
      text-align: center;
      font-size: 20px;
      background: #fff;
      line-height: 20px;
      padding: 7px 0;
      height: 34px !important;
      float: left;
      width: 79px;
    }
    .pd-items-price-filed > span{
      float: left;
      vertical-align: middle;
      background: #fff;
      color: #8c8e8e;
      font-size: 20px;
      line-height: 27px;
      border: 1px solid #cecccc;
      border-left: 0;
      bottom: 0;
      border-radius: 0 3px 3px 0;
      text-align: center;
      width: 29px;
      height: 34px;
      }
#calculation-selected-colors,
#calculation-colors,
.selected-colors,
.colors-container {
	/* display: inline-flex; */
  display: inline-block;
	vertical-align: middle;
}
#calculation-selected-colors > .color-btn:first-child{
  margin-right: -3px;
}
#calculation-colors,
.colors-container {
	position: absolute;
	z-index: 999;
	width: 125px;
	background-color: white;
	border: 1px solid rgb(224, 224, 224);
	border-radius: 5px;
	padding: 7px;
	margin: 5px 7px;
}
#calculation-colors,
.pd-items-color .colors-container{
  width: 142px;
  padding: 10px 5px 5px 10px;
  margin: 5px 0 0 -71px;
  left: 50%;
  top: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 1px 10px rgba(0, 0, 0, 0.1);
}
#calculation-colors:before,
#calculation-colors:after,
.pd-items-color .colors-container:before,
.pd-items-color .colors-container:after{
  border: medium solid rgba(0, 0, 0, 0);
  bottom: 100%;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  width: 0;
}
#calculation-colors:before,
.pd-items-color .colors-container:before{
  border-color: rgba(226, 226, 226, 0) rgba(226, 226, 226, 0) #e3e3e3;
  border-width: 9px;
  margin-left: -9px;
}
#calculation-colors:after,
.pd-items-color .colors-container:after{
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
#calculation-colors .color-btn,
.pd-items-color .colors-container .color-btn{
  margin: 0 5px 5px 0;
  position: relative;
  width: 17px;
  height: 17px;
  display: inline-block;
}
#calculation-colors .color-btn.active:after,
.pd-items-color .colors-container .color-btn.active:after{
  content:"\f058";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  font-family: FontAwesome;
}
#calculation-colors .color-btn.active[style*="ffffff"]:after,
.pd-items-color .colors-container .color-btn.active[style*="ffffff"]:after,
#calculation-colors .color-btn.active[style*="rgb(255, 255, 255)"]:after,
.pd-items-color .colors-container .color-btn.active[style*="rgb(255, 255, 255)"]:after{
  color: #000;
}
#calculation-colors .color-btn:nth-child(5n+5),
.pd-items-color .colors-container .color-btn:nth-child(5n+5){
  /* margin-right: 0; */
}
.pd-items .pd-items-color .pd-items-color-link{
  float: none;
  text-decoration: none;
  font-size: 12px;
  color: #3399cc;
}
.pd-items .pd-items-color .pd-items-color-link span{
  vertical-align: top;
  margin-left: 2px;
}
#calculation-selected-colors .color-btn,
.calculation-adition-product .color-btn{
  float: none;
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid #fff;
  border-radius: 2px;
  margin: 0 6px 6px 0;
  box-shadow: 0 0 2px 0 rgba(1, 1, 0, 0.45);
  vertical-align: top;  
}
#calculation-colors .color-btn{
  box-shadow: 0 0 2px 0 rgba(1, 1, 0, 0.45);
  border: 1px solid #fff;
  border-radius: 2px;  
}
  .pd-items-price-filed #sales_price,
  .sales_price{
    /* width: 50px !important;
    padding: 0;
    border: 0;
    text-align: center;
    font-size: 16px;
    color: #9e9e9e;
    font-weight: 500;
    background: #fff;
    padding: 0 !important; */
    }
.pt-table-after{
  display: block;
  font-weight: 400;
  color: #939393;
  text-transform: uppercase;
  font-size: 14px;
  margin: 13px 0 11px;
  }
#addition_products_select{
  height: 22px;
  display: block;
  width: 100%;
  color: #8e8e8e;
  font-size: 12px;
  border: 1px solid #dadada;
  border-radius: 2px;
  margin-bottom: 4px;
  }
.nicEdit-selectTxt{
  color: #8e8e8e;
}
.btn-remove{
  cursor: pointer;
  }
  .pd-items .btn-remove:after{
    color: #11989a;
    }

#calculation-sides-list li, #sales-sides-list li {
    float: left;
    margin: 8px;
    width: 60px;
}

#pd_container_barrier {
	z-index: 0;
	position: absolute;
}

.my-designs{
  margin-top: -27px;
}
.my-designs .page-title{
  overflow: hidden;
  margin-bottom: 25px;
}
.my-designs .page-title h1{
  font-size: 16px;
  color: #34a0b0;
  text-transform: none;
  font-weight: 400;
  line-height: 37px;
  float: left;
  margin: 0;
}
.my-designs .page-title .status-filter{
  float: right;
}
.my-designs .page-title .status-filter span{
  font-size: 16px;
  color: #34a0b0;
  margin-right: 4px;
}
.my-designs .page-title .status-filter select{
  width: 238px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  background: #fff;
  border: 1px solid #339999;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #339999;
}
.design-list .item{
  background: #fff;
  margin: 0 0 20px;
  padding: 20px 20px 20px 45px;
  overflow: hidden;
}
.design-list .item .campaign-image{
  float: left;
  margin-right: 50px;
}
.design-list .item .campaign-image .product-image{
  border: 0;
}
.design-list .item .product-info{
  overflow: hidden;
}
.design-list .item .campaign-info-head{
  overflow: hidden;
  margin-bottom: 7px;
}
.design-list .item .campaign-info-head .product-name{
  float: left;
  font-weight: 700;
  font-size: 17px;
  color: #aaaaaa;
  text-transform: capitalize;
}
.design-list .item .campaign-info-head .product-name a{
  color: #aaaaaa;
  text-decoration: none;
}
.design-list .item .campaign-info-head .product-name a:hover{
  text-decoration: underline;
}
.design-list .item .campaign-info-head .product-id{
  float: right;
  font-size: 17px;
  color: #aaaaaa;
}
.design-list .item .actions{
  border-bottom: 1px solid #c6c7c8;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.design-list .item .actions .actions-edit,
.design-list .item .actions .actions-delete{
  display: inline-block;
  margin-right: 35px;
}
.design-list .item .actions .actions-edit a,
.design-list .item .actions .actions-delete a{
  display: inline-block;
  line-height: 18px;
  font-size: 17px;
  color: #34a0b0;
  text-decoration: none;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 24px;
}
.design-list .item .actions .actions-edit a:hover,
.design-list .item .actions .actions-delete a:hover{
  text-decoration: underline;
}
.design-list .item .actions .actions-edit a{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAi0lEQVR42mNgIBGYLNjAD8T7gfg7EKcxkAOghpwE4v9IOJMahsBwGjUMAeEf1DAEhPdRwxCQPP+oIUPSEKhBh4D4MBD/pcQQMahiEB2NxTDChkAN8gbiW0h8ZMOIMwSqsRmI5yPxJaEGEG8IVOMOIN4ExIuB+B7UJQdJMgRq0B2oYY1A7AXEIuSUVQC+4mewQW92TQAAAABJRU5ErkJggg==);
}
.design-list .item .actions .actions-delete a{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAiklEQVR42mNggAKTBRucgPgkEIsy4AEgeag6J3QJkAHfgPg/EF/GZRDUgMtQdd/gBqEZ8B+XQWgG/EcxCOq0/1gw3CAcBsDwSUIKQOIaBORFGYiw6TtBAwj4+T/RBpBo0GVCyYABGgbf8XhNg4GIhHSZ1l4hO1C/Uxq9xKUTaqVYyvMOVXIxNcoTANNg5f/l4mNfAAAAAElFTkSuQmCC);
}
.design-list .item .w-block{
  padding: 0;
  margin: 0;
}
.design-list .item .w-block .w-block-head2{
  overflow: hidden;
}
.design-list .item .w-block .w-block-head2 .campaign-sold-count{
  float: left;
  font-weight: 700;
}
.design-list .item .w-block .w-block-head2 .campaign-status{
  float: right;
}
.design-list .item .w-block .sale-end{
  text-align: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABKklEQVR42mNgQAMmCzawAHEkEK8C4idA/BuKn0DFQHIsDPgAUIE7EN8B4v8EMEiNOy5DMoH4HxGGwDBIbSa6IcFYFC0HYi8gloViL6gYumXBMEMEgPg1ksQ7IHZAsmQBFMtB+Q5QNTD1IL0CIIkSNBuc0FwLEzdAEnNC01MCEjyOJLARS9hhGAQV34gkd5wBzZmJeAyaAcQNUGwBUoscHAxoTnTGYxAyLgBiN2QxkEIXINYBYglsCQ0oNgELtsfmIiUgzgPi7aDoZSASYAsjWKydB2J/IGYmwhCssSYANYARSj8EYnU8hmBPR0gKWqES24CYHYj7gFgRiDmJStloee0sEPMAcTZUkToQzyE6r6EVIbAscw0qto2k3I9kGBsQhwBxLJR/hpjyCAAqE9JAsqdIngAAAABJRU5ErkJggg==) no-repeat 0 50%;
  padding: 0 0 0 24px;
}
.design-list .item .w-block .sale-end strong{
  font-weight: 400;
  color: #9e9e9e;
}

#campaign_bg{
  text-align: center;
  margin-bottom: 10px;
}
#campaign_bg li,
#campaign_effects li{
  margin: 0 0 3px; 
}
#campaign_bg  input,
#campaign_effects input{
  margin-right: 5px;
}
#campaign_effects label{
  font-size: 11px;
}
#campaign_bg img{
  vertical-align: top;
}
#campaign_bg .background-thumbs{
  cursor: pointer;
}
#campaign_bg .background-thumbs.active{
  border-color: #3399cc;
}
#pd_sales_right{
  position: absolute;
  right: 138px;
  top: 511px;
  width: 368px;
}
#pd_sales_right:disabled,
#pd_sales:disabled{
  opacity: 0.7 !important;
}
.pd-content-left{
  float: left;
  width: 48%;
}
.pd-content-right{
  float: right;
  width: 48%;
}
#colorpicker-widget #colorpicker-widget-current{
  margin: 3px 0;
}
.inner-glow {
	
}
.outer-glow {
	
}
.rounded-corners {
	border-radius: 25px;	
}
.outer-glow{
  -webkit-box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.5) inset;
  box-shadow        : 0 0 30px 20px rgba(255, 255, 255, 0.5) inset;
}
.inner-glow:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%);
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
  background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

#product-colors .pd-header{
  display: none;
}
#product-colors .pd-content{
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 13px 13px 13px 17px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25);
  margin-bottom: 10px;
}
.pd_product_options .product-shop{
  padding: 0 20px;
}
#pd_sides{
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25);    
}
.product-designer .product-options dd select{
  border-color: #dadada;
  border-radius: 2px;
  color: #8c8e8e;
}
.product-designer-bottom:after{
  content: '';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}
.product-designer-price{
  text-align: center;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 9px 5px;
  background: #fff;  
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25);  
}
.product-designer-bottom > .product-designer-price,
.product-designer-bottom > .product-designer-price-wrap{
  width: 39%;  
  float: left;
}
.product-designer-bottom > .product-designer-price{
  position: absolute;
  overflow: hidden;
}
.product-designer-bottom .pd_bottom_panel-wrap{
  float: left;
  width: 29%;
  margin: 0 2%;
  margin-left: 41%;
  max-width: 275px;  
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);  
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 7px 5px;
  background: #fff;
}
.product-designer-bottom .pd_bottom_panel:not([style*="none"]) + .pd_bottom_panel{
  margin-top: 10px;
}
.product-designer-bottom .pd_bottom_panel[style*="none"] + .pd_bottom_panel{
  padding: 4px 0;
}
.pd_bottom_panel#preview_block .button{
  text-transform: none;
}
.product-designer-bottom .pd_gt_product{
  min-width: 28%;
  float: right;
}
.product-designer-step-2 .product-designer-bottom{
  
}
.salesForm-box3{
  width: 64px;
}
.salesForm-box3 .pd-header,
.salesForm-box3 .pd-content-left h4,
.salesForm-box3 .pd-content-right h4{
  display: none;
}
.salesForm-box3 .pd-content-left,
.salesForm-box3 .pd-content-right{
  float: none;
  width: auto;
}
#pd_panels{
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 3px 0 rgba(0, 0, 0, .25); 
  border-radius: 0 0 5px 5px;  
}


#calculation_qty,
#sales_day{
  -webkit-appearance: none;
}
#calculation_qty::-webkit-slider-thumb,
#sales_day::-webkit-slider-thumb{
  -webkit-appearance: none;
  border: 6px solid #ececec;
  border-radius: 100%;
  background: #3399cc;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .23);
  box-shadow        : 1px 1px 3px 0 rgba(0, 0, 0, .23);
  cursor: pointer;
  margin-top: -5px;
  width: 27px;
  height: 27px;
}
#calculation_qty::-moz-range-thumb,
#sales_day::-moz-range-thumb{
  border: 6px solid #ececec;
  border-radius: 100%;
  background: #3399cc;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .23);
  box-shadow        : 1px 1px 3px 0 rgba(0, 0, 0, .23);  
  cursor: pointer;
}
#calculation_qty::-ms-thumb,
#sales_day::-ms-thumb{
  background: #ececec;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
#calculation_qty::-webkit-slider-runnable-track,
#sales_day::-webkit-slider-runnable-track{
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

#calculation_qty:focus::-webkit-slider-runnable-track,
#sales_day:focus::-webkit-slider-runnable-track{

}
#calculation_qty:focus,
#sales_day:focus{
  outline: none !important;
}
#calculation_qty::-moz-range-track,
#sales_day::-moz-range-track{
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 5px;  
  height: 18px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;  
}

#calculation_qty::-ms-track,
#sales_day::-ms-track{
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 5px; 
  height: 18px;  
  width: 100%;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;  
}
#calculation_qty::-ms-fill-lower,
#sales_day::-ms-fill-lower {
  background: #3399cc;
}
#calculation_qty:focus::-ms-fill-lower,
#sales_day:focus::-ms-fill-lower {
  background: #3399cc;
}
#calculation_qty::-ms-fill-upper,
#sales_day::-ms-fill-upper {
  background: #fff;
}
#calculation_qty:focus::-ms-fill-upper,
#sales_day:focus::-ms-fill-upper {
  background: #fff;
}
.pd-element-wrapper.calculation_qty{
  padding-bottom: 27px;
  margin-bottom: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVEAAAAWCAMAAABOgl8QAAAAbFBMVEUAAADOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMyjGoBUAAAAI3RSTlMAERIbICIkLTAzNkBEUFFVWmBjZmx1d4iQmaCqsLvAzNDd7jcz1jgAAAFkSURBVHgB7dbRTioxGATgKdBzqFZXBYprLct23v8dlYtN/kumGIxJ59ov4z9JwwLA5oyGfDxBz/aEhpy20PP4iYacN9Dz+g6bvmhf9HcX7Yv2RfuifdG+aF+0L9oXXR3QkJf/0LPeoyH7NfT8e0NDDivoeXjGn0tPT7yHCq69KzaC2MSiCqzLTAiV3Am1R7J6WY1kgawqxX/QmYuME3oWJfRYl+aCXJAqro7ngGlUVaT3jLoCICFnLjJO6LFK6VlcKY47eMbrFy3AdFQVLn8eVJVmAAqyFwnO9AyLknqMKyUyAkwQEul1lWuBqhJZg4TMRYKzPVYpPYtrWdTVBF0NR0ar1IFaF1XZ7YuqL/FiAF0BZWxQiTe+eqHnh149ivZrgVQdoKqhOjcnUfnskLOEzEXGCT1GCT3G5RGhkoPw5vmdLKuJnNyiBDQHBdmLjBN6jBJ6jLvfF74LkmpHBkSx5/Yv/C8q3ERzuKxmOAAAAABJRU5ErkJggg==) no-repeat 0 100%;
  background-size: 100% auto;
}
.pd-items-wrap{
  margin: 0 -20px;
  padding: 15px 0;
  background: #f3f3f3;
}
.pd-items .pd-items-color{
  float: left;
}
.pd-content.sales-date .pd-element-wrapper{
  padding-bottom: 29px;
  /*
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAAAWCAMAAACVOfUyAAAASFBMVEUAAADOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMzOzMycJf5jAAAAF3RSTlMACRARIjM2RFFVYGZ3foiQmaq7zN3g7udj4T8AAAEwSURBVHgB7ZbBbuwgEAT7PUyI44ljBkL//59mzTG35rDSRlOyuJUGSkYCH19Y4Ps/ZP72qAg5iZARMkJGyAgZIVUiZISMkG/vWODzHxRi1EsQBDnhiRS8ApUGlYt0PT4fNCikSkMe5KFKD3btYCc5tlQXJBxztS43Kdw2Fizglxby3lx12FAlIHWpycYd7ZquKqGf6Aa4Q+XAWsjMrJb3RHnaPJF1l0I60M7pytJ6SNThWOBqkEOWOyJNDZlZ3NSLlqcrS4XsWAu5nyyQSTyeFtIrxJBp2HR1qdWjn1NdwC/I2ACedLUzb+T8c1WlwgwbKyH3kVI3yCw47vdnA3oS8Y+0kfSQU9p4oFagXhBJjWwJKmVsUKkX8iB3VbqpSsjEB7OGLhk5MpZIOR7kv3b4AwLQGPq0M4oLAAAAAElFTkSuQmCC) no-repeat 50% 100%;
  background-size: 100% auto; */
  margin-bottom: 20px;
}
.salesForm-box1 .pd-header{
  font-size: 18px;
}
.sales-name-label,
.sales_description-label,
.sales-tags,
.sales-categories-label,
.sales-stores-label{
  font-size: 16px;
  color: #3399cc;
  text-transform: uppercase;
}
.sales-categories-label,
.sales-stores-label{
  margin: 10px 0 2px;
}
.sales-tags{
  margin: 10px 0 5px;
}
div.product-tags{
  background: none;
  border: 0;
  padding: 0;
  width: auto;
  float: none;
  margin: 0;
}
.add-tag-placeholder{
  opacity: 0;
  display: block;
}
div.tags-list{
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 20px 0;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.tags-list .content-tags{
  padding: 35px;
}
.tags-popup-input{
  margin: 0 0 10px;
}
.tags-popup-input input{
  border: 0 none;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  height: 27px;
  background: #fff;
  max-width: 100%;
  width: 100% !important;
  display: block;
}
.popup-tags-list{
  padding: 13px 0 0 16px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow        : 0 0 4px 0 rgba(0, 0, 0, 0.25);
  max-height: 279px;
  overflow: auto;
  margin: 0 0 22px;
}
.popup-tags-list .tag-item{
  display: inline-block;
  white-space: nowrap;
  border: 1px solid #3399cc;
  font-size: 13px;
  color: #3399cc;
  line-height: 15px;
  padding: 4px 5px;
  margin: 0 10px 13px 0;
  cursor: pointer;
}
.popup-tags-list .tag-item.selected{
  background: #3399cc;
  color: #fff;
}
.popup-tags-actions{
  text-align: right;
}
.popup-tags-actions .add-tags{
  background: #3399cc;
  color: #fff;
}
.tags-popup-window{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform   : translate(-50%,-50%);
  -ms-transform    : translate(-50%,-50%);
  -o-transform     : translate(-50%,-50%);
  transform        : translate(-50%,-50%);
  width: 788px;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 4px 0 rgba(0, 0, 0, .25);
  border-radius: 6px;
}
.tags-popup-window-title{
  background: #3399cc;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.tag-popup-message{
  color: #8b8e8e;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px;
  font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
  text-transform: none;
  display: block;
}
.tag-popup-message .tag-overflow-message{
  color: #3399cc;
}
.tag-popup-message .tag-overflow-message.alert{
  color: red;
}
.product-tags #selected-tags{
  background: #fff;
  /*border: 1px solid #dadada;*/
  /*border-radius: 1px;*/
  display: block;
  /* min-height: 32px; */
  padding: 0 0 0 8px;
  margin: 8px 0 0;
}
.product-tags #selected-tags .selected-tag{
  margin: 0 8px 8px 0;
  display: inline-block;
}
.sales-name-label{
  padding: 5px 0 3px;
}
.sales_description-label{
  margin-bottom: 6px;
}
.input-box #sales_name{
  border: 1px solid #dadada;
  border-radius: 1px;
  background: #fff;
  height: 32px;
  margin-bottom: 10px;
  display: block;
}
.salesForm-box2 .nicEdit-panelContain{
  background: #fff !important;
  padding-bottom: 5px !important;
  border-width: 0 0 1px !important;
}
.salesForm-box2 .nicEdit-main{
  min-height: 84px !important;
}
.sales_description-label + div + div{
  border-color: #dadada !important;
}
#sales .pd-content.sales-actions{
  padding: 10px 20px;
}
#sales .pd-content.sales-actions a{
  text-decoration: none;
  color: #3399cc;
}
#sales .pd-content.sales-actions a:hover{
  text-decoration: underline;
}

#add_text_colors_panel.new-text-color-popup{
  display: none;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.39);
  box-shadow        : 1px 1px 8px 0 rgba(0, 0, 0, 0.39);
  padding: 6px 0 0 6px;
  margin: 8px 0 0;
}
#add_text_colors_panel.new-text-color-popup:before{
  content: "";
  position: absolute;
  top: -18px;
  right: 14px;
  width: 13px;
  height: 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAMAAAB86XelAAAAt1BMVEUAAACemJaemJaemJaemJaemJaemJaemJaemJaemJagmpigmpihnJqnoZ+po6GrpqSsp6WvqqiwrKqwq6qyrauxrauxrKqwq6qgmpihm5mhm5mln56sp6WooqGspqStqKaxrau4tLO6t7XHxMLJxsXQzMvT0M/X1dTb2djc2trh4N/i4eDk4+Lk4+Ll4+Pv7u7w7+/z8vL19PT39vb39/b6+vr6+vr8/Pz8/Pz8/Pz9/f3+/v7////+SYuwAAAAPHRSTlMAAgYICg4PFRYcKywsMTQ4OT5CQ0xNUlNUVFVVVVZWW1xhZG5weH6FjI6am6CkpsHBzdHZ2+jq8PHy9fslCssPAAAAaUlEQVQYGQXBSZLCMAAEMKUhm9uBMDUn/v9QJCDfgID3/w0CzmtfIDCu5S4EWi0Ezw5HNwSj6EBwF1cRjm1DehLGBC2xHBO0DzFegA7RAvqWtSdg3/eMApgzrwngWnM8AbjzB4BPVgA8fr37AzGPcV+TAAAAAElFTkSuQmCC);
}
#add_text_colors_panel.new-text-color-popup .color-btn{
  width: 19px;
  height: 19px;
  border: 1px solid #b0b0b0;
  float: left;
  margin: 0 6px 6px 0;
}
.new-text-color{
  position: relative;
}
.new-text-color-toggle{
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #fff;
  position: relative;
  padding: 6px 0 6px 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAMAAACHI7exAAAAD1BMVEWemJbIxcTOy8rV0tH///8tvpuWAAAAJ0lEQVR4AW3JsQ0AIADDsLTk/5tZWJDq1ZSn/rA7RDtD1MBxjhnhBVsAAZGmCLW4AAAAAElFTkSuQmCC) 100% 50% no-repeat;
  cursor: pointer;
}
.new-text-color-toggle .color-btn{
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 0;
  margin: 0 3px 0 0;
  box-shadow: 0 0 2px 0 rgba(1, 1, 0, 0.45);
}
.new-text-color-toggle #colorname{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  color: #8e8e8e;
  cursor: pointer;
  font-weight: 400;
  text-overflow: ellipsis;
}
#add_text_btn_left_align,
#add_text_btn_center_align,
#add_text_btn_right_align{
  float: left;
  width: 50px;
  height: 41px;
  border: 0;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  text-indent: -999em;
  background-color: #faf9f5;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.6;
}
#add_text_btn_left_align{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAABlBMVEX///89Mi3R3q25AAAAAXRSTlMAQObYZgAAABpJREFUeAFjYGBgRAcMWAVJAlj1UmLgwLoTAEpoAH16btPWAAAAAElFTkSuQmCC);
}
#add_text_btn_center_align{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAACVBMVEX///89Mi1IPjhYQl6wAAAAAXRSTlMAQObYZgAAABtJREFUeAFjYGDEAAxYBUkDKHqZsAuSAgbWnQBO0ACFLyJILwAAAABJRU5ErkJggg==);
}
#add_text_btn_right_align{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAABlBMVEX///89Mi3R3q25AAAAAXRSTlMAQObYZgAAABxJREFUeAFjAAFGFAASwRQkCTCiA+yCJICBdScARkwAfQ7pnEgAAAAASUVORK5CYII=);
}
#add_text_btn_left_align:hover,
#add_text_btn_center_align:hover,
#add_text_btn_right_align:hover,
#add_text_btn_left_align.active,
#add_text_btn_center_align.active,
#add_text_btn_right_align.active{
  opacity: 1;
}
.calculation-adition-product td{
  border-top: 2px solid #fff;
  padding-top: 10px;
}
.calculation-adition-product[id*="assignto"] td{
  padding-top: 4px;
  border-top: 0;
}
.product-designer-price-note{
  font-size: 11px;
  color: #b9b9be;
  margin-top: 10px;
}
.product-designer-price-note a{
  text-decoration: none;
}
#campaign-start-popup,
#canvas-error{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
}
.campaign-start-popup-in,
.canvas-error-in{
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  border-radius: 5px;
  width: 660px;
  padding: 24px 0 28px 174px;
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, .25);
  box-shadow        : 0 0 32px 0 rgba(0, 0, 0, .25);  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);  
}
.campaign-start-popup-in{
  padding-top: 13px;
  padding-bottom: 22px;
}
.canvas-error-in{
  width: 388px;
  padding: 11px 0 11px 103px;
}
.campaign-start-popup-in h4{
  font-size: 26px;
  font-weight: 700;
  color: #8C8E8E;
  text-transform: none;
  margin: 0 0 10px;
}
.canvas-error-in h4{
  font-size: 14px;
  font-weight: 700;
  color: #8C8E8E;
  text-transform: none;
  margin: 0 0 11px;
}
.campaign-start-popup-in span{
  font-size: 23px;
}
.canvas-error-in span{
  font-size: 14px;
}
.campaign-start-popup-in:before{
  content: "";
  width: 151px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABoCAMAAADFAC6tAAACi1BMVEUvmcwwmcwxmswxms0ym80zm800m801nM02nM42nc43nc44nc45ns46ns86n887n888n889oM8+oNA+odA/odBAodBBotBCotFDo9FEo9FFpNFGpNJHpdJIpdJJptJKptNLp9NMp9NNqNNOqNRPqdRQqdRRqtRSqtVTq9VUq9VVq9VVrNVWrNZXrdZYrdZZrdZZrtZartdbr9dcr9ddr9desNhfsdhgsdhhsdhisthistljs9lks9lls9lmtNlmtNpntdpotdpptdpqttprtttrt9tst9ttt9tuuNtvuNxvudxwudxxudxyutxzut10u911u912vN13vN54vd55vd57vt98v999v99/wOCAweCBweCDwuGFw+GGxOGHxOKIxeKJxeKKxuKLxuONx+OOx+OOyOOPyOSQyeSRyeSSyeSTyuSUy+WVy+WWy+WXzOWXzOaZzeabzuecz+edz+eez+eg0Oig0eih0eii0eij0uik0umk0+ml0+mm0+mn1Omo1Oqq1eqs1uut1+uu1+uv2Ouw2Oyx2eyy2eyz2uy02u212+222+233O243O653e663e673u683u+93+++3++/3++/4O/A4PDB4fDC4fDD4fDD4vDE4vHF4/HG4/HH4/HI5PHI5PLJ5fLK5fLM5vLM5vPO5/PP5/PQ6PPR6PTR6fTS6fTT6fTU6vTV6vXV6/XX6/XZ7PbZ7fba7fbb7fbc7vbd7vfe7/ff7/fg8Pfh8Pji8fjk8vjl8vnm8/nn8/np9Prq9frr9frs9vrt9vvu9/vv9/vw9/vw+Pvx+Pzz+fz0+fz0+vz1+v32+/33+/34+/34/P35/P76/f77/f78/f79/v79/v/+//////+Z92YdAAAF/UlEQVR4AbXZ63sU5RnH8d9kcyZlk0J12wQ0JY2FQCtNSGtTBUssDbQoJKBGFCi0oAawBVsUSzYWPEg02KYp9GARRDAcCqVYXCWwtBwSTAm7svv7c3pFcs8+M5nNzDOzfl7uNdf1fTH37LNzL7SU3rOwbU3Hli1bNq9d8dDsyfhCVC3f/vc4ra4e2rny68ilSUu6zjObS6+1ViAnCha/OcyJJf7UVoKgKn91iV4M7qxBELVvJOlVuq8BflV3p6nlL7PhR/jXSepK745A20/j9GPwCQNaprxNv96bBg0L4nSQOLFr/dLvVJcXo7B82r2L10aP/I8OBlvhlfFsinapo5sai2GXP3f9wQTH6SyEJ6W9tDu+OoJsKh5/l3bvfwUeRE7SKvG7Okys+oVPaRWrgatpMVqM7IjAXfmWQVpcroOL6gu0eO1r8KZix2dUDdVjQlXW0Nl58K72iDU1CxO4I0ZFamshdOT97CYVl2cgq9J+KuJN0DXrHBWxrBNo9FBxJAJ9k3upOFwIZz+norsIfuRtp6ITjr6XUq8x4NMGKlrhoHyAGdvg3ypmDE3HeK8zI4ogNjLjkAG7hczYm4dAXmTGE7ApGaDpRAmCCfXRNHQnrDbRdLkKQYU/omkXLCI3aGpGcHMSFOnZUEVp+i2Cszyb+6CoSlJ8Mgm5EDpGUwMyXqLpIeTGrFsUf4CpYphiP3IlSpGeAbGOIl2LXJk6TLED4kOK15E7WymuFeO2RprugU+FK/Yc3Ld5OhRTRyiW47adwe/SvR9zVLLDcLxTf8Tn8uIUi+DP/TecDoGZFIkwRs2luBAKGrI+PB9QPGz7ytsePMS3kLGaYjdGvU8xN3iIl5Dx1TTHDABA0U3zIiNISEBxkqIKwDyKV3MR+g8Uz1l+UDxF8XgOQtwLxQKK5wF0UdRA23x7iPdBUZYyX7YBHOaY4TzoaknSZgcs/q2OxAWO6c9BaE8IFj0ckypAkTmJb+Q+hF9SVKOS4jk4KJlWFiCEdopGzKFYBTvjkQ/S5Kn2kN8QfkSxGE0Uj8CmYA9v+1vYZwgNFI+ihWIhbHZSHAu7h3Y5hPBNilVYQtFkvypNJeUWihpwMJ1ibfaSzI2kNEJupQdg9WfaUvoh1FCswQMUP4HVO7Sl9EP4tjIR9RTtsHqZ9pR2CA8qk11NsRFWzXRI6YXQqtybL1G8DCvjqENKL4Rn1d931zjmAGwqL4xPLdUKYTdFGfAP83DPvkQynUtphXCcY64A6Ka400NKLxQyD8qjAJ52HnNJBQnhWxRRy9ftb+CS0g1hjeWgmELxT7ikdEPYR1FnfaepdEnphkrM23Q9BACdFOugk3rBgIulFH0YtYjiGBzdFaODbXDVQ/EURpWOUMyEo8qYr9DUBMVd+NzbFJ3wmtqmtZM4iduWUQxXuKR0QvkD4wag+BpFB9xTHkN4lOJWZPziY7DcPeUxlB+j6IWopWkr3FNbdVeXP4RpP0Xibrf/pK4+Bi8qrlCcMWD6Pk1/RXYzfxF9vm0yPOmiaSUUh6yfB/cDms7lQ9FgXQcHZF1UL4dFD01HCxGUsZemfgMW00do6szlxpINsHmGGasQTEuKpi7YFZymKbUEQdTfoOli2HkdLJLz4d+sIbosqtcz48Yi+FV/hRkvwYnRx4xkG/xZMMSME0VwVP4RFZsN+NCepJd/E75xjYreMHQVdVGR+C6yui9JxSeN0FN7mqplmEDLZ1SktpfCu/ynb5Len8q2FFXnH4ZX95+hxUa4sL+2HG6CF3P6aLUarpo/pa3VkgcXTftolXwMHsy5SJuPO6qQ3R1rz9BmaD48iRzhOP0b6gw4mLHm3RTtPqyBRwUv0sGVvo7FMwoh8u9u3tATp4PuMnjXHKezdPxf7x3ofefQ6Yu36Oz6SmiZ8ir92V8FXfPPUt/AMviQ/2ScegY7SuDPpI3/pXfXt30Z/hW3n6U359dPRkDzXhmim5GeB/OQA0U/fiXO7K6+ubwMOWPUPdkdS3Ocgd+vqw8h5ybNbX0m+taB/lOnTh0/2NO1aUVjGN79H5jBNhjxK5ojAAAAAElFTkSuQmCC) no-repeat 50% 50% #2f99cc;
}
.canvas-error-in:before{
  content: "";
  width: 89px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABoCAMAAADFAC6tAAACjlBMVEXpVFHpVVLpVlPpV1TqWFXqWVbqWlfqW1jqW1nqXFnqXVrqXVvqXlvqX1zqX13rYF3rYV7rYV/rYl/rY2DrY2HrZGHrZWLrZWPrZmPrZ2TsZ2XsaGXsaWbsaWfsamjsa2jsa2nsbGrsbWrsbWvsbmzsb2ztcG7tcW7tcm/tcnDtc3DtdHHtdHLtdXLtdnPtdnTtd3TueHXueHbueXfuenfuenjue3nufHnufHrufXvufnvufnzvf33vgH3vgH7vgX/vgn/vgoDvg4HvhIHvhILvhYPvhoPvhoTwh4XwiIbwiYfwiojwi4nwjIrwjYvwjozxjozxj43xkI7xkY/xkpDxk5HxlJLxlJPxlpTylpXyl5XymJbymZfympnym5nynJrynJvynZvynpzzn53zoJ7zoZ/zoqDzoqHzpKLzpKPzpaT0pqT0p6b0qKb0qKf0qaj0qqj0q6r0rav0raz1rqz1r631r671sa/1sbD1srH1s7H1s7L1tLP1tbP2tbT2trX2t7X2t7b2ubf2ubj2u7n2u7r2vLv2vbv3vbz3vr33v733v773wL/3wcD3wsH3xMP3xcT4xcT4xsX4x8b4yMf4ycj4ysn4y8r4zMv5zcz5zc35z875z8/50dD50dH50tH509L509P61dT61dX61tX619b619f62Nf62dj62dn62tn629r629v73Nz73dz73t77397739/74OD74eD74eH74uL74+L75OP85OT85eT85uX85ub86Of86Oj86ej86un86ur86+v87Ov97e397u397u797+/98O/98fH98vH98vL98/P+9PP+9fX+9vX+9vb+9/f++Pf++Pj++fn++vr++/v//Pz//f3//v7///8qqqo7AAAF+klEQVR4AcXZ/19W5R3H8ffh/oJOYLqSEr+kk2gBbiMI2saWNm2iWQrZl9RKmSQVRNtsyrLJoC1dRIuCdF8oinCkbjhmq9hSExTkS8R93573f7OH4XWd69ycc59zbs796PmTP5zH4+X9uK5zznU+wJP029ZX7alraGh4rvrBewsXICVytjX+bZhmV7oPP/Rt+Gne5pZztHOptTILvghsen2KiUXfrgpjrpb86hLdGD+ci7nIey1Gt/TOEiRrZZtOT/5ciGRkHIjRK/3IYnh23zCTMb5TgycL32Sy3lsGD9YN0UL01Cs1W+5YmRlCMHPZ9zdVN/d+SQvjlXBLe1ZnPP1EfVkI8QJFNe9GOUtTEK6kdzDeyd3ZsJP16DuM98G34MLi0zSL/qEAia36zRc0G8yFo2WDNIkcyoazzIZxmowUwMGqz2nSejPcyToUo2qiGAnlmENnS+FeXq85lY8EbhikQt8fhBfazyNUjKyGrfQ+KobL4VX+J1QM2u5ArZ2K3sWwsaQ0LwRrCzqo6AnC2lNUtIVgSXvkY5KTv78JlrRGKppg6Qe6eo0GS0HxQLxcDGv7qKiEhczzNLwAG7+jcNlu/++iYWI5ZmuloRk28nVKR2CjloZuDfHW09CuwcYBGqbCsPEiDTsRJ3ye0qkw7HRRUQgbaZ2UJm6EWT2lkRzY6qeiHHYyPqX0CkyypyltwJxLWBOloBdC1Uzpt/ChpN6bx6BYGqPw2TxfSmkfUiqB4SVK98KXEvKvUngLUtYUhePwqaQsiL4awl4Kep5vpUVTFA5B+A+FVvhWwn4KYyHMKKN0m4+lRREK2zDjsLJKPpaUlerEV7QhCht9Ld1OIZqBa4oofJ7mawl/p7Al7pHXCH9Lu+PeMB9QKPK5dJPO6y4AQEhukUuazyWcppADoJTCq/C79LzpQPEkhUd9L62j8GsALRRyfS/N1+XHNoAeeS7QfC/hY3VLyDN/H/wvyVOxHkBI/sDXUlD6JYVVWELh+RSUHqNQhjUUdqWg9DMKm1BO4YEUlEooPIwKCutTUPoOhcexmUJ5CkrLKVR/LaW7U1DKpbAHd1PYnILS95QdUUzhsRSU7lF29ioKtSkoVSpr8w0KL6eg9Kx6vhsT/+5KQekIhfnAP+TLHZLHb0J7J3ndKIA2CjfC0UEapsNwkiY/AE8AeNrLNi+k4Y9w9F0KzabH7UE4a6FwJQeO9pheFAsp/AvOgp0iVApnxygUAMBHFJbAmbbzvyS/PHoznIXlMk2mAUAThb1wZcVdhWG4sSXuY2MjhQ/hrzcoPIlr0iMUboefFkUprMBX3lTmcX56isJpzNhKYSoL/glcmLUBQmMU6uCfhylczZ49+BjPhKPwuu33rYCjwCCFDgh5lPbDQfqBaZJ8vwgOdlH6KaTjFKK3IKGsf3JG7H6HC0cpDGiQfkTpL7Bn+j9F8l0+ILkdim5KDyGBH9PwtssLPwlAUeIwDhaaaYhlQGE/qN4Gk3ZKJ4Kw9T4Vd8DNXxP6NJgsj1BqcphlCHe6mViyBHGeoeFx2GmlYjFsVOiUWhAvcIaSvhk2HqChDzaKpyldzEg4DmZsLaylDaj3o7X8CToMqmtomN4Ia7fKG/IXdr9olIaXYEXrpCFWBWsre3jN2A5YWzdBw6kQLGV+SsVzGqzdWf/ywaoFsLYjRsPIUti4dYyKjgx4FWqhInoXbP0wRsVnZfAm7wxVW5FAhSmlN6bDvcDTEUrOU4cqnapz98OtnwzQpBYOtsRo0lMON9Z00mw3HG34gmY9FRoclB+jWewRuLDmIuP8r24p7N1QPcA4E2vhSnYvZ+nbV6DBwuo97+iM91EuXAq8SAujnXWbVgeNi27ZsO+NIVpomw/3NgzTmj787/e6Ov7afebiVVqb3A5PFr7K5BxfCq/WnqV3F7YiCYEnhunNeF0YyZlXe5nuTb7wTSQvtOMs3TlXswBzVHp0gk4i7fdo8EGo4ugQ7V15fdt8+EYreKJtUOcs59/aW5wG380rqnym+U9dff39/SffbW+pf7AsA+79H9yisHmDbFVAAAAAAElFTkSuQmCC)  no-repeat 50% 50% #e95451;
  background-size: 62px;
}
.canvas-error-close{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 10px;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAY1BMVEXFxsbGx8fHyMjIycnLzMzNzs7Oz8/P0NDV1dXW19fX19fY2Nja2trb3Nzc3d3i4+Pk5OTo6Ojq6urs7Ozs7e3w8PDz8/P09PT29vb39/f4+fn5+fn6+vr8/Pz9/f3+/v7///8wXPD3AAAAZklEQVR42iXMRwLCMAxE0Y8JvYQSarCt+58SSTO7t5iPvW9Py9X71GgFLqHfBkYquCXO2CGdKi+s7cND6GGYLDndu9DCZaiZf/G7CshIZSvT11npx/BERc30iT6wdMlXrH2qafNsf693C5ycM3kjAAAAAElFTkSuQmCC);
  background-size: 10px;
  text-align: left;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
}

@media only screen and (max-width: 767px){
  .campaign-start-popup-in{
    width: auto;
    left: 10px;
    right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);    
  }
  .campaign-start-popup-in h4{
    font-size: 16px;
  }
  .campaign-start-popup-in span{
    font-size: 18px;
  }
}

.pd-items-price-title{
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #3399cc;
}

.product-dropdown-placeholder{
    position: relative;
}
.product-dropdown-placeholder > span > h4{
  border: 1px solid #e1e1e1;
  color: #8e8e8e;
  font-size: 14px;
  padding: 4px 5px;
  text-transform: none;
  line-height: 22px;
  margin: 0 !important;
  border-radius: 3px;
  padding-right: 30px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAMAAACHI7exAAAAD1BMVEWemJbIxcTOy8rV0tH///8tvpuWAAAAJ0lEQVR4AW3JsQ0AIADDsLTk/5tZWJDq1ZSn/rA7RDtD1MBxjhnhBVsAAZGmCLW4AAAAAElFTkSuQmCC) 100% 50% no-repeat;  
  cursor: pointer;
}
.product-dropdown-placeholder .product-dropdown{
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: -1px 0 0;
  border: 1px solid #d0d0d0;
  border-radius: 0 0 3px 3px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;  
  height: auto;
  width: auto;
  z-index: 9999;
}
.product-dropdown-placeholder .product-dropdown.show-list{
  display: block;
}
.product-dropdown-placeholder .product-dropdown li.select-product{
  padding: 3px 8px;
  border: 0;
  float: none;
  width: auto;
  background: #fff;
  cursor: pointer;
}
.product-dropdown-placeholder .product-dropdown li.select-product + .category-name{
  display: block;
  padding-top: 5px;
}
.product-dropdown-placeholder .product-dropdown li.select-product .product-name{
  margin: 0 !important;
  font-size: 13px;
  color: #303030;
  font-weight: 400;
  text-transform: none;
  line-height: 18px;
}
.product-dropdown-placeholder .product-dropdown li.select-product .pd-sku{
  font-size: 11px;
  display: block;
  margin: 0 !important;
  line-height: 18px;
}
.product-dropdown-placeholder .product-dropdown li.select-product:hover{
  background: #f5fafd;
}
.product-dropdown-placeholder .product-dropdown .category-name h4{
  font-size: 14px;
  font-weight: 700;
  color: #303030;
  margin: 0 !important;
  padding: 5px 8px 0;
  text-transform: none;
}
@media only screen and (max-width: 800px){
  .tags-popup-window{
    width: auto;
    left: 15px;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
  }
}
#preview-selected-tags{
  padding: 6px 0 0 6px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow        : 0 0 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0 0 10px;
}
#preview-selected-tags .selected-tag{
  display: inline-block;
  border: 1px solid #c5c5c5;
  margin: 0 6px 6px 0;
  white-space: nowrap;
  line-height: 18px;
  padding: 0 0 0 3px;
  font-size: 12px;
  color: #7f7f7f;
  font-weight: 300;
}
#preview-selected-tags .selected-tag .btn-remove{
  border: 0;
  border-left: 1px solid #c5c5c5;
}
.upload-img-note{
  margin: 0 15px 10px;
  font-size: 11px;
  color: #8e8e8e;
  text-align: center;
}
.upload-img-note a{
  text-decoration: none;
  color: #3399cc;
}
.upload-img-note span{
  color: #3399cc;
}
.upload-image-drop-zone-text-1{
  font-size: 18px;
  text-transform: uppercase;
  color: #d3d3d3;
  color: rgba(0, 0, 0, .25);
  font-weight: 600;
  margin: 1px 0 6px;
}
.upload-image-drop-zone-text-2{
  font-size: 14px;
  color: #d3d3d3;
  color: rgba(0, 0, 0, .3);  
  font-weight: 600;
  margin-bottom: 3px;
}
.upload-image-drop-zone-text-3{
  font-size: 14px;
  color: #8c8e8d;
  font-weight: 600;
}
#edit-design{
  overflow: auto;
}
#edit-design .product-designer{
  width: 948px;
  margin: auto;
}
.calculation-items-checkboxs{
  clear: both;
}
.calculation-items-checkbox input{
  vertical-align: -1px;
}
.calculation-items-checkbox label{
  font-weight: 400;
  font-size: 12px;
  display: inline;
}
.calculation-items-checkbox{
  padding-top: 5px;
}
.input-text.input-error{
  border-color: #df280a !important;
}
.input-error-text{
  color: #df280a;
}
#product-price-wrap .product-designer-price{
  border: 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-radius: 0;
  padding: 0;
  margin: 20px 0 0;
  text-align: left;
}
#product-price-wrap .product-designer-price .product-designer-price-text{
  color: #8c8e8e;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px;
}
#product-price-wrap .product-designer-price .price-box.calculation-price{
  margin-left: 0;
}
.product-designer-step-2 .product-designer-bottom .pd_gt_product{
  margin-right: 189px;
}
/* SHIR-647
-------------------------------------------------- */
.sales-productpromotion label{
  margin: 0 0 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.sales-productpromotion  input{
  display: inline-block;
  vertical-align: middle;
}
#sales .sales-productpromotion {
  padding-bottom: 20px;
}
.product-designer-price-subline{
  font-size: 11px;
  text-transform: none;
  line-height: 14px;
}
#calculation-selected-colors > .color-btn:first-child,
.calculation-adition-product .selected-colors > .color-btn:first-child{
  margin-right: 2px;
}
#calculation-selected-colors{
  vertical-align: top;
  display: inline;
}
.pd-items .pd-items-color #calculation-colors-link.pd-items-color-link{
  padding: 0;
  vertical-align: top;
}
.pd-items .pd-items-color #calculation-colors-link.pd-items-color-link img{
  vertical-align: top;
}
svg.designer-border{
  overflow: visible !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.designer-border-shape{
  stroke: #3399CC;
  stroke-width: 2px;
  fill: transparent;
  stroke-opacity: 1.0;
  opacity: 1.0;
  fill-opacity: 1.0;
  stroke-dasharray: 5;
  animation: designer-border-dash 1s linear infinite;
}
.designer-border-shape-2{
  stroke: #fff;
  stroke-width: 2px;
  fill: transparent;
  stroke-opacity: 1.0;
  opacity: 1.0;
  fill-opacity: 1.0;
}
#pd_container .outside-warning .designer-border-shape{
    stroke: #FF0000;
} 
@-webkit-keyframes designer-border-dash{
  to {
    stroke-dashoffset: 50;
  }
}
@-moz-keyframes designer-border-dash{
  to {
    stroke-dashoffset: 50;
  }
}
@keyframes designer-border-dash{
  to {
    stroke-dashoffset: 50;
  }
}
#calculation-items .pd-items-price .price{
  font-family: "Open Sans",sans-serif;
  font-weight: 600;
}
/* SHIR-118
-------------------------------------------------- */
.atc-label{
  margin: 0 0 10px;
}
.atc-label .checkbox{
  top: 0;
}
.atc-label .checkbox + label{
  line-height: 14px;
}
.input-box-atc{
  
}
/* SHIR-781
-------------------------------------------------- */
.legal-proof-container{
  margin: 30px 0 0;
}
.legal-proof-header{
  font-size: 16px;
  color: #3399cc;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.legal-proof-content{
  padding: 10px 0 0;
}
.legal-proof-content.__opened{
  display: block;
}
.legal-proof-text{
  font-size: 12px;
  color: #bcbdbe;
  margin: 0 0 6px;
}
.legal-proof-content .upload-image-drop-zone{
  margin: 12px 0 0;
  padding-top: 9px;
  padding-bottom: 5px;
}
.legal-proof-content .upload-file-drop-zone-img img{
  width: 34px;
}
.legal-proof-input input[type="text"]{
  border: 1px solid #dadada;
  height: 32px;
}
.legal-proof-container .event-popup{
  bottom: 0;
  right: 0;
}
.legal-proof-container .event-popup-in{
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}
.legal-proof-container .upload-file-error{
  color: red;
  margin: 12px 0 0;
}
.legal-proof-list{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  margin-left: -10px;
}
.legal-proof-item{
  width: 33.33%;
  padding-left: 10px;
  margin-top: 10px;
  position: relative;
}
.legal-proof-item img{
  cursor: pointer;
  position: relative;
  z-index: 10;
  vertical-align: top;
}
.legal-proof-item .close-btn{
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABQElEQVR42q3WzWrCQBAH8H0JC22jxu8H8Gn7BqVQKMVDe9Hq2btfbaKt9lgQDx7TGRglrM7sZieBP4Rkd35kd1hi+g/TJmQIOULeIZFRXlCjDnmjmiNIjA/HkCyXBFJTIDFkbdWcGFIzK18hGINgDoY+MdNihKRMrQEOqEE2Alb13BMOSc77DjeNUMwDqdsTmgL2eQ0jJGHmpBeIhX0LWKRGimC0rxIS+3ZQS8BWArL2RizshylYDhKAIdLQnlsubKNGCKpSE3DQEnKvRSIHcsoiGCuA5LG7EGTFFMS236oxDwSboyNgcydGyJIpgJ3Xyo3tOrBbNWJhO28MO8aBtIVVkLDZGcP1DEVyWM+BVXDQs4B0CnQqYr9MrUfDHC/bIogHluLLlzIQB/Z02iP8E9rTj2S7hPMRsQ/IH+QVcvMPZ1ucsuEBaQUAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 13px;
  z-index: 20;
}
.pdf-type.legal-proof-file{
  width: 100px;
  height: 100px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUvPjxwYXRoIGQ9Ik0yMSAxM3YtM2wtNi03SDQuMDAzQzIuODk3IDMgMiAzLjg5OCAyIDUuMDA3djIyLjk4NkMyIDI5LjEgMi44OSAzMCAzLjk5NyAzMGgxNS4wMDZDMjAuMTA2IDMwIDIxIDI5LjEwMiAyMSAyOC4wMVYyNmg3Ljk5M0MzMC42NTMgMjYgMzIgMjQuNjU4IDMyIDIzdi03YzAtMS42NTctMS4zMzYtMy0zLjAwNy0zSDIxem0tMSAxM3YyLjAwN2MwIC41NDgtLjQ0OC45OTMtMSAuOTkzSDRjLS41NDUgMC0xLS40NDYtMS0uOTk1VjQuOTk1YzAtLjU0LjQ0Ni0uOTk1Ljk5Ni0uOTk1SDE0djQuOTk0YzAgMS4xMi44OTQgMi4wMDYgMS45OTggMi4wMDZIMjB2MmgtNy45OTNDMTAuMzQ3IDEzIDkgMTQuMzQyIDkgMTZ2N2MwIDEuNjU3IDEuMzM2IDMgMy4wMDcgM0gyMHpNMTUgNC41djQuNDljMCAuNTU4LjQ1IDEuMDEuOTk3IDEuMDFIMTkuN0wxNSA0LjV6TTExLjk5NSAxNEMxMC44OTMgMTQgMTAgMTQuOSAxMCAxNS45OTJ2Ny4wMTZjMCAxLjEuOTAyIDEuOTkyIDEuOTk1IDEuOTkyaDE3LjAxQzMwLjEwNyAyNSAzMSAyNC4xIDMxIDIzLjAwOHYtNy4wMTZjMC0xLjEtLjkwMi0xLjk5Mi0xLjk5NS0xLjk5MmgtMTcuMDF6TTI1IDE5di0yaDR2LTFoLTV2N2gxdi0zaDN2LTFoLTN6bS0xMy0xdjVoMXYtM2gxLjk5NUMxNi4xMDIgMjAgMTcgMTkuMTEyIDE3IDE4YzAtMS4xMDUtLjg5NC0yLTIuMDA1LTJIMTJ2MnptMS0xdjJoMmMuNTUzIDAgMS0uNDQ0IDEtMSAwLS41NTItLjQ0My0xLTEtMWgtMnptNS0xdjdoMi45OTVDMjIuMTAyIDIzIDIzIDIyLjExMyAyMyAyMC45OTR2LTIuOTg4QzIzIDE2Ljg5OCAyMi4xMDYgMTYgMjAuOTk1IDE2SDE4em0xIDF2NWgyYy41NTMgMCAxLS40NDQgMS0xdi0zYzAtLjU1Mi0uNDQzLTEtMS0xaC0yeiIgZmlsbD0iIzM5YyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  background-size: 100px;
  display: block;
}

/* SHIR-1478
-------------------------------------------------- */
.av-settings-title{
  font-size: 12px;
  color: #585858;
  cursor: pointer;
  margin: 0 0 6px;
}
.av-settings-title:after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNpc0M+qQVEUx/F9hHCV1GXCzECRCSamRvcF7it4J16EiYGJESN0Fa5CSSk50rnXv+O7WAq7Pu3OPvu31t7bKlQ738aYOFII4QgHrrkPS9e92OIHK/nwI4wEYjhjr0HhwYcWWGKOjQRt/COCtBY5vHX0aTcp+IedBKe6MYkosvg0r0MCC/Qxks4SnGGtXaX7CXkENCR37qGOFobyBpbr3k9UrHWDTDl8oayPJeMXTTSkQKdScG7nfwQ1HNFwCRm95wBtmQnZj73et7s4+nIT/XfBWNec541XAQYA0hBEGAjD9cIAAAAASUVORK5CYII=);
  background-size: 7px;
  margin-left: 7px;
  vertical-align: 2px;
}
.av-settings-title.__opened:after{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAMAAAD+zz7+AAAAaVBMVEUAAAAzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcwzmcyUyqG5AAAAInRSTlMAivTr48e7fU8NCbGSeHM9N8Gvn5hrXUhBKSEWv6mjhWRV8PdgbwAAAF1JREFUCNclyUUSwCAABMGF4E7chf8/Mta3qQEAMyvv1Wzw0zE0TUj6L5NkZizL9G69jJLTUgqXcdGYBvJVofyIE1QQjFYPyuw5ovfbKmxdWyH2TuHqXOvIw7WkH24h5AVd8zCb1QAAAABJRU5ErkJggg==);
}
.av-settings-content{
  margin: 30px 0 22px;
  display: none;
}
.av-settings-content .sales-name-label{
  padding: 0;
  margin: 0 0 15px;
}
.av-settings-content .input-box,
#without_approve .input-box{
  padding-left: 6px;
  margin-bottom: 12px;
}
.av-settings-content .input-box label,
#without_approve .input-box label{
  font-size: 16px;
  color: #666;
  font-weight: 400;
  padding-left: 8px;
}
#without_approve .input-box label{
  display: inline-block;
  max-width: calc(100% - 30px);
  vertical-align: middle;
}

/* SHIR-1776
-------------------------------------------------- */
button.add-all-colors{
  border: 1px solid #fff;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  display: block;
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(50, 42, 31, 0.75);
  border-radius: 1px;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  cursor: pointer;
  line-height: 15px;
  padding: 1px 5px 3px;
  margin-top: 6px;
}
button.add-all-colors.color-white{
  background: #333;
  color: #fff;
}
button.add-all-colors.color-black{
  background: #ccc;
  color: #000;
}
.gomage-designer-index-index .customer-dialog-wrapper .grecaptcha-badge{
  position: static !important;
  float: right;
  margin-bottom: 20px;
}


/* SHIR-2591
-------------------------------------------------- */

.pd-original-front-image{
    margin: 0 15px;
}

.pd-original-front-image-title{
    font-size: 16px;
    color: #3399cc;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.pd-original-front-image .file-input-box{
    margin: 0 0 15px;
}

.pd-original-front-image .file-input-box:last-child{
    margin-bottom: 5px;
}

.pd-original-front-image .pd-upload-input{
    margin: 0;
}

.pd-original-front-image .pd-upload-input input{
    display: block;
    width: 100%;
}
.sub-block {
  display: block;
  float: left;
  height: 120px;
  width: 18%;
  position: relative;
}
.sub-block-error-close {
  position: absolute;
  right: -1px;
  top: -4px;
  cursor: pointer;
}

/* Bundle order error popup
-------------------------------------------------- */

#bundle-order-error{
    border: 0;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.25);
    border-radius: 3px;
}

#bundle-order-error .top.table_window{
    background: none;
    border-radius: 0;
}

#bundle-order-error .magento_title{
    color: #505050;
    font-size: 20px;
    border-bottom: 1px solid #b2b2b2;
    padding: 20px 0 10px;
    margin: 0 20px 10px;
    text-align: left;
    text-transform: none;
    border-radius: 0;
    width: auto;
    float: none;
    cursor: default;
}

#bundle-order-error .magento_content{
    font-size: 16px;
    color: #7e7e7e;
}

#bundle-order-error div.magento_content{
    padding: 0 20px 68px;
    font-family: 'Open Sans',sans-serif;
}

#bundle-order-error .magento_close{
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 7px 15px;
    color: #fff;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    line-height: 19px;
    white-space: nowrap;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    background: #5f98c9;
    min-width: 125px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    top: auto;
    right: auto;
    text-align: center;
}

#bundle-order-error .magento_close:before{
    content: "OK";
}

/* Preview Popup */

#preview_popup{
    border: 0;
}

#preview_popup .title_window{
    cursor: default;
}

#preview_popup_content{
    text-align: center;
    padding: 20px;
    max-height: calc(100vh - 140px);
}

#preview_popup_content img{
    vertical-align: top;
}

#preview_popup ~ .wrapper .b-page-header{
    z-index: 99;
}

.preview_notice,
.preview_error{
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  font-size: 15px;    
}

.preview_notice,
.preview_error {
  color: black;
  border-left: 5px solid #df280a;
  background-color: #faebe7;
}

.preview_notice:before,
.preview_error:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #df280a;
  border-right: none;
}

.preview_notice {
  border-left-color: #e26703;
  background-color: #f9ebe6;
}

.preview_notice:before {
  border-left-color: #e26703;
}

/* Embroidery colors
-------------------------------------------------- */

.embroidery-colors-wrap{
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    justify-content        : center;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
}

.embroidery-colors-wrap-overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .39);
}

.embroidery-colors-wrap-content{
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    padding: 50px 50px 1px;
    border-radius: 5px;
    width: 993px;
    max-height: calc(100vh - 40px);
    overflow: auto;
    position: relative;
    z-index: 1;
}

.embroidery-colors-wrap .title{
    margin: 0 0 20px;
    font-size: 0;
}

.embroidery-colors-wrap .title strong{
    font-size: 15px;
    text-transform: uppercase;
    color: #3399CC;
    font-weight: 400;
    margin: 0 10px 0 0;
}

.embroidery-colors-wrap .title span{
    font-size: 12px;
    color: #666;
}

.embroidery-colors > ul > li{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    position: relative;
}

.embroidery-colors > ul > li:not(:first-child){
    margin-top: 20px;
}

.embroidery-colors .faced_color{
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    margin-right: 20px;
}

.embroidery-colors .faced_color[style*="rgba(0, 0, 0, 0)"],
.embroidery-colors .faced_color[style*="rgba(255, 255, 255, 255)"],
.embroidery-colors .faced_color[style*="rgb(255, 255, 255)"],
.embroidery-colors .faced_color[style*="rgba(255, 255, 255, 1)"]{
    border: 1px solid #E0E1E2;
}

.embroidery-colors .faced_color:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    margin: 0 0 0 7.5px;
    width: 5px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUAgMAAADJgETFAAAACVBMVEX///+emZfPzMtUthAVAAAALElEQVQIHQXBMREAMAgAsZj8HiNSkN7EYTF46Ghp6FGnVq06PRpaOh4Gi+MDGQYNScMfr2oAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-size: 5px;
}

.embroidery-colors .active_color_container{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    cursor: pointer;
    border: 1px solid #E0E1E2;
    border-radius: 4px;
    background: #fff;
    width: calc(100% - 50px);
    padding: 5px 35px 5px 6px;
}

.embroidery-colors .active_color_container:after{
    content: "";
    width: 10px;
    height: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAACVBMVEX///+emZfPzMtUthAVAAAAJUlEQVR42mXIoQEAAAwCIOf/Ry8SJJLeaGKdddZZZ92ss8466x5DrQCDTGO8tgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 10px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
}

.embroidery-colors .allowed_color_container{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align     : center;
    -webkit-align-items: center;
    align-items        : center;
    cursor: pointer;
    background: #fff;
    padding: 5px 6px;
}

.embroidery-colors .allowed_color_container:not(:first-child){
    border-top: 1px solid #E0E1E2;
}

.embroidery-colors .active_color,
.embroidery-colors .allowed_color{
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 14px 0 0;
}

.embroidery-colors .active_color[style*="rgba(0, 0, 0, 0)"],
.embroidery-colors .active_color[style*="rgba(255, 255, 255, 255)"],
.embroidery-colors .active_color[style*="rgb(255, 255, 255)"],
.embroidery-colors .active_color[style*="rgba(255, 255, 255, 1)"],
.embroidery-colors .allowed_color{
    border: 1px solid #E0E1E2;
}

.embroidery-colors .color_label{
    font-size: 14px;
    color: #666;
    margin-right: 14px;
    max-width: calc(100% - 118px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.embroidery-colors .color_hex{
    font-size: 12px;
    color: #999;
}

.embroidery-colors .allowed{
    position: absolute;
    margin: -2px 0 0;
    left: 50px;
    right: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    border: 1px solid #E0E1E2;
    border-radius: 0 0 3px 3px;
    font-size: 0;
    overflow: auto;
    max-height: 154px;
}

.product-designer-embroidery-cols{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack          : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
}

.product-designer-embroidery-col-left{
    width: 336px;
}

.product-designer-embroidery-col{
    width: 466px;
    position: relative;
}

.product-designer-embroidery-col:before,
.product-designer-embroidery-col:after{
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    background: #fff;
    width: 2px;
    z-index: 2;
}

.product-designer-embroidery-col:after{
    left: auto;
    right: -1px;
}

.product-designer-embroidery-col-border-1,
.product-designer-embroidery-col-border-2{
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background: #fff;
    z-index: 2;
}

.product-designer-embroidery-col-border-2{
    top: auto;
    bottom: -1px;
}

.product-designer-embroidery-col #pd_container{
    position: relative;
}

.embroidery-colors-actions{
    text-align: center;
    margin: 60px 0 39px;
}

.embroidery-colors-actions .button{
    min-width: 139px;
}

#edit-design-btn{
    margin: 0 0 10px 15px;
    width: calc(100% - 53px);
    border: 1px solid #898E8E;
    background: #fff;
    color: #898E8E;
    font-size: 14px;
}

#edit-design-btn:hover{
    background: #898E8E;
    color: #fff;
}

.designer-load-info-small{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .39);
    z-index: 10000;
}

@keyframes ldio-lbqca7dkxw {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ldio-lbqca7dkxw div {
    left: 47px;
    top: 24px;
    position: absolute;
    animation: ldio-lbqca7dkxw linear 1s infinite;
    background: #fff;
    width: 6px;
    height: 12px;
    border-radius: 3px / 6px;
    transform-origin: 3px 26px;
}

.ldio-lbqca7dkxw div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -0.9166666666666666s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -0.8333333333333334s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.75s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.6666666666666666s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.5833333333333334s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.5s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.4166666666666667s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.3333333333333333s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.25s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.16666666666666666s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.08333333333333333s;
    background: #fff;
}

.ldio-lbqca7dkxw div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
    background: #fff;
}

.loadingio-spinner-spinner-4mc6bw9vx06 {
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    background: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
}

.ldio-lbqca7dkxw {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

.ldio-lbqca7dkxw div {
    box-sizing: content-box;
}