body 
{
  color: #555655 !important;
  font-family: proxima-nova,sans-serif !important;
  /*font-size: 16px !important;*/
}
.wnpd-main-body
{
  height:88%;
  width:100%;
}
.wnpd_metabox_tbl img
{
  height: 30px; 
}
.wnpd_color_list
{
  width:300px;
  margin-left: 240px;
}
.wnpd_clear_both
{
  clear:both;
}
#wnpdCustomizButton,#wnpdCustomizButtonDetailsPage a
{
  background: none repeat scroll 0 0 #EAE6E9;
  font-family: "roboto",Arial,Trebuchet MS,Verdana,Helvetica,Sans-Serif;
  border-radius: 4px;
  color: #000000;
  display: block;
  font-size: 14px !important;
  margin-top: 20px;
  padding:3px 0 3px;
  text-align: center;
  text-decoration: none;
  width:100px;
  border: 1px solid #c8bfc6;
  font-weight: 700;
}
.wnpd_template_main
{
  /*font-size: 16px;*/
  font-family: proxima-nova,sans-serif;
  color: #555655;
}
.wnpd_template_header
{
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #2ea2cc;
  height:10%;
  /*position: relative;*/
  /*width:100%;*/
}
.wnpd_header
{
  display:table;
  width:100%;
}
.wnpd_header_cell
{
  display:table-cell;
}
.wnpd_logo_div img
{
  /*position: relative;
  top:6px;
  left: 15px;*/
  height: 40px;
  margin:6px;
}
.wnpd_contact_icon
{
  display:inline-block;
  background: url("../images/icon_contact-1.png") no-repeat;
  width:18px;
  height:18px;
  position: relative;
}
.wnpd_contact_info
{
  display:inline-block;
  position: relative;
}
.wnpd_contact
{
  width:50%;
  text-align: right;
  padding-right: 5px;
}
.wnpd_control_panel
{
  float: left;
  position: relative;
  width:191px;
  height:100%;
}
.wnpd_content_area
{
  float: left;
  width:84.5%;
  height:100%;
  background-color: #D7D9D8;
  position: relative;
}
.wnpd_menu
{
  float: left;
  /*width: 191px;*/
  border-right: 1px solid #2ea2cc;
}
.wnpd_product_menu
{
  min-height:100px;
  border-bottom: 1px solid #2ea2cc;
  cursor: pointer;
}
.wnpd_product_icon
{
  background: url("../images/product-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_product_icon:hover
{
  background: url("../images/product-hover-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_add_text_icon
{
  background: url("../images/add-text-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_add_text_icon:hover
{
  background: url("../images/add-text-hover-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_add_art_icon
{
  background: url("../images/add-art-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_add_art_icon:hover
{
  background: url("../images/add-art-hover-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_option_icon
{
  background: url("../images/option-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_option_icon:hover
{
  background: url("../images/option-hover-1.jpg") no-repeat;
  width:190px;
  height:115px;
}
.wnpd_tools_panel_products,.wnpd_tools_panel_text,.wnpd_tools_panel_art,.wnpd_products_option_panel
{
  width:340px;
  height:100%;
  overflow: auto;
  float: left;
  border-right:1px solid #ABABAB;
  display:none;
  left: 193px;
  position:absolute;
  z-index:99;
  background:#FFFFFF; 
}
.section-title 
{
  border-bottom: 2px solid #ababab;
  color: #555655;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  margin-top: 10px;
  text-indent: 10px;
  text-transform: uppercase;
}
.wnpd_change_color_text
{
  display: inline-block;
  margin: 10px 0 0 10px;
}
.wnpd_change_color_btn
{
  display: inline-block;
  margin-left:100px;
  cursor: pointer;
}
.btn_change_color
{
  background: #e9e9e9;
  -moz-border-bottom-left-radius: 15px !important;
  -webkit-border-bottom-left-radius: 15px !important;
  -khtml-border-bottom-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-color: #555655 !important;
  -moz-border-top-left-radius: 15px !important;
  -webkit-border-top-left-radius: 15px !important;
  -khtml-border-top-left-radius: 15px !important;
  border-top-left-radius: 15px !important;
  min-width: 140px !important;
  padding-right: 5px !important;
  text-align: right !important;
  width: auto !important;
  /*height: 33px;*/
  border: 1px solid #ADADAD;
}
.wnpd_change_color_btn .wnpd_arrow_right
{
  padding: 6px 0px;
}
.wnpd_products_display_area
{
  border: 1px solid #ff8700;
  height: 290px;
  margin: 15px auto;
  width: 90%;
  cursor: pointer;
}
.wnpd_products
{
  width: 100%;
  height:320px;
  overflow: auto;
}
.wnpd_products_area,.wnpd_selected_product_area_main
{
  margin-top:40px;
}
.wnpd_product_name
{
  text-align: center;
  margin: 10px 0px;
}
.wnpd_your_product img
{
  height:200px;
}
.wnpd_your_product
{
  text-align: center;
}
.wnpd_product_price
{
  text-align: center;
  margin:10px;
}
.wnpd_change_products,.wnpd_select_product,.wnpd_add_text_btn
{
  padding-top:10px;
}
.wnpd_change_products_icon
{
  background: url("../images/cp-1.png") no-repeat;
  width:206px;
  height:40px;
  cursor: pointer;
}
.wnpd_select_product_icon
{
  background: url("../images/sel-1.png") no-repeat;
  width:205px;
  height:40px;
  cursor: pointer;
}
.wnpd_add_custom_text_icon
{
  background: url("../images/customize-1.png") no-repeat;
  width:206px;
  height:40px;
  cursor: pointer;
}
.wnpd_product_info
{
  margin:20px 0px;
}
.wnpd_product_info_div
{
  font-size:14px;
  text-align:justify;
  padding:15px;
  line-height:1.5;
}
.wnpd_product_color_radius
{
  border: 1px solid #ababab;
  width:36px;
  height:36px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius:50%;
  cursor: pointer;
  display:inline-block;
}
.wnpd_product_color_display_area
{
  padding:20px;
}
.wnpd_content_area canvas
{
  margin-top: 20px;
}
.wnpd_rotate_back
{
  background: url("../images/back-1.png") no-repeat;
  width:100px;
  height:70px;
}
.wnpd_rotate_front
{
  background: url("../images/front-1.png") no-repeat;
  width:100px;
  height:70px;
  display:none;
}
.wnpd_rotate_div
{
  cursor: pointer;
  position: absolute;
  top:100px;
  right:5px;
}
.wnpd_shop_page
{
  cursor: pointer;
  position: absolute;
  top:190px;
  right:10px;
  background: url("../images/shop-page1-1.png") no-repeat;
  width:79px;
  height:75px;
}
.wnpd_ajax_overlay
{
  background: none repeat scroll 0 0 #000000;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: fixed;
  right: 0;
  top: 0;
  z-index:9999;
  display: none;
}
.wnpd_load_ajax_loader
{
  position: absolute;
  top:20px;
  z-index: 99999;
  background: url("../images/ajax-loader-1.gif") no-repeat;
  width:128px;
  height:15px;
  left:100px;
}
.wnpd_customize_text,.wnpd_checkbox_text_type
{
  padding:10px;
  font-size: 14px;
}
.wnpd_checkbox_text_type input[type="radio"]
{
  /*vertical-align: middle;*/
}
.wnpd_textarea textarea
{
  /*font-size: 0.7em !important;*/
  padding: 5px 0 0 5px !important;
  resize: none;
  border: 1px solid #cccccc;
  margin-top: 20px;
  width:90%;
}
.wnpd_textarea textarea:focus
{
  border-color: #66afe9;
}

.wnpd_new_add
{
  display: inline-block;
}
.wnpd_new_add a
{
  color: #428bca !important;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
}
.wnpd_duplicate_add
{
  display: inline-block;
}
.wnpd_duplicate_add a
{
  color: #428bca !important;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
}
.wnpd_remove_text
{
  background: url("../images/trash-1.png") no-repeat;
  width:16px;
  height:16px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.wnpd_edit_panel_top
{
  text-align: center;
  padding-top: 10px;
}
.wnpd_row
{
  clear:both;  
  display:block;
}
.wnpd_column
{
  padding-bottom: 15px;
  font-size: 13px;
  float:left;
  width:150px;
}
.wnpd_table
{
  display:block;
  width: 100%;
}
.wnpd_common_settings
{
  padding: 10px 0 20px 10px;
}
.wnpd_text_customize_tools select,.wnpd_text_customize_tools input[type="text"]
{
  border: 1px solid #cccccc !important;
  /*height: 30px !important;*/
  width: 95% !important;
}
.wnpd_align_left
{
  background: url("../images/left-align-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_align_left:hover
{
  background: url("../images/left-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_left_selected
{
  background: url("../images/left-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_align_center
{
  background: url("../images/center-align-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_align_center:hover
{
  background: url("../images/center-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_center_selected
{
  background: url("../images/center-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_align_right
{
  background: url("../images/right-align-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_align_right:hover
{
  background: url("../images/right-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.wnpd_right_selected
{
  background: url("../images/right-align-hover-1.png") no-repeat;
  width:36px;
  height:36px;
  display: inline-block;
  cursor: pointer;
}
.not_active_plugin
{
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
}
.wnpd_border_bottom
{
  border-bottom: 1px solid #CCCCCC;
}
#wnpdUploadArt input[type="file"]
{
  border: 1px solid #ababab !important;
  color: #555555 !important;
  font-size: 14px !important;
  margin: 10px 0px 15px 0px !important;
  /*text-align: center !important;*/
  width:90%;
}
#wnpdUploadArt
{
  width:100%;
  text-align:center;
}
#wnpd_progress { position:relative; width:81%; border: 1px solid #ddd; padding:4px; border-radius: 3px; margin-left:30px;margin-top:10px;display:none;}
#wnpd_bar { background-color:#5FC3C4; width:0%; height:20px; border-radius: 3px; }
#wnpd_percent { position:absolute; display:inline-block; top:3px; left:48%; }
.wnpd_color_logo_main input[type="text"]
{
  border:1px solid #ababab !important;
}
.wnpd_color_logo_main
{
  padding: 10px 0px 0px 10px !important;
}
#wnpd_message
{
  font-size: 14px;
  padding: 5px 0 20px;
  text-align: center;
}
.wnpd_clipart_main
{
  width:98%;
  height:230px;
}
.wnpd_clipart_left_panel
{
  width:30%;
  display: inline-block;
  border-right: 1px solid #ABABAB;
  height:auto;
  overflow: auto;
}
.wnpd_clipart_right_panel
{
  width:68%;
  height: 240px;
  overflow: auto;
  display: inline-block;
  vertical-align: top;
}
.wnpd_no_group
{
  color: #555555;
  font-size: 13px;
  padding: 10px;
}
.wnpd_group_name_by_list
{
  color: #555555;
  font-size: 13px;
  padding: 5px 10px;
}
.wnpd_group_name_by_list:hover
{
  cursor: pointer;
  text-decoration: underline;
  color: #46A000;
}
.wnpd_clipart_img
{
  color: #555555;
  font-size: 13px;
  padding: 5px 10px;
  position: relative;
}
.wnpd_group_loader
{
  position: absolute;
  top:50%;
  left: 30%;
  background: url("../images/loader-1.gif") no-repeat;
  width:100px;
  height:100px;
  display: none;
  z-index: 9999;
}
.wnpd_img_by_group_main img
{
  height: 20%;
  padding: 10px;
  width: 100%;
  cursor: pointer;
}
/*.wnpd_upload_button
{
  background: url("../images/upload.png") no-repeat;
  width:205px;
  height:40px;
}*/
#wnpdUploadArt input[type="submit"]
{
  background: none repeat scroll 0 0 #00A3FE !important;
  border: medium none !important;
  color: #FFFFFF !important;
  /*margin-left: 60px !important;*/
  width: 205px !important;
  padding:8px;
  cursor:pointer;
  font-size:15px;
}
.wnpd_move_front
{
  background: url("../images/bring-front-1.png") no-repeat;
  width:25px;
  height:25px;
}
.wnpd_move_back
{
  background: url("../images/send-back-1.png") no-repeat;
  width:25px;
  height:25px;
}
.wnpd_move_icon
{
  margin-left: 10px;
  margin-top: 20px;
}
.wnpd_move_front_main,.wnpd_move_back_main
{
  display: inline-block;
  padding-right:10px;
  font-size: 13px;
  color: #555555;
  cursor: pointer;
}
.wnpd_panel_close
{
  background: url("../images/panel-back-1.png") no-repeat;
  width:100px;
  height:50px;
}
.wnpd_panel_close:hover
{
  background: url("../images/panel-back-hover-1.png") no-repeat;
  width:100px;
  height:50px;
  cursor: pointer;
}
.wnpd_add_to_cart_div
{
  width:570px;
  height: 40px;
  background: #FFFFFF;
  margin-top: 30px;
  position: relative;
  border:1px solid #2EA2CC;
  font-size:16px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.wnpd_add_to_cart_button
{
  background: url("../images/add-to-cart-1.png") no-repeat;
  width:102px;
  height:30px;
  cursor: pointer;
  margin:4px 0px;
}
.wnpd_price_html
{
  color:#555555;
  padding-right: 10px;
}
.wnpd_qty_html
{
  color:#555555;
  /*font-size: 14px;*/
  padding-right: 10px;
}
.wnpd_qty_html input[type="text"]
{
  width: 60px;
  border: 1px solid #d7d9d8 !important;
  /*font-size: 10px;*/
  height:30px !important;
  display:inline-block !important;
}
.wnpd_add_to_cart_overlay
{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #D7D9D8;
  opacity: .5;
  display: none;
}
.wnpd_no_options
{
  color:#555555;
  font-size: 14px;
  padding: 10px;
}
.wnpd_add_to_cart_loader
{
  background: url("../images/add-to-cart-ajax-loader-1.gif") no-repeat;
  width:16px;
  height:16px;
  display: none;
  vertical-align:top;
  margin-top: 10px;
}
dt.variation-design,dd.variation-design,dt.variation-wnpd_type,dd.variation-wnpd_type,dt.variation-wnpd_custom_price,dd.variation-wnpd_custom_price,dt.variation-wnpd_custom_logo,dd.variation-wnpd_custom_logo,dt.variation-wnpd_custom_design,dd.variation-wnpd_custom_design
{
  display:none !important;
}
.wnpd_admin_custom_design_main_div
{
  width:700px;
  height:418px;
  background-color: #EDF0F5;
  border:3px solid #3B5998;
  position:fixed;
  z-index:99999;
  top: 50%;
  left: 50%;
  margin-top: -209px;
  margin-left: -350px;
  display:none;
}
.wnpd_admin_custom_design_close_icon
{
  background: url("../images/close-icon-1.png") no-repeat;
  width:24px;
  height:24px;
  position:absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
}
.wnpd_overlay
{
  background: none repeat scroll 0 0 #000000;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: fixed;
  right: 0;
  top: 0;
  z-index:9999;
  display: none;
}
.wnpdcustomdata
{
  background: url("../images/view-custom-data-1.png") no-repeat;
  width:110px;
  height:22px;
  cursor: pointer;
}
.wnpd_global_settings img
{
  height: 30px;
}
.wnpd_global_settings td
{
  font-size: 14px;
  color: #555555;
  padding: 10px;
}
.wnpd_global_settings input[type="text"]
{
  width: 20em;
  padding: 5px; 
  font-size: 12px;
}
.wnpd_contact div:first-child
{
  top:10px;
}
.wnpd_contact div:first-child + div
{
  top:7px;
}
.wnpd_logo_div
{
  width:50%;
}
.wnpd_display1
{
  display:none;
}
.wnpd_display2
{
  display:block;
}
.art-logo
{
  width:50px;
  border:1px solid #46A000;
  display:inline-block;
  vertical-align:top;
  margin:0px 3px 10px 0px;
}
.text_alignment
{
  display:none;
}
.wnpd_column input[type='range']
{
  width:87% !important;    
}
.wnpd_for_curved
{
  clear:both;    
}
.wnpd_qty_html span
{
  padding-top:5px;    
}
.custom-design-text{
	color:darkorchid;
	padding-top: 10px;
}
/*--------------------------------------responsive--------------------------------------------------------------*/

@media only screen and (max-device-width :800px)
{
  .wnpd_control_panel
  {
    float:none;
    width:100%;
    height:auto;
  }
  .wnpd_menu
  {
    float:none;
    width:100%;
    border-right: none;
    text-align:center;
  }
  .wnpd_content_area
  {
    width:100%;
    float:none;
    margin:auto;
    height:auto;
  }
  .wnpd_product_menu
  {
    min-height: 50px;
    display:inline-block;
    border-bottom:none;
  }
  .wnpd_product_icon
  {
    background: url("../images/product_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_product_icon:hover
  {
    background: url("../images/product-hover_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_add_text_icon
  {
    background: url("../images/add-text_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_add_text_icon:hover
  {
    background: url("../images/add-text-hover_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_add_art_icon
  {
    background: url("../images/add-art_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_add_art_icon:hover
  {
    background: url("../images/add-art-hover_48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_option_icon
  {
    background: url("../images/option-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_option_icon:hover
  {
    background: url("../images/option-hover-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_tools_panel_products,.wnpd_tools_panel_text,.wnpd_tools_panel_art,.wnpd_products_option_panel
  {
    float:none;
    left:0px;
    top:57px;
    height:345px;
    width:100%;
    border-right:none;
    overflow:scroll;
    opacity:0.8;
    color:#000000;
  }
  .wnpd_panel_close
  {
    background: url("../images/panel-back-hover25-1.png") no-repeat;
    width:60px;
    height:30px;
  }
  .wnpd_panel_close:hover
  {
    background: url("../images/panel-back-hover25-1.png") no-repeat;
    width:60px;
    height:30px;
    cursor: pointer;
  }
  .wnpd_add_to_cart_button
  {
    background: url("../images/add-to-cart-small-1.png") no-repeat;
    width:28px;
    height:30px;
  }
  .section-title
  {
    font-size: 13px;
    color:#000000;
  }
  .wnpd_change_color_btn
  {
    margin-left: 70px;
  }
  .btn_change_color
  {
    /*height: 24px;*/
    min-width: 70px !important;
  }
  .wnpd_your_product img
  {
    height:100px;
  }
  .wnpd_rotate_back_48
  {
    background: url("../images/back-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_rotate_back_48:hover
  {
    background: url("../images/back-hover-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_rotate_front_48
  {
    background: url("../images/front-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
    display:none;
  }
  .wnpd_rotate_front_48:hover
  {
    background: url("../images/front-hover-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
    display:none;
  }
  .wnpd_shop_page_48
  {
    background: url("../images/shop-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_shop_page_48:hover
  {
    background: url("../images/shop-hover-48-1.jpg") no-repeat;
    width:48px;
    height:48px;
  }
  .wnpd_rotate_div
  {
    top:10px;
  }
  .wnpd_add_to_cart_div
  {
    width:98%;
  }
  .wnpd_display1
  {
    display:inline-block;
  }
  .wnpd_display2
  {
    display:none;
  }
  .wnpd_product_info_div
  {
    font-size:12px;
  }
  .wnpd_products_display_area
  {
    height:auto;
  }
  .wnpd_load_ajax_loader
  {
    left:20%;
  }
  #wnpdUploadArt input[type="file"]
  {
    width:90%;
  }
  .wnpd_clipart_left_panel
  {
    width:30%;
  }
  .wnpd_clipart_right_panel
  {
    width:68%;
    height:auto;
  }
  .art-logo
  {
    width:37px;
  }
  .wnpd_img_by_group_main img
  {
    height:17%;
  }
  .wnpd_change_products, .wnpd_select_product, .wnpd_add_text_btn
  {
    padding-bottom:15px;
  }
  .wnpd_customize_text,.wnpd_checkbox_text_type
  {
    font-size: 12px;
  }
  .wnpd_column
  {
    font-size: 12px;
    width:130px;
  }
  .wnpd_row .wnpd_column:first-child
  {
    width:80px;    
  }
  .wnpd_template_header
  {
    height:11%;
    width:100%;
  }
  .wnpd_price_html
  {
    padding-top:10px;    
  }
}
@media all and (max-width:1100px) and (min-width:800px)
{
  .wnpd_content_area
  {
      width:81%;
  }
}