.wvsd_design_container
{
  position:relative;
  margin: 50px auto;
  padding: 10px;
}
@media screen and (max-width: 600px) {
	.wvsd_design_container
	{
		margin-left:0px;
	}
}

.wvsd_custom_textbox{
  text-align: center;	
}

.wvsd_main_background_image_div
{
    /*min-width:550px;
    min-height: 320px;*/
    float:left;
    position:relative;
}
.wvsd_custom_background_image_div
{
    margin:10px;
    position:relative;
    overflow:hidden;
}

.wvsd_custom_vinyl_tool_panel
{
    float:left;
    width:325px;
    min-height:200px;
    margin: 10px 0px 20px 10px;
}

.wvsd_clear
{
    clear: both;
}

.wvsd_textbox_container
{
    width:100%;
    /*height:75px;
    margin-bottom:20px;*/
}

.wvsd_custom_vinyl_tool_panel h3
{
    width: 100% !important;
    text-align: center !important;
    margin:30px 0px 20px 0px !important;
    border-bottom:none !important;
}

.text_size_small
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/small_text.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    margin-top: 6px;
}

.text_size_small:hover
{
    background: url('../images/small_text_hover.png') no-repeat;
    cursor:pointer;
}

.text_size_large
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/big_text.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    margin-top: 6px;
}

.text_size_large:hover
{
    background: url('../images/big_text_hover.png') no-repeat;
    cursor:pointer;
}

.text_align_left
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_left.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    margin-top: 6px;
}

.text_align_left:hover
{
    background: url('../images/text_align_left_hover.png') no-repeat;
    cursor:pointer;
}

.text_align_left_selected
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_left_hover.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    cursor:pointer;
    margin-top: 6px;
}

.text_align_center
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_center.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    margin-top: 6px;
}

.text_align_center_selected
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_center_hover.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    cursor:pointer;
    margin-top: 6px;
}

.text_align_center:hover
{
    background: url('../images/text_align_center_hover.png') no-repeat;
    cursor:pointer;
}

.text_align_right
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_right.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    margin-top: 6px;
}

.text_align_right_selected
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/text_align_right_hover.png') no-repeat;
    background-size:cover;
    margin-right:10px;
    cursor:pointer;
    margin-top: 6px;
}

.text_align_right:hover
{
    background: url('../images/text_align_right_hover.png') no-repeat;
    cursor:pointer;
}

.textbox_remove_icon
{
    float: left;
    width:16px;
    height:16px;
    background: url('../images/trash.png') no-repeat;
    background-size:cover;
    margin-left:10px;
    margin-top: 6px;
}

.textbox_remove_icon:hover
{
    background: url('../images/trash_hover.png') no-repeat;
    cursor:pointer;
}

.wvsd_custom_textbox input[type="text"]
{
    width:90% !important;
    height:28px !important;
    margin-top:7px !important;
    font-size: 12px !important;
    border: none;
    outline: none !important;
}

.custom-design-text{
	color:darkorchid;
	padding-top: 10px;
}

/* .wvsd_font_family,.wbfd_text_color
{
    float:left;
} */

.wvsd_font_family select
{
  width:85px !important;
  max-width:85px !important;
}

.wbfd_text_color input[type='text']
{
  width:60px !important;
  font-size:9px !important;
  height:20px !important;
  border:none !important;
  padding:0px;
  padding-left: 5px;
  margin-left: 5px;
}

.font_family
{
    font-size:10px;
    height:23px !important;
    padding:0px;
}

.wvsd_another_button
{
    width:90%;
    text-align:right;
    margin: 30px 0px 20px 20px;
}

.wbfd_front_tool_icon_panel_all,.wbfd_back_tool_icon_panel_all
{
    /* margin:10px 0px 0px 5px; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.wbfd_front_tool_icon_panel,.wbfd_back_tool_icon_panel
{
    margin-top:15px;
    /* margin-left:5px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.wvsd_change_all_caption
{
    font-size:11px;
    margin-left: 15px;
}

.wvsd_change_all_text_div
{
    margin:40px 0px 0px 0px;
    display:none;
    width: 100%;
}

.wvsd_loading_div
{
    position:absolute;
    left:40%;
    top:30%;
    background: url('../images/loader.gif') no-repeat;
    z-index:9999px;
    width:100px;
    height:100px;
    display:none;
}

.wvsd_loading_on_save_button,.wvsd_loading_on_addToCart_button
{
    position:absolute;
    left:40%;
    top:30%;
    background: url('../images/ajax-loader.gif') no-repeat;
    z-index:999px;
    width:16px;
    height:16px;
    display:none;
}

.wvsd_prod_addtocart a,.wvsd_save_design a
{
  outline: none !important;
/*    display: block;
    width:100px !important;
    min-height: 30px !important;
    font-size: 16px !important;
    text-align: center !important;
    background:#1E8CBE !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color:#FFFFFF !important;
    padding: 3px 0px 0px 0px !important;
    margin-bottom: 10px !important;*/
}

/* #wvsd_save_design, #background_img_upload_button, #wbfd_backend_background_img_upload_button{
    background: #2ea2cc !important;
} */

.edit_button a
{
    background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #C8BFC6;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #5E5E5E;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    font-weight: 700;
    left: auto;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}

#btnSaveDesign,#btnAddToCart,#btnUploadLogo, .saveDesignButton2, .addToCartButton2
{
    position:relative;
}

#btnUploadBackground
{
    position:relative;
    /*margin-left:7px;*/
}
.wvsd_button_div, .wvsd_button_div2
{
  /* margin: 20px 0 10px 20px; */
    width: 90%;
    display:flex;
    justify-content: right;
    margin-bottom: 20px;
    margin-left: 20px;
}

.wbfd_left,.wbfd_button_right_div,.wbfd_button_left_div
{
    float:left;
}

.wvsd_prod_addtocart
{
    /* float: left; */
    margin-left:10px;
}

.message_display
{
    text-align: center;
    font-size: 14px;
    padding-bottom: 15px;
}

.wbfd_card_image_div
{
    width:100%;
    min-height:50px;
    /*border: 1px solid #DFDFDF;*/
    /*margin-top:20px;*/
}
/* .wbfd_upload_logo
{
    background: url('../images/logo.png') no-repeat;
    width:102px !important;
    height: 30px !important;
    cursor: pointer;
}
.wbfd_upload_background
{
    background: url('../images/background.png') no-repeat;
    width:102px !important;
    height: 30px !important;
    cursor: pointer;
} */

.wbfd_upload_logo, .wbfd_upload_background, #add_another_textbox{
    cursor: pointer;
}

.wbfd_upload_logo::before{
    content: "Upload Logo";
}

.wbfd_upload_background::before{
    content:"Upload Background"
}

#wbfdFrontBg
{
    margin-left:15px;
}
#wbfdFrontBg img,#wbfdBackBg img
{
    margin:10px 5px 0px 0px;
    cursor: pointer;
}
.wbfd_tooltip 
{
    display:none !important;
    position:absolute !important;
    border:1px solid #333 !important;
    background-color:#161616 !important;
    border-radius:5px !important;
    padding:10px !important;
    color:#fff !important;
    font-size:12px Arial !important;
}
#wbfdToPopupPreview{
  background: none repeat scroll 0 0 #F1F1F1;
  border:3px solid #ccc !important;
  border-radius:10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  display: none;
  left: 55% !important;
  margin-left: -310px !important;
  position: fixed !important;
  top:20% !important;
  width: 400px !important;
  z-index: 9999 !important;
  height:425px !important;
}
.upload_logo_text
{
    font-size:8px;
    font-family: Arial;
    font-weight: bold;
    padding-left:5px;
}
.front_text_title
{
    font-size:10px;
    font-family: Arial;
    font-weight: bold;
    padding-left:14px;
}
.back_text_title
{
    font-size:10px;
    font-family: Arial;
    font-weight: bold;
    padding-left:14px;
}
.upload_background_text
{
    font-size:8px;
    font-family: Arial;
    font-weight: bold;
}
#wbfdUploadButton,#wbfdUploadBg,#wbfdResetButton
{
    margin: 10px;
    position:relative;
}
#toDisplayCustomImage{
    background: none repeat scroll 0 0 #F1F1F1;
    border:3px solid #ccc !important;
    /*  border-radius:10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;*/
    display: none;
    left: 55% !important;
    margin-left: -310px !important;
    position: absolute !important;
    top:5% !important;
    min-width: 500px !important;
    z-index: 999999 !important;
    min-height:270px !important;
}
#custom_img_content{
    padding:20px;
}
.wbfd_overlay{
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    display: none;
}
.wbfd_back_side_text_control_panel
{
    display:none;
}
.wbfd_reset_design
{
  background: url('../images/reset.png') no-repeat;
  width:102px !important;
  height: 30px !important;
  cursor: pointer;
}
.wbfd_not_save_frontend
{
  width:100%;
  text-align:center;
  font-weight: bold;
  margin:100px 0px;
}
.wbfd_load_ajax
{
  background: url('../images/ajaxloader.gif') no-repeat;
  width:16px !important;
  height:11px !important;
  position:absolute;
  left:40%;
  top:30%;
  display:none;
}
.wbfd_resize_front, .wbfd_resize_back
{
  /*width:50px !important;
  height:40px !important;*/
  cursor: move;
}
/* .saveDesignButton, .saveDesignButton2
{
  display: block;
  background: url('../images/save.png') no-repeat;
  width:102px !important;
  height: 30px !important;
  cursor: pointer;
} */

.saveDesignButton::before{
    content: "Save Design";
}

/* .addToCartButton, .addToCartButton2
{
  display: block;
  background: url('../images/add-to-cart.png') no-repeat;
  width:102px !important;
  height: 30px !important;
  cursor: pointer;
} */

.addToCartButton::before, .addToCartButton2::before{
    content: "Add To Cart"
}

.back_bleed_area,.front_bleed_area
{
  overflow:hidden;
}
.wbfd_logo_resize
{
  display:none;
  width:90%;
  margin: 10px auto;
}
.wbfd_logo_resize input[type = 'range']
{
  width:100% !important;
  margin:5px 0px 10px 5px;
}
.front_new_draggable_text,.back_new_draggable_text
{
  cursor:move;
}
.wbfd_which_side
{
  width:100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-family:"Open Sans",sans-serif;
  font-weight:bold;
}
.wbfd_logo_resize_text
{
  font-size: 13px;
}
/* #add_another_textbox
{
  height: 30px !important;
  line-height: 28px !important;
  padding: 0 12px 2px !important;
  background:#2ea2cc !important;
  color: #fff !important;
  border: none !important;
  font-size:.9em !important;
  cursor:pointer;
} */
dt.variation-Design,dd.variation-Design,dt.variation-wbfd_type,dd.variation-wbfd_type,dt.variation-wbfd_custom_price,dd.variation-wbfd_custom_price
{
  display:none !important;
}

.wbfd_width{
    width:auto !important; 
}

/* .wvsd_custom_vinyl_design_panel
{
    border: 1px solid #DFDFDF;
    border-radius:20px;
} */

.custom_design_style
  {
    background: none repeat scroll 0 0 #0099FF;
    color: #FFFFFF !important;
    display: block;
    font-size: 10px !important;
    margin-bottom: 10px;
    height: 20px !important;
    margin-left:-25px;
    text-align: center;
    text-decoration: none;
    width:90px !important;
    font-weight: bold;
 }

 .product_custom_image a:hover{
    color: #FFFFFF !important;
    text-decoration: none !important;
  }

  .wvsd_edit_link
  {
      padding-right:10px;
      color: #0099FF !important;
  }

  .wvsd_edit_design_tbl{
    width:60%;
    margin:150px;
  }

.wvsd_edit_design_tbl table tr th{
    background-color: #EEEEEE;
}

.wbfd_drag_front{
    position:absolute;
    left:30px;
    top:30px;
}

.wbfd_drag_front img{
    position:absolute;
    top:0px;
    left:0px;
    z-index:99999;
    cursor:pointer;
    display:none;
}

.wbfd-width-50{
    width:50px;
}

.wbfd_drag_back{
    position:absolute;
    left:30px;
    top:30px;
}

.wbfd_drag_back img{
    position:absolute;
    top:0px;
    left:0px;
    z-index:99999;
    cursor:pointer;
    display:none;
}

.wbfd-width-80{
    width:80px;
}

.wbfd-width-200{
    width:200px;
}

.wbfd-cursor-pointer{
    cursor: pointer;
}

.wvsd_custom_vinyl_design_panel .front_bleed_area{
    border:1px #FF0000 dashed;
    position:absolute;
}

.wvsd_custom_vinyl_design_panel .wbfd_back_bg_img{
    display:none;
}

.wvsd_custom_vinyl_design_panel .back_bleed_area{
    border:1px #FF0000 dashed;
    margin:10px;
    position:absolute;
}

#wbfd_front_text_color_change_all{
    width:80px;
    font-size:12px;
    height:20px;
}

#wbfd_back_text_color_1{
    width:80px;
    font-size:12px;
    height:20px;
}

#wbfd_back_text_color_change_all{
    width:80px;
    font-size:12px;
    height:20px;
}

.wbfd-customize-btn-holder{
    width: 100%; 
    margin-top:50px;
}

.wbfd-design-list-btn-holder{
    margin-bottom:15px;
    width:100%;
    text-align:right;
}

.product_custom_image{
    margin-top:10px;
}

.custom_design_style{
    color:#FF0000;
}

.wbfd-modal-header-title{
    float: left;
    color:#0099FF;
    font-size:15px;
    font-weight:bold;
    height: 20px;
    text-align: center;
    width:95%;
    margin-top: 10px;
}

.wbfd-modal-close-btn{
    float: left; 
    margin-top:3px; 
    font-size:22px; 
    cursor:pointer;
}

.wbfd-clear-both{
    clear:both;
}

.wbfd-download-as-pdf-btn{
    width:100%;
    text-align:center;
    margin:10px 0px 20px 0px;
}

.wbfd-product-options-label{
    font-size:.9em;
    width:100%;
    text-align:center;
    text-decoration: underline;
}

.wbfd-product-option-holder{
    font-size:.9em;
    padding:15px;
}

.wbfd-width-35{
    width:35px;
}

.wbfd_attr_name{
    display:inline-block;
    width:45%;
    margin-left: 8px;
}

.wbfd-option-selection-holder{
    display:inline-block;
    width:50%;
}

.wbfd-width-120{
    width: 120px;
}

#wbfd_total_price{
    width:100%;
    text-align:center;
    font-size:.9em;
}

.wbfd_drag{
    position:absolute;
    left:30px;
    top:30px;
}

#wbfd_remove_logo{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    cursor:pointer;
    display:none;
}

.wbfd-print-logo-tbl{
    width:100%;
    text-align:center;
}

.wbfd-logo-container{
    width:100%;
    min-height:200px;
    margin-top:20px;
}

.wbfd-mb-5{
    margin-bottom:5px;
}

.wbfd-logo-list-container{
    width:60px;
    height:40px;
}

.wbfd-logo-list-container img{
    width:100%;
    height:100%;
}

.wbfd-logo-position{
    float:left;
    width:60px;
    height:40px;
    margin-left:20px;
}

.wbfd-logo-position img{
    width:100%;
    height:100%;
}

.wbfd-front-bg-container, .wbfd-back-bg-container{
    width:100%;
    margin-top:20px;
}

.wbfd-mb-15{
    margin-bottom: 15px;
}

.wbfd-front-bg-img-container, .wbfd-back-bg-img-container, .wbfd-front-design-image, .wbfd-back-design-image{
    width:500px;
}

.wbfd-front-bg-img-container img, .wbfd-back-bg-img-container img, .wbfd-front-design-image img, .wbfd-back-design-image img{
    width:100%;
    height:100%;
}

.wbfd-back-bg-container{
    margin-top:40px;
}

.wbfd-front-design-image-container, .wbfd-back-design-image-container{
    width:100%;
    margin-top:20px;
}

.wbfd-back-design-image-container{
    margin-top:40px;
}

.wbfd_drag img{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    cursor:pointer;
    display:none;
}

.front_new_draggable_text{
    z-index:100 !important;
}

.wbfd-front-design-dpi-image img, .wbfd-back-design-dpi-image img{
    width:100%;      
}

.img_size img{
    width:100%;
}

.wbfd_front_bg_img .wbfd_drag img, .wbfd_front_bg_img .wbfd_drag #wbfd_remove_logo, .wbfd_back_bg_img .wbfd_drag img, .wbfd_back_bg_img .wbfd_drag #wbfd_remove_logo{
    display: block;
}

.wbfd_front_bg_img .wbfd_drag #wbfd_remove_logo, .wbfd_back_bg_img .wbfd_drag #wbfd_remove_logo{
    top:-15px;
}

/* #loadData #add_another_textbox{
    font-size: .6em !important;
} */

.wbfd_drag_front img, .wbfd_drag_front #wbfd_remove_logo, .wbfd_drag_back img, .wbfd_drag_back #wbfd_remove_logo{
    display: block;
}

.wbfd_drag_front, .wbfd_drag_back{
    position: inherit;
}

.wbfd_drag_front #wbfd_remove_logo, .wbfd_drag_back #wbfd_remove_logo{
    top:-15px;
}

.wvsd_button_div2{
    display: flex;
}

#wvsd_prod_addtocart2{
    padding-left: 10px;
}

#wbfd_logo_upload_file_input, #wbfd_bg_upload_file_input{
    display: none;
}

form.cart{
    position: relative;
}

.wbfd-customize-btn-holder a{
    position: absolute !important;
    top: 0px;
    right: 80px;
    padding: 0 !important;
    width: 130px;
    font: var(--the7-btn-l-font) !important;
    height: 44px !important;
}

#logo_resize{
    appearance: auto !important;
}