.sb-pd-drawingArea {
position: relative;
}
.sb-pd-body_modal {
height: 100%;
}
.sb-customize-product-list {
height: 100%;
}
.sb-pd-canvas {
height: 94.4%;
}
.sb-pd-imagecanvas {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 2560px) {
.canvas-wrapper {
height: 950px !important;
}
}
/* .sb_pd_hide_wrapper{
display: none;
}
.shopify-app-block{
display: none;
} */
.canvas-wrapper {
overflow-y: hidden;
}
.sb-pd-imagecanvas .div_image_thumbnails {
padding: 0 10px 0 0;
margin: 4px;
display: flex;

}
/* .canvas-thingy {
left: -19px !important;
} */
.thumbnail-container {
display: none;
}
.thumbnail-container img {
border: 1px solid #ddd;
border-radius: 8px;
padding: 1px;
width: 80px;
margin-left: 1px;
height: 80px;
cursor: pointer;
}
.datatextelemet {
display: none;
}
@media only screen and (max-width: 600px) {
/*   .pdzoombutton {
position: unset !important;
} */
/* Styles for screens smaller than or equal to 600px */
.pdzoombutton {
/*   display: flex; */

float: unset !important;
margin-left: 219px !important;
}
}
.pdzoombutton {
text-align: right;
padding: 4px;
cursor: pointer;
/* display: flex;
justify-content: center; */
}
.pdzoombutton button {
/* fill: #7e7e7e;
background: #f2f2f2;
border: unset;
padding: 6px 6px 3px;
display: inline-block;
margin: -4px;
cursor: pointer; */

/*   display:flex
cursor: pointer;
color: #000000;
border: 1px solid #5845452b;
background: #d1d1d1;
cursor:pointer */
}

/* .pdzoombutton button:hover {
background-color: #ddd;
} */

#value {
margin: 4px;
}

/* .sb-canvaszoomin,
.sb-canvaszoomout {
width: 38px;
padding: 11px;
min-width: 16px;
height: 117%;
transition: color .2s ease-in-out;
align-items: center;
}  */
.pdzoombutton svg path {
fill: #7e7e7e;
/* height: 18px;
display: inline; */
}
.sb-canavszoom {
float: right;
margin-right: 8px;
margin-top: 8px;
height: 44px;
}

/* .sb-canvaszoomout {
width: 25px;
} */
.sb-pd-product-options {
/* max-height: 392px; */
/* overflow-y: auto; */
}
.AdditionalTextPrice,
.AdditionalClipartPrice,
.AdditionalPatternPrice {
margin: 5px;
}
.AdditionalUploadPrice,
.AdditionalTextPrice,
.AdditionalPatternPrice,
.AdditionalClipartPrice {
font-size: 12px;
}
.pdtextinputlabel,
.pdclipartlabel,
.pdpatternlabel {
display: flex;
}
img.font-styel-span {
border: 1px solid #5845452b;
}
span.form-submit.pd_browsefile:hover {
box-shadow: 0px 0px 5px;
}
label.sb-pd-swatch-quickdemo.color-text:hover,
img.font-styel-span:hover,
span.sb-pd-span-quickdemo.bgcolor-color:hover {
box-shadow: 0px 0px 2px;
}
.sb-pd-back-option-header:hover {
/* background: rgba(64, 87, 109, 0.07); */
}
button.form-submit.btnAddText.addTextBtn:hover {
background: rgb(184 186 203 / 51%);
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_addtocartbutton
button:hover {
background: #032e0a;
color: #fff;
}
.patternimg {
height: 70px;
width: 69px;
margin: 3px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_pricecount
h4,
.totalprice {
margin: 6px 6px 4px 6px;
font-size: 16px !important;
font-weight: 600 !important;
color: #ffffff !important;
}
.sb-pd-editor-for-mobile .sb-pd-popup_addtocartbutton {
padding: 5px;
}
.sb-pd-add-text-name-for-mobile .pd_browsefile,
span.form-submit.pd_browsefile {
background: #00000052;
border: none;
margin-top: 10px;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
}
@media only screen and (min-width: 1025px) {
.sb-customize-product-popbx
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas {
display: flex;
gap: 12px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor {
flex: 1;
margin: 12px 12px 18px 0;
}
.sb-customize-product-popbx
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile {
display: none;
}
/*   .sb-customize-product-popup .sb-customize-product-popbx {
height: 100%;
} */
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas {
width: 45%;
}
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild
svg {
/* width: 39px; */
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas {
flex: 1 1 auto;
background: #fff;
border-radius: 8px;
/* border: 1px solid #5845452b; */
margin: 12px 0 12px 12px;
padding: 0 0 2px 10px;
position: relative;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas
.div_image_thumbnails
.thumbnails_img {
    width: 100%;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas
.div_image_thumbnails
a {
text-decoration: none;
}
.sb-customize-product-popbx
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-imagecanvas
.sb-pd-drawingArea
.canvas-container {
margin: 0 auto;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild:hover,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.col-12.productdesign.pd_fontstyle.product_text
.font-family-funct
img.font-styel-span:hover,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-back-option-header
span.sb-pd-back-option:hover {
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper {
/* background: #fff; */
border-radius: 8px;
/* border: 1px solid #5845452b; */
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
/*   position: relative; */
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild {
border-radius: 8px;
/* border: 1px solid #5845452b; */
padding: 15px;
display: flex;
gap: 12px;
align-items: center;
margin: 12px 0 0 0;
background: #fff;
/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); */
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild
.sb-pd-editor-field-text
h3 {
margin: 0;
line-height: 1.2;
font-size: 17px;
font-weight: 500;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild
.sb-pd-editor-field-text
span {
font-size: 14px;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header {
display: none;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-back-option-header
span.sb-pd-back-option {
flex: 1 1;
display: flex;
align-items: center;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-back-option-header {
display: flex;
justify-content: space-between;
flex-direction: row;
border-bottom: 1px solid #5845452b;
padding: 15px 10px;
align-content: center;
align-items: center;
flex-wrap: wrap;
top: 0;
width: 100%;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-back-option-header
h5 {
margin: 0;
flex: 1 1 auto;
font-size: 17px;
font-weight: 500;
}
/* .scroll-hide {
overflow-y: hidden;
} */
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_addtocartbutton
button {
background: #f08034;
border: none;
padding: 14px 40px;
font-size: 18px;
color: #fff;
font-weight: 600;
cursor: pointer;
border-radius: 8px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-editor-field-text {
flex: auto;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-text-options
.fieldInput
textarea.addTextInput {
width: 100%;
border: 1px solid #5845452b;
margin-top: 10px;
border-radius: 4px;
padding: 10px;
resize: none;
height: 50px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
fieldset.fieldInput.sb-pd-add-text-input {
border: none;
padding: 0;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.fieldInput
button.form-submit {
text-align: left;
float: right;

border: none;
margin-top: 10px;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
background: #f08034;
color: #ffffff !important;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.col-12.productdesign.pd_fontstyle.product_text,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.product-designer-productcolor
.col-12.productdesign.pd_fontFamily {
margin-top: 10px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.product-designer-productcolor.product_text
.col-12.productdesign.pd_fontFamily
select.font-family-images,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.product_bakground
.productdesign
select.pdpattern_select {
width: 100%;
padding: 11px;
color: #999;
border: 1px solid #5845452b;
border-radius: 4px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.col-12.productdesign.pd_textColor.product_text,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.productdesign.pd_pattern {
margin-top: 20px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.font_color
.sb-pd-swatch-quickdemo,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.product_bakground
.product-designer-productcolor
.productdesign
.all-bgcolor
label.sb-pd-swatch-quickdemo.bgcolor-color-label {
border: 1px solid #5845452b;
margin: 0 4px;
padding: 1px;
display: inline-block;
border-radius: 4px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-span-quickdemo {
display: block;
width: 25px;
height: 25px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #eeee;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.col-12.productdesign.pd_fontstyle.product_text
.font-family-funct
img.font-styel-span {
filter: grayscale(1);
}
.sb-customize-product-popup .sb-customize-product-popclose {
/* background: #000;
color: #fff; */
/* position: absolute;
top: 0px;
right: 10px;
width: 40px;
height: 40px;
border-radius: 6px;
cursor: pointer; */
}
.sb-customize-product-popup
.sb-customize-product-popbx
.sb-customize-product-list
.details-modal-title {
color: #ffffff;
/* padding: 0px 15px; */
background: #4c5e7f;
font-weight: 600;
}
.sb-customize-product-popup
.sb-customize-product-popbx
.sb-customize-product-list
.details-modal-title
h1 {
font-size: 16px;
text-transform: capitalize;
top: 0;
margin-left: 12px;
}
.sb-customize-product-popup.sb-customize-product-popup-open {
display: -webkit-flex;
display: flex;
overflow: hidden;
}
.sb-customize-product-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
/*   padding: 10px; */
overflow: hidden;
overflow-y: auto;
z-index: 9999;
}
.sb-customize-product-popup .sb-customize-product-popbx {
width: 100%;
/*     max-width: 1200px; */
background: #fff;
display: block;
margin: auto;
position: relative;
overflow: hidden;
height: 100%;
}
.sb-customize-product-popup .sb-customize-product-popclose svg {
/* width: 12px;
height: 12px;
fill: #fff;
display: block;
margin: 8px;
cursor: pointer; */
}
.sb-customize-product-popup .sb-customize-product-list {
background: #f2f2f2;
width: 100%;
border-radius: 0 0 12px 12px;
min-height: calc(100% - 0px);
max-height: calc(100% - 0px);
/*   overflow-x: hidden;
position: relative; */
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options {
padding: 12px 20px;
/* max-height: 450px; */
overflow-y: auto;
/* height: 100%; */
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-product-options,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options {
padding: 12px 20px;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-upload-image-options {
padding: 12px 20px;
height: auto;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild:hover
circle,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild:hover
path {
stroke: #f08034;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
#sb-pd-product-background:hover
path,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
#sb-pd-product-background:hover
rect,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
#sb-pd-product-background:hover
line {
stroke: #f08034;
}

.sb-customize-product-popbx
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile {
display: none;
}
@media (min-width: 1024px) and (max-width: 1024px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection.product-designer-productcolor {
height: 12%;
}
}
@media only screen and (max-width: 1024px) {
.pd_mob_clipart_img .pd_mob_image_load {
width: 50px !important;
height: 50px !important;
max-width: initial;

}
.pd_design_clipart_section .pd_section_header .pd_header_category ul {
margin: 0;
padding: 5px 8px 5px 0px;
}
.pd_mob_clipart_img .pd_mob_image_load,
.sb_pd_mob_pattern_list .patternimg .pattertnimgurl {
border: 1px solid #000;
padding: 5px;
}
.sb_pd_mob_clipart .sb_pd_mob_wrapper .pd_mob_back {
gap: 0px !important;
margin: 8px 0 0 0;
}
.sb-pd-mobile-edior-options
.sb-pd-mobile-text-edior-options
fieldset
textarea {
width: 72% !important;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild
.sb-pd-editor-field-text
h3 {
margin: 0;
line-height: 1.2;
font-size: 14px;
font-weight: 500;
color: #ffffff !important;
}
#sb-pd-add-text {
gap: 14px !important;
}
#sb-pd-add-design svg {
width: 30px !important;
}
.main_layerwrapper {
height: 289.672px !important;
overflow-y: scroll !important;
max-height: 186.672px !important;
}

.sb_pd_mob_font_size_wrapper,
.sb-pd_text_font_family_div,
.sb-pd_text_font_effect_div,
.sb-pd_text_font_color,
.sb-pd-add-text-input,
.sb_pd_mob_clipart_list,
.sb_pd_mob_bgcolor,
.sb_pd_mob_pattern,
.sb_pd_mob_layer {
/* margin-top: 4px; */
box-shadow: 0 0 8px 2px #888;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-editor-options {
background: #4c5e7f;
}
.sb-pd-popup_pricecount {
display: flex;
/* align-content: stretch; */
/* justify-content: center; */
align-items: center;
gap: 4px !important;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection.product-designer-productcolor {
background: #eee !important;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_pricecount
h4,
.totalprice {
font-size: 13px !important;
}
.mobexisticon svg {
width: 27px !important;
height: 27px !important;
}
.pd_saveoptions {
/* padding: 7px 0px !important; */
}
.mobpd_savemydesign {
margin-top: 0px;
}
.sb-customize-product-popup .sb-customize-product-popbx {
height: 100% !important;
min-height: 895px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild
svg.sb-pd-editor-field-svg {
display: none;
}

.pdzoombutton {
position: absolute;
top: 0px;
right: -3px;
padding: 15px;
margin: 1px;
/* display: flex; */
flex-wrap: wrap;
gap: 21px;

z-index: 9999;

flex-direction: column;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection.product-designer-productcolor {
display: flex !important;

justify-content: space-between !important;
align-items: center !important;
border-top: 1px solid #5845452b !important;
/* padding: 5px !important; */
top: 0 !important;
width: 100% !important;
background: #fff !important;
/*     z-index: 99999 !important; */
position: absolute !important;
/*     height: 12%; */
}
.sb-customize-product-popup.sb-customize-product-popup-open {
overflow-y: auto;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild
.sb-pd-add-text-name-for-mobile {
text-align: center;
border-bottom: 1px solid #5845452b;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild
.sb-pd-add-text-name-for-mobile
h5 {
margin: 3px 0 15px 0;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild
.sb-pd-back-option-for-mobile {
position: absolute;
right: 0;
top: 7px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-back-option-header {
display: none !important;
}
/*   .sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options {
position: absolute;
background: white;
width: 100%;
bottom: 89px;
} */
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild {
height: 230px !important;
overflow-y: scroll;
position: absolute;
background: #f2f2f2;
width: 100%;
bottom: 137px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas {
margin: 0;
border-radius: 0;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper {
background: 0 0;
border-radius: 0;
border: none;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.fieldInput
button.form-submit.btnAddText {
margin-top: 0;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-text-options
.fieldInput
textarea.addTextInput {
min-height: 30px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_addtocartbutton
button {
padding: 10px 22px;
font-size: 10px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-imagecanvas
.div_image_thumbnails
.thumbnails_img {
width: 50px;
}
/*   .sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper-fordesktop {
display: none !important;
} */
/* new css  */

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild {
padding: 7px !important;
margin: 5px;
}
/* end new css  */
.sb-pd-displaytextfeild {
flex-direction: column;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-editor-field-text
span {
flex: auto;
display: none;
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-editor-options
div.sb-pd-displaytextfeild {
border-radius: 8px;
border: 1px solid #5845452b;
padding: 8px;
display: flex;
flex-direction: column;
align-items: center;
margin: 4px;
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-editor-options {
display: flex;
justify-content: center;
}
.sb-customize-product-popup {
padding: 10px 0;
overflow: visible;
overflow-y: auto;
background: rgb(102 99 99 / 70%);
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-popup_fottersection.product-designer-productcolor {
display: flex;
justify-content: space-evenly;
align-items: center;
width: 100%;
position: absolute;
top: 0;
background: #f2f2f2;
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-popup_fottersection
.sb-pd-popup_addtocartbutton
button {
background: #f08034;
border: none;
padding: 3px 6px 10px 6px;
font-size: 18px;
color: #fff;
font-weight: 600;
border-radius: 8px;
}
.sb-customize-product-popup
.sb-customize-product-popbx
.sb-customize-product-list
.sb-customize-product-popclose {
z-index: 9;
top: 2px;
right: 0px;
}
.sb-customize-product-popup .sb-customize-product-popclose svg {
width: 38px;
height: 29px;
}
.sb-customize-product-popup .sb-customize-product-list,
.sb-customize-product-popup .sb-customize-product-popbx {
overflow: visible;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.col-12.productdesign.pd_textColor.product_text
.font_color
.sb-pd-swatch-quickdemo
span.sb-pd-span-quickdemo,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.product-designer-productcolor
.productdesign
.all-bgcolor
label.sb-pd-swatch-quickdemo.bgcolor-color-label
span.sb-pd-span-quickdemo.bgcolor-color {
display: block;
width: 18px;
height: 18px;
cursor: pointer;
border-radius: 4px;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.col-12.productdesign.pd_textColor.product_text
.font_color
label.sb-pd-swatch-quickdemo.color-text,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.product-designer-productcolor
.productdesign
.all-bgcolor
label.sb-pd-swatch-quickdemo.bgcolor-color-label {
border: 1px solid #5845452b;
margin: 0 3px;
padding: 2px;
display: inline-block;
border-radius: 4px;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.sb-pd-add-text-input
textarea.addTextInput {
width: 100%;
min-height: 50px;
border: 1px solid #5845452b;
margin-top: 5px;
border-radius: 4px;
padding: 8px;
resize: none;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.sb-pd-add-text-input
button.form-submit.btnAddText {
float: right;
background: #d9d9d9;
border: none;
padding: 7px 22px;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.product-designer-productcolor.product_text
.col-12.productdesign.pd_fontFamily
select.font-family-images {
width: 100%;
padding: 8px;
color: #999;
border: 1px solid #5845452b;
border-radius: 4px;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
fieldset.fieldInput.sb-pd-add-text-input {
border: none;
padding: 0;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-upload-image-options-formobile {
display: none;
position: absolute;
bottom: 70px;
padding: 8px 15px 0;
width: 100%;
background: #f2f2f2;
height: 230px;
overflow-y: scroll;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-back-option-for-mobile {
position: absolute;
right: 0;
top: 7px;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
fieldset.fieldInput.sb-pd-add-text-input
button.form-submit.btnAddText,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-upload-image-options-formobile
.tab-content
.tabs-inside_contain
.custom-file
label.custom-file-label
.pd_browsefile {
background: #00000052;
border: none;
margin-top: 10px;
padding: 4px 11px;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile
.tab-content
.tabs2-inside_contain
select.pdclipart_select,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.productdesign.pd_pattern
select.pdpattern_select {
width: 100%;
padding: 11px;
color: #999;
border: 1px solid #5845452b;
border-radius: 4px 4px 0 0;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile
.tab-content
.tabs2-inside_contain
.pd_clipart_images,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.productdesign.pd_pattern
.pd_pattern_images {
overflow-y: scroll !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
border: 1px solid #5845452b;
border-radius: 0;
border-top: none !important;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile
.tab-content
.tabs2-inside_contain
.pd_clipart_images
.clipart_img
img.image-load,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.productdesign.pd_pattern
.pd_pattern_images
.patternimg
img.pattertnimgurl {
height: 65px;
width: 65px;
padding: 1px;
border: 1px solid #5845452b;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-upload-image-options-formobile
.tab-content
.tabs-inside_contain
.custom-file {
padding: 6px;
display: flex;
cursor: pointer;
margin: 15px;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 5px;
border: 2px dashed #5845452b;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-upload-image-options-formobile
.tab-content
.tabs-inside_contain
.custom-file
label.custom-file-label {
display: flex;
flex-direction: column;
align-content: space-around;
flex-wrap: wrap;
align-items: center;
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-editor-options
.sb-pd-displayeditorwrapper.active {
background: #4a3b3b61;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile
.tab-content,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.product_bakground
.productdesign.pd_pattern {
padding-bottom: 10px;
}
.sb-customize-product-popup
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-editor-options
div.sb-pd-displaytextfeild
.sb-pd-editor-title {
line-height: 1;
margin-top: 4px;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-design-options-for-mobile
.sb-pd-add-text-name-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-options-for-mobile
.sb-pd-add-text-name-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-product-options-for-mobile
.sb-pd-add-text-name-for-mobile,
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor-for-mobile
.sb-pd-sub-options-container-for-mobile
.sb-pd-upload-image-options-formobile
.sb-pd-add-text-name-for-mobile {
text-align: center;
border-bottom: 1px solid #5845452b;
}
.sb-customize-product-popbx
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-sub-options-container-for-mobile
.sb-pd-add-text-name-for-mobile
h5 {
margin: 5px 0;
}
}
.sb-pd-upload-image-options.sb-pd-upload-image-options
.tab-content
.tabs-inside_contain.tabs-inside_contain
.custom-file {
padding: 6px;
display: flex;
cursor: pointer;
margin: 5px;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 5px;
border: 2px dashed #5845452b;
}
.sb-pd-upload-image-options.sb-pd-upload-image-options
.tab-content
.tabs-inside_contain.tabs-inside_contain
.custom-file
label.custom-file-label {
display: flex;
flex-direction: column;
align-content: space-around;
flex-wrap: wrap;
align-items: center;
gap: 4px;
height: unset;
}
.sb-pd-upload-image-options.sb-pd-upload-image-options
.tab-content
.tabs-inside_contain.tabs-inside_contain
.custom-file
label.custom-file-label
button.form-submit.btnAddText {
text-align: left;
background: #d9d9d9;
border: none;
margin-top: 10px;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options
.tab-content
.tabs2-inside_contain
select.pdclipart_select {
width: 100%;
padding: 11px;
color: #999;
border: 1px solid #5845452b;
border-radius: 4px 4px 0 0;
}
.pd_clipart_images {
position: initial;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-height: 256px;
}
.pd_pattern_images {
position: initial;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-height: 263px;
/*   padding: 0 0 15px 0; */
}
.pd_pattern_images {
overflow-y: scroll !important;
}
sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options
.tab-content
.tabs2-inside_contain
.pd_clipart_images
.clipart_img
img.image-load {
padding: 6px;
border: 1px solid #5845452b;
margin: 10px;
height: 105px;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options
.tab-content
.tabs2-inside_contain
.pd_clipart_images {
justify-content: center !important ;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border: 1px solid #5845452b;
border-radius: 0;
border-top: none !important;
margin: 3px 0 0 0;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options
.tab-content
.tabs2-inside_contain
.pd_clipart_images
.clipart_img
img.image-load {
height: 70px;
padding: 5px;
border: 1px solid #5845452b;
margin: 4px;
border-radius: 4px;
width: 70px;
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.product_bakground
.pd_pattern_images
.patternimg
img.pattertnimgurl {
height: 65px;
width: 65px;
padding: 1px;
border: 1px solid #5845452b;
border-radius: 4px;
cursor: pointer;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.product_bakground
.productdesign.pd_pattern
.pd_pattern_images {
display: flex;
flex-wrap: wrap;
border: 1px solid #5845452b;
border-radius: 0;
border-top: none !important;
/*   padding: 15px; */
column-gap: 0;
margin: 3px 0 0 0;
}
.sb_loader {
position: absolute;
border: 2px solid #fff;
border-radius: 58%;
border-top: 3px solid #121212;
width: 22px;
height: 22px;
-webkit-animation: 2s linear infinite spin;
animation: 2s linear infinite spin;
margin: 1px 0 0 40px;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #d3d3d3;
}
::-webkit-scrollbar-track {
background-color: #ebebeb;
-webkit-border-radius: 10px;
border-radius: 10px;
}
html.js.wf-loading.wf-pleaseselectfontfamaily-n4-loading.wf-oleoscriptswashcaps-n4-loading.wf-abrilfatface-n4-active.wf-alfaslabone-n4-active.wf-archivoblack-n4-active.wf-audiowide-n4-active.wf-chauphilomeneone-n4-active.wf-courierprime-n4-active.wf-cuprum-n4-active.wf-domine-n4-active.wf-enriqueta-n4-active.wf-fasterone-n4-active.wf-freckleface-n4-active.wf-fredokaone-n4-active.wf-galindo-n4-active.wf-giveyouglory-n4-active.wf-griffy-n4-active.wf-happymonkey-n4-active.wf-jacquesfrancoisshadow-n4-active.wf-juliussansone-n4-active.wf-kronaone-n4-active.wf-lato-n4-active.wf-librebaskerville-n4-active.wf-lora-n4-active.wf-mavenpro-n4-active.wf-mclaren-n4-active.wf-merienda-n4-active.wf-molle-i4-active.wf-monoton-n4-active.wf-montaga-n4-active.wf-montserratsubrayada-n4-active.wf-mrdehaviland-n4-active.wf-opensans-n4-active.wf-pirataone-n4-active.wf-playfairdisplay-n4-active.wf-poiretone-n4-active.wf-quantico-n4-active.wf-quattrocento-n4-active.wf-rationale-n4-active.wf-romanesco-n4-active.wf-russoone-n4-active.wf-simonetta-n4-active.wf-sintony-n4-active {
min-width: 500px;
background: #ff0;
}
.sb-pd_popup_loader {
background-color: rgba(255, 255, 255, 0.8) !important;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9999;
background: url(https://nodeapps.setubridgeapps.com/productdesigner/product_designer_back/Images/icon/loader.gif)
center/auto 40px no-repeat #fff;
}
.sb-pd_popup_loader-text_span {
background-color: rgba(255, 255, 255, 0.8) !important;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
font-size: 24px;
font-style: bold;
font-weight: bold;
z-index: 99999999;
/* position: absolute;
display: none;
top: 50%;
left: 35%;
font-size: 24px;
font-style: bold;
font-weight: bold;
z-index: 9999999999; */
}

span[class^="sb-pd_add_cart-dot-"] {
opacity: 0;
}
.sb-pd_add_cart-dot-one {
animation: sb-pd_add_cart-dot-one 1.5s infinite linear;
}
.sb-pd_add_cart-dot-two {
animation: sb-pd_add_cart-dot-two 1.5s infinite linear;
}
.sb-pd_add_cart-dot-three {
animation: sb-pd_add_cart-dot-three 1.5s infinite linear;
}
.sb-pd_add_cart-dot-four {
animation: sb-pd_add_cart-dot-four 1.5s infinite linear;
}
@keyframes sb-pd_add_cart-dot-one {
0% {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
100% {
opacity: 1;
}
}

@keyframes sb-pd_add_cart-dot-two {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}

@keyframes sb-pd_add_cart-dot-three {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
75% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes sb-pd_add_cart-dot-four {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media only screen and (min-width: 1025px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper {
position: relative;
}
}
@media only screen and (min-width: 1024px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection.product-designer-productcolor {
display: flex;
gap: 20px;
justify-content: space-evenly;
align-items: center;
border-top: 1px solid #5845452b;
padding: 12px;
bottom: 0;
width: 100%;
background: #fff;
/* z-index: 99999; */
position: sticky;
border-radius: 5px;
}
}
@media only screen and (min-width: 1800px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper {
/*     height: 860px !important; */
}
}
@media only screen and (min-width: 1025px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-add-text-options
.sb-pd-add-text-name-for-mobile,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild
.sb-pd-back-option-for-mobile,
.sb-pd-add-text-name-for-mobile {
display: none;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_pricecount
h4,
.totalprice,
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_addtocartbutton
button {
font-size: 16px !important;
}
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild {
gap: 7px !important;
}
}
.canvas-wrapper {
overflow-y: hidden;
position: relative;
}

@media only screen and (min-width: 1400px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-product-options
.product_bakground
.pd_pattern_images
.patternimg
img.pattertnimgurl {
height: 100px;
width: 81px;
}
.patternimg {
height: 107px;
width: 86px;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-add-design-options
.tab-content
.tabs2-inside_contain
.pd_clipart_images
.clipart_img
img.image-load {
height: 100px;
width: 100px;
}
}

.pd-allelement {
display: flex;
width: 100%;
background: #fff;
cursor: pointer;
border-radius: 5px;
padding: 5px 0;
border: 1px solid #eee;
margin: 10px 0;
justify-content: center;
gap: 10px;
/*     box-shadow: 0 0.125rem 0.5rem 0 rgba(0,0,0,.2);
border-radius: 0.25rem; */
}

.main_layerwrapper {
padding: 0 10px;
overflow: auto;
}

.pd_layerdisplay,
.pd_layerlockdisplay,
.pd_layerupdisplay,
.pd_layerdowndisplay,
.pd_layerdeletedisplay {
background: #4b5e7f1c;
padding: 0 4px;
vertical-align: middle;
cursor: pointer;
margin: 10px 5px;
align-items: center;
display: flex;
align-items: center;
border-radius: 5px;
}

.pd_layerdisplay svg,
.pd_layerlockdisplay svg,
.pd_layerupdisplay svg,
.pd_layerdowndisplay svg,
.pd_layerdeletedisplay svg {
width: 20px;
}

.text-layer.pd_layertype {
display: block;
}

.pd_layertname,
.pd_layertype {
padding: 10px 4px;
cursor: pointer;
margin: 0 10px;
height: 50px;
align-items: center;
width: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
white-space: nowrap;
vertical-align: middle;
flex: 1;
}

.pd_layeroptions {
display: flex;
flex: 1;
}
#pd_layerlockicon {
display: none;
}
#pd_layernotdisplayicon {
display: none;
}
input {
touch-action: none;
}

/* @media only screen and (max-width: 768px) {
.sb-customize-product-popup .sb-customize-product-popbx{
height: 100% !important;

}
} */
@media only screen and (min-width: 768px) {
/* .sb-customize-product-popup .sb-customize-product-popbx {
height: 952px !important ;
} */

/* For desktop: */
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-sub-options
.sb-pd-sub-options-back-header
.sb-pd-sub-options-container
.sb-pd-editor-hideshow-fild {
bottom: 190px !important;
}
}
.pd_notlayer {
padding: 11px;
}
.pd_designsave button {
background: #f08034;
border: none;
padding: 9px -11px;
font-size: 15px;
color: #fff;
/* font-weight: 600; */
cursor: pointer;
border-radius: 8px;
border: 2px solid #f08034;
}
.pd_savedesign {
/* position: absolute;
top: 3px;
right: 52px;
width: 139px;
height: 38px;
border-radius: 6px; */
cursor: pointer;
}

.custom-model-main {
text-align: center;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; /* z-index: 1050; */
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 0;
-webkit-transition: opacity 0.15s linear, z-index 0.15;
-o-transition: opacity 0.15s linear, z-index 0.15;
transition: opacity 0.15s linear, z-index 0.15;
z-index: -1;
overflow-x: hidden;
overflow-y: auto;
}

.model-open {
z-index: 99999;
opacity: 1;
overflow: hidden;
background: #020202b0;
}
.custom-model-inner {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
display: inline-block;
vertical-align: middle;
width: 600px;
margin: 30px auto;
max-width: 97%;
}
.custom-model-wrap {
display: block;
width: 100%;
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
text-align: left;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: calc(100vh - 70px);
overflow-y: auto;
}
.model-open .custom-model-inner {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
z-index: 999;
}
.model-open .bg-overlay {
background: rgba(0, 0, 0, 0.6);
z-index: 99;
}
.sb-pd_close_deleteDesign-btn {
position: absolute;
right: 18px;
top: 0;
cursor: pointer;
z-index: 99;
font-size: 30px;
color: #000;
}

.pd_designsave button {
background: #f08034;
border: none;
padding: 9px -11px;
font-size: 15px;
color: #fff;
/* font-weight: 600; */
cursor: pointer;
border-radius: 8px;
border: 2px solid #f08034;
}
.pd_savedesign {
/* position: absolute;
top: 3px;
right: 52px;
width: 139px;
height: 38px;
border-radius: 6px; */
cursor: pointer;
}
.my-project-image,
.projectbttn h4 {
margin: 10px 0 0px 10px;
}
.sb-pd_main-myproject-data {
display: flex;
flex-wrap: wrap;
overflow-y: auto;
column-gap: 12px;
row-gap: 20px;
padding: 0 25px;
}
.sb-pd_deleteDesign_pop-up-content-wrap {
margin: 35px 20px 20px;
}
.sb-pd-deletedesign {
float: right;
}
.sb-pd_notdeletedesign,
.pd-projectnotchange {
color: #f08034 !important;
background-color: transparent !important;
}
.sb-pd_deleteDesign_pop-up-content-wrap input {
margin: 15px 0;
padding: 15px 10px;
width: 100%;
outline: none;
border: 1px solid #c5c5c5;
border-radius: 7px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-ms-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
}

.sb-pd-add-myproject-options {
padding: 5px;
}
.sb-pd_deleteDesign_pop-up-content-wrap button {
background: #f08034;
border: none;
padding: 14px 14px;
font-size: 18px;
color: #fff;
font-weight: 600;
cursor: pointer;
border-radius: 8px;
}
.sb-pd_preview_img_div_pdjs {
height: 230px;
position: relative;
}
.sb-pd_preview_img_div_pdjs svg {
fill: #fff;
cursor: pointer;
}
.sb-pd_project_name_div_pdjs {
display: flex;
justify-content: center;
position: relative;
bottom: 0;
}
.sb-pd_project_name_div_pdjs span {
font-size: 18px;
margin: 5px 0 0;
width: 80%;
text-align: center;
overflow: hidden;
}

.sb-pd_edit_button_hover_pdjs {
position: absolute;
opacity: 0;
border: none;
transition: all 0.2s ease-in-out 0.1s;
cursor: pointer;
z-index: 1;
background-color: #f08034;
right: 10px;
top: 3%;
padding: 10px 5px 8px 7px;
border-radius: 30px;
}
.sb-pd_edit_button_hover_pdjs svg {
height: 17px;
}
.sb-pd_img_preview_pdjs {
height: 230px;
width: 100%;
}
.sb-pd_delete_button_hover_pdjs {
position: absolute;
opacity: 0;
border: none;
transition: all 0.2s ease-in-out 0.1s;
cursor: pointer;
z-index: 1;
background-color: #f08034;
border-radius: 30px;
right: 10px;
top: 24%;
padding: 7px 6px 4px 6px;
}
.sb-pd_delete_button_hover_pdjs svg {
height: 23px;
}
.sb-pd_preview_img_div_pdjs:hover {
background-color: #5e5c5c;
transition: all 0.3s ease-in-out 0s;
}
.sb-pd_preview_img_div_pdjs:hover .sb-pd_img_preview_pdjs {
opacity: 0.5;
}
.sb-pd_preview_img_div_pdjs:hover .sb-pd_edit_button_hover_pdjs,
.sb-pd_preview_img_div_pdjs:hover .sb-pd_delete_button_hover_pdjs {
opacity: 1;
}
.sb-pd_edit_project_name_pdjs {
border: none;
background-color: transparent;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
cursor: pointer;
}
.sb-pd_project_name_div_pdjs:hover .sb-pd_edit_project_name_pdjs {
opacity: 1;
}
.sb-pd_edit_project_name_pdjs svg {
height: 21px;
fill: #000;
}
.sb-pd_projectdesignmainwrapper {
width: 47%;
border: 2px solid lightgray;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
height: 275px;
}
.invalid_msg {
display: none;
color: red;
font-size: 14px;
}

.invalid_design_nm {
animation: shake infinite 0.6s;
display: inline-block;
}
.pd_headeroptions {
display: flex;
align-items: center;
}
.details-modal-title {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.pd_designsave {
/* border-left: 1px solid #fff; */
border-right: 1px solid #fff;
}
/* .pd_saveoptions svg {
margin-top: 2px;
} */
.pd_saveoptions {
display: inline-flex;
justify-content: center;
/* align-items: center; */
/* border: 1px solid #eee; */
/* border-radius: 29px; */
padding: 6px 15px;
border-left: 1px solid #fff;
font-size: 15px;
margin: 0 0 0 8px;
}
.pd_saveoptions span {
letter-spacing: 0.1px;
}

@media only screen and (max-width: 1024px) {
.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection
.sb-pd-popup_pricecount
h4,
.totalprice {
margin: 15px 6px 4px !important;
}

.sb-pd-savemydesign {
position: absolute;
z-index: 9999;
color: gray;
top: 7%;
border: 1px solid gray;
left: 3%;
padding: 0 9px;
border-radius: 50px;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-displaytextfeild {
background: unset !important;
}
.sb-pd-editor-options,
.sb-pd-editor {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-editor-options {
display: flex;
overflow-x: auto;
justify-content: space-between;
/* margin-top: 99px; */
}

#sb-pd-add-text {
margin: 5px !important;
}

.sb-pd-popup_addtocartbutton {
padding: 11px 6px 10px !important;
}
.pd_saveoptions {
font-size: 12px !important;
}
.pd_saveoptions {
display: inline-flex;
padding: 2px 18px;
justify-content: center;
align-items: center;
/* text-decoration: underline; */
/* border: 1px solid #757575; */
border-radius: 29px;
margin: 10px 0 0px;
padding: 4px 15px;
font-size: 12px;
}

.sb-customize-product-list
.sb-pd-body_modal
.sb-pd-canvas.sb-pd-canvas
.sb-pd-editor
.sb-pd-editor-wrapper
.sb-pd-popup_fottersection.product-designer-productcolor {
background: #eee !important;
}
}
.sb-pd-popup_pricecount {
display: flex;
align-items: center;
gap: 73px;
}

.pd-notsignin button a {
color: #ffff;
text-decoration: none;
}
.sb-pd_ff_fs {
display: flex;
/* background-color: aquamarine; */
align-items: center;
justify-content: space-between;
column-gap: 20px;
margin-top: 10px;
}
.pd_fontFamily {
width: 60%;
}
/* text curved css */
.sb-pd_curved_text_effects_div {
margin-top: 10px;
}
.sb-pd_textEffects_div {
margin-top: 10px;
}
.sb-pd_font_size_buttons_input_div {
display: flex;
column-gap: 5px;
}
.sb-pd_text_font_size_div input {
width: max-content;
padding: 10px 0 10px 10px;
background-color: #f5f5f5;
border: none;
text-align: center;
}
.sb-pd_minus_btn_fonrSize {
padding: 10px 6px;
}
.sb-pd_plus_btn_fonrSize {
padding: 10px 5px;
}
.sb-pd_fontSize_plus_minus_btn {
width: max-content;
border: 1px solid #5845452b;
background-color: #f5f5f5;
border: none;
cursor: pointer;
}
.sb-pd_curve_div,
.sb-pd_kerning_div,
.sb-pd_lineHeight_div {
/* margin-top: 10px; */
}
.sb-pd_curve_div input,
.sb-pd_kerning_div input,
.sb-pd_lineHeight_div input {
cursor: pointer;
width: 100%;
}
.deleteBtn {
background: #ffffff;
border: #4c1212;
padding: 3px;
border-radius: 50%;
width: 21px;
height: 21px;
padding: 0px 0px 0px 3px;
border: 1px solid #d1d1d1;
box-shadow: 0.5px 0.5px 0.5px 0.5px;
}
.sb-pd-popup_addtocartbutton {
background: #f08034;
cursor: pointer;
display: flex;
padding: 5px 10px;
align-items: center;
column-gap: 9px;
}
.sb-customize-product-popclose {
cursor: pointer;
position: relative;
top: 3px;
}
.pd-undo-redo {
display: flex;
}
div#sb-pd-add-text {
    margin: 0px;
    }
.pd_saveoptions g path {
fill: #ffff;
}
.sb-pd-editor-wrapper-fordesktop {
/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); */
}
/* .sb-customize-product-popclose {
padding: 4px 0 0px 0;
} */
.sb_pd_left_section {
display: flex;
align-items: center;
padding-left: 10px;
}
.pd_header_new_price {
display: inline-flex;
justify-content: center;
margin: 0;
font-size: 15px;
cursor: pointer;
height: 100%;
padding: 0 5px;
}
.sb-pd-savemydesign {
cursor: pointer;
}
.sb-pd-mobile-text-edior-options,
.sb_pd_mob_mydesign,
.sb_pd_mob_layer,
.sb_pd_mob_background,
.sb_pd_mob_clipart {
display: none;
}

.pd_nav-group {
background-color: #484848;
min-width: calc(100vw - 60px);
max-width: calc(100vw - 60px);
display: flex;
align-items: center;
overflow-y: auto;
}
.pd_nav {
width: 100%;
display: flex;
/* flex-wrap: wrap; */
padding-left: 0;
margin-bottom: 0;
/* list-style: none; */
padding: 0;
margin: 0;
/* overflow-y: scroll; */
}
.pd_nav-item {
flex: 1 1;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.pd_nav-link {
width: 100%;
min-width: 60px;
min-height: 60px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #fff;
margin: 7px 0 7px 0;
}
.sb_pd_mobile_font_size {
display: none;
}
.sb-pd_text_font_size_div input {
width: max-content;
padding: 10px 0 10px 10px;
background-color: #f5f5f5;
border: none;
text-align: center;
}
sb-pd-mobile-text-edior-options,
.sb_pd_mob_mydesign {
background: rgb(255, 255, 255);
border-color: #000000;
}
.sb-pd-mobile-text-edior-options .sb-pd_text_font_size_div,
.sb-pd-mobile-text-edior-options .sb-pd_text_font_family_div,
.sb-pd-mobile-text-edior-options .sb-pd_text_font_effect_div,
.sb-pd-mobile-text-edior-options .sb-pd_text_font_color {
/* height: 100px; */
}

.sb_pd_mob_font_size_wrapper {
display: flex;
column-gap: 24px;
padding: 10px;
}
.sb_pd_mob_font_size_wrapper .sb-pd_font_size_buttons_input_div {
flex-direction: column;
flex-wrap: nowrap;
}
.sb-pd_font_size_buttons_input_div {
display: flex;
column-gap: 5px;
}
.sb_pd_mobile_font_effect .sb-pd_kerning_input_div,
.sb_pd_mobile_font_effect .sb-pd_lineHeight_input_div,
.sb_pd_mobile_font_effect .sb-pd_curve_div {
width: 105px;
}
.sb-pd_text_font_effect_div {
padding: 6px;
}
.sb_pd_effect_wrapper_inside {
display: flex;
align-items: center;
overflow-x: auto;
overflow-y: hidden;
}
.sb_pd_effect_wrapper_inside::-webkit-scrollbar {
width: 0 !important;
display: none;
}
.sb-pd_kerning_div,
.sb-pd_curved_text_effects_div,
.sb-pd_lineHeight_div {
width: 100%;
}
.sb_pd_mobile_font_effect,
.sb_pd_mobile_font_color {
display: none;
padding: 6px;
}
.pd_mobtextoptions {
display: flex;
width: 100%;
}
.pd_mob_back {
display: flex;
}
.pd_mob_back span svg {
width: 25px !important;
}
.pd_mob_back {
display: flex;
align-content: space-between;
text-align: center;
justify-content: center;
gap: 9px;
width: 100%;
}
.pd_mob_back {
background-color: #4c5e7f !important ;
}
.pd_mob_back span svg {
fill: #ffff;
}
.pd_mob_fontfamily,
.pd_mob_back,
.pd_mob_type,
.pd_mob_fontsize,
.pd_mob_fontcolor,
.pd_mob_fontEffect {
/* display: flex; */
flex-direction: column;
}
.pd_mob_back,
.sb-pd-mobile-edior-options .addTextBtn {
background-color: #21a336;
color: #fff;
}
.sb_pd_wrapper_mobile_fontfamily,
.sb_pd_mob_bgcolor_list {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
border-radius: 6px;
min-height: 50px;
max-height: 50px;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
overflow-x: auto;
overflow-y: hidden;
}
.pd_mob_inside_fontfamily h4 {
font-family: Abril Fatface;
height: 45px;
font-size: 24px;
line-height: 24px;
white-space: nowrap;
padding: 5px 10px;
display: flex;
align-items: center;
}
.sb_pd_mobile_font_wrapper_color .font_color {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
border-radius: 6px;
min-height: 65px;
max-height: 65px;
box-shadow: 0 0.125rem 0.25rem #00000013;
overflow-x: auto;
overflow-y: hidden;
}

.sb-pd-mobile-edior-options .sb-pd-mobile-text-edior-options fieldset {
margin: 1px !important;
padding: 12px !important;
border-color: unset !important;
border-style: unset !important;
}
.sb-pd-mobile-edior-options .sb-pd-mobile-text-edior-options fieldset textarea {
width: 250px;
}
.sb-pd-mobile-edior-options .sb-pd-mobile-text-edior-options button {
float: right;
/* margin: 11px 0 0 0; */
padding: 6px;
border-radius: 5px;
}
.sb_pd_mobile_font_family {
display: none;
}
.pd_mob_back span svg {
fill: #ffff;
}
.pd_nav-link-icon svg path {
stroke: #ffff;
}
.pd_nav-link-icon svg {
fill: #ffff;
}
.pd_nav-link-icon svg {
width: 30px !important;
}
/* .pd_nav-link-label {
position: absolute;
bottom: 1px;
} */
.pd_mob_effect svg,
.pd_mob_color svg {
width: 22px !important;
}
.sb_pd_mob_layer {
height: 381.672px;
overflow-y: scroll;
max-height: 331.672px;
}
.sb_pd_mob_layer .pd-allelement {
width: 100%;
}
.sb_pd_mob_layer {
background: #ffffff;
}
.sb_pd_mob_layer {
display: none;
}
.sb_pd_mob_clipart_list {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
border-radius: 6px;
/* min-height: 65px;
max-height: 65px; */
/* box-shadow: 0 0.125rem 0.25rem #00000013; */
overflow-y: scroll;
height: 86px;
}
.sb_pd_mob_clipart_list ::-webkit-scrollbar {
width: 0 !important;
display: none;
}
.pd_mob_clipart_img {
font-size: 24px;
line-height: 24px;
white-space: nowrap;
padding: 7.5px;
}
.pd_design_clipart_section {
display: flex;
flex-direction: column;
}
.pd_section_header {
display: flex;
justify-content: space-between;
align-items: flex-end;
/* padding-bottom: 6px; */
min-height: 31px;
position: relative;
}
.pd_header_category {
background: #4c5e7f;
display: flex;
align-items: center;
overflow-x: scroll;
min-width: calc(100vw - 60px);
max-width: calc(100vw - 60px);
}
.pd_header_category ul li div {
background-color: #000;
border-color: #000;
color: #fff;
padding: 5px 12px;
border-radius: 6px;
white-space: nowrap;
}
.pd_header_category ul {
flex-wrap: nowrap;
list-style: none;
}
.sb_pd_mob_wrapper {
display: flex;
align-items: center;
background: #4c5e7f;
}
.sb_pd_pattern_header_category div {
white-space: nowrap;
color: #fff;
/* background-color: #484848;
border-color: #484848; */
font-size: 10px;
padding: 5px 12px;
border-radius: 6px;
}
.sb_pd_pattern_header_category ul {
list-style: none;
margin: 1px;
padding: 0;
}
.sb_pd_pattern_header_category {
display: flex;
overflow: visible;
overflow-y: auto;
}
.pd_mob_pattern {
background-color: #000;
border-color: #000;
color: #fff;
padding: 5px 12px;
border-radius: 6px;
white-space: nowrap;
/* margin-left: 5px; */
}
.sb_pd_mob_pattern_list .patternimg pattertnimgurl {
padding: 3px;
}
.sb_pd_mob_pattern_list .patternimg {
height: 50px !important;
}
/* .sb_pd_pattern_header_category {
position: fixed;
} */
/* .sb_pd_mob_pattern_list {
margin-top: 31px;
} */
.sb_pd_mob_pattern_list {
display: flex;
flex-direction: row;
overflow: visible;
overflow-y: auto;
}
.sb_pd_mob_pattern_area .sb_pd_section_header {
margin: 5px 4px 0px 4px;
}
.sb_pd_mob_pattern_list .patternimg .pattertnimgurl {
width: 50px !important;
height: 50px !important;
}
.sb_pd_mob_bgcolor_list,
.sb_pd_mob_bgcolor label {
padding: 0px 0px 0px 5px;
}
.sb_pd_mob_bgcolor {
background: #ffff;
}
.sb_pd_mob_background,
.sb_pd_mob_pattern {
display: none;
}
.sb_pd_mob_mydesign {
height: 200.672px;
overflow-y: scroll;
max-height: 331.672px;
box-shadow: 0 0 8px 2px #888;

/* position: fixed; */
}
.sb_pd_mob_mydesign .sb-pd_projectdesignmainwrapper {
height: 71px !important;
}
.sb_pd_mob_mydesign .sb-pd_projectdesignmainwrapper .sb-pd_img_preview_pdjs {
height: 62px !important;
}
.sb_pd_mob_mydesign .sb-pd_projectdesignmainwrapper {
width: 12%;
}
.sb_pd_mob_layer .pd-allelement {
width: 100%;
}
.sb-pd-mobile-text-edior-options,
.sb_pd_mob_mydesign {
background: rgb(255, 255, 255);
border-color: #000000;
}
.sb_pd_mob_mydesign .sb-pd_preview_img_div_pdjs {
height: 80px;
}
.sb_pd_mob_mydesign .sb-pd_main-myproject-data {
flex-wrap: unset !important;
display: flex;
overflow-y: auto;
column-gap: 12px;
padding: 0 25px;
/* box-shadow: 0 0.125rem 0.25rem #00000013; */
overflow-x: auto;
overflow-y: hidden;
/* border-radius: 6px; */
min-height: 95px;
max-height: 81px;
align-items: center;
justify-content: space-between;
}
.sb_pd_wrapper_mobile_fontfamily,
.sb-pd_text_font_family_div label {
padding: 0 0 0 5px;
}
.canvas-container{
    transform-origin: top;
}