#add_modal_designer{line-height:10px;}
#md_modal_quantity{margin:5px;}
.mdHide{visibility:hidden;display: none;}
#megadesigner{z-index:100000000;}
.fpd-modal .fpd-sidebar{position:fixed;top:10px;left:5px;z-index:1000000}

.fancy-product .fpd-container { float:left; }
.fancy-product .fpd-container .fpd-main-color, .fancy-product .fpd-container .fpd-menu-bar > h3, .fancy-product .fpd-container .fpd-upload-progess-bar > div {
    background-color: #282A2B;
    color: #FFFFFF;
}
.fancy-product .fpd-container .fpd-border-color, .fancy-product .fpd-container .fpd-content > div > ul > li, .fancy-product .fpd-container .fpd-saved-products > ol > li, .fancy-product .fpd-container .fpd-text-input, .fancy-product .fpd-container .fpd-edit-elements select, .fancy-product .fpd-container .fpd-views-selection li, .fancy-product .fpd-container .fpd-tooltip-theme {
    border-color: #E0DEDE;
}
span.info-text {
    font-size: 12px;
    font-weight: normal;
    margin-top: 15px;
    display: block;
    float: none;
}
.fpd-mobile-menu {
    display: none;
}
.openmobile {
    position: absolute;
    display: block;
    z-index: 9999;
    height: 210px !important;
}
.open-fonts {
    height: 450px !important;
    display: block;
}
.openmobile .fpd-left {
    display: none;
}

.openmobile .fpd-input-text.fpd-clearfix.fpd-trans {
    width: 100%;
    padding: 35px 15px;
}
.fpd-views-selection > div img {
    display: block;
    text-align: center;
    margin: auto;
}

.fpd-button-hide-designer, .fpd-button-designer {
    display: none !important;
}
.product-megadesigner {
    display: none;
}
.mpd-addcart {
    display: none !important;
}
.fancy-product .fpd-container .fpd-content > div > textarea:focus, .fancy-product .fpd-container .fpd-text-input:focus, .fancy-product .fpd-container .fpd-edit-elements select:focus, .fancy-product .fpd-container .fpd-views-selection li:hover {
    border-color: #C0C0C0;
}
.fancy-product .fpd-container .fpd-saved-products > ol > li > button {
    color: #FFFFFF;
}
.fancy-product .fpd-container .fpd-button, .fancy-product .fpd-container .fpd-color-picker .sp-replacer {
    background-color: #FFFFFF;
    color: #BBBBBB;
}
.fancy-product .fpd-container .fpd-button-danger {
    background-color: #D04544;
}
.fancy-product .fpd-container .fpd-button-submit {
    background-color: #C1E27A;
}
#show_modal_designer{ 
	clear: right;
    float: right;
    margin: 5px;}
 .fpd-content-products .fpd-grid > .fpd-item{min-height:270px;}.fpd-content-products{width:100%;}
/*.fpd-content-products{width:100% !important;}*/
.allsizepage{width:98% !important;height:98% !important;left:0px !important;}
.fpd-container .mpd-addcart{}
.fpd-button-designer{padding:10px 25px;color:#fff; text-transform: uppercase;}
-.fpd-secondary-bg-color {
    background-color: #2c3e50;
}
#megadesigner .blockedDesign{opacity: 0.3 !important; }
#md-loading{
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('./img/loading.gif') 
                50% 50% 
                no-repeat;}
#md-loading .mp-message-loading{ margin: auto auto;z-index:5005;   padding:20px; border-radius: 25px;
    background-color: #CCC;
    margin-top:10%;
    text-align: center;
    max-width: 800px;
    line-height: 160px;}  
#md-loading .mp-message-loading span{ font-size:180%; font-weight:bold;} 
#md-loading .mp-message-loading img{max-width:210px;}
@media (max-width: 800px) {
  #md-loading .mp-message-loading span{ font-size:100%; font-weight:bold;}
  #md-loading .mp-message-loading img{max-width:130px;}
  #md-loading .mp-message-loading{line-height: 100px;}
}

@-moz-document url-prefix() {
    html, body
	{
		position:relative;
	}        

}      
.mpstep .fpd-add-text .fpd-input-text>input{width:80%;} 
/* CAMBIOS CSS AJUSTAR */
.simplydesign  #mp-megadesigner .fpd-views-selection {float:left;width:100%;position:relative;}  
.simplydesign  #mp-megadesigner .fpd-views-selection .fpd-item {display:inline-block;margin:5px !important} 
.simplydesign #mp-megadesigner  .fpd-main-bar{/*display:none;*/}       
#fpd-base-picker{display: inline-block;width: 50px;}
          

/* SE AÃ‘ADE */
#fpd .fpd-btn.fpd-primary-text-color.social-button {
    display: none;
}
#show_button_designer span:hover {
    cursor: pointer;
}
.fpd-left {}.row {}html.js_active.vc_desktop.vc_transform.vc_transform {}#fpd section.fpd-main-bar.fpd-clearfix.fpd-primary-bg-color {
    width: 100%;
}
.add-to-cart-personalized {
    display: none;
}
.btn.btn-primary.add-to-cart-personalized-button:after {
    content: "\e996";
    font-family: icomoon;
    margin-left: 5px;
}

#fpd .work-area {
    height: auto;
    width: 100%;
    margin-top: 110px;
}

#fpd section.fpd-dialog-top.fpd-clearfix.fpd-secondary-bg-color {
    display: inline-block;
    width: auto;
}

#fpd .fpd-btn span {
    display: block;
    text-align: center;
    font-size: 11px;
}


#fpd .fpd-btn.fpd-primary-text-color {
    display: block !important;
    text-align: center;
    width: calc(100% + 1px);
    background: white;
    color: black;
    padding: 18px 0px;
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    margin: 15px 0px;
}

#fpd .fpd-btn.fpd-primary-text-color .fpd-icon-layers {
    /* display: none; */
    }


#fpd .fpd-input-text span.fpd-btn {
    display: block;
    width: 100%;
    height: 36px;
    text-align: center;
    margin-top: 15px;
    border: solid 1px #db8140;
    text-transform: uppercase;
    font-size: 14px;
    float: none;
    line-height: 36px;
    color: #db8140;
    font-weight: 500;
}

#fpd .fpd-icon-text-format .fpd-input-text.fpd-clearfix.fpd-trans.fpd-show-up {
    width: 100%;
    display: block;
}
.add-to-cart-personalized-button {
    height: 40px;
    line-height: inherit !important;
    padding-top: .625rem !important;
    width: 100%;
    border: 1px solid #6fb593 !important;
    background: #6fb593 !important;
    font-weight: 600 !important;
    color: white !important;
    letter-spacing: 1px;
    font-size: 16px !important;
    margin-bottom: 20px;
    border-radius: 2px !important;
}
.contentdesigner #uploacontentdesigner::-webkit-scrollbar, .fpd-input-text::-webkit-scrollbar {
    width: 4px;
}
 
.contentdesigner #uploacontentdesigner::-webkit-scrollbar-track, .fpd-input-text::-webkit-scrollbar-track {
    background-color: #e9e9e9;
}

.fpd-list-row .fpd-cell {
    width: 100%;
    display: block;
    clear: both;
}

.fpd-list .fpd-cell i {
    margin-right: 15px;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.85;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: #5f266c;
}

.fpd-cells {
    width: 75%;
    display: inline-block;
    float: right;
}

.fpd-cell-1 {
    margin-bottom: 20px !important;
}

.fpd-cell-2 {
    /* display: none; */
}

.contentdesigner #uploacontentdesigner::-webkit-scrollbar-thumb, .fpd-input-text::-webkit-scrollbar-thumb {
    width: 4px;
    height: 60px;
    border-radius: 2px;
    background-color: #97a59e;
}
#fpd .fpd-input-text p.text-title {
    font-size: 14px;
    letter-spacing: 1.3px;
    width: auto;
    font-weight: 500;
    text-align: left;
    text-transform: initial;
    margin: 0px;
}
section.fpd-sub-bar.fpd-clearfix {width: auto;/* right: 90px; */overflow: visible;/* position: absolute; */margin-right: 90px;top: -45px;}.mCSB_dragger_bar:hover {
    background: black !important;
    background-color: black !important;
}

.fpd-left .fpd-btn.fpd-tooltip.mpd-addcart.tooltipstered {
    display: none;
}
#fpd .fpd-primary-text-color {
    /* border-right: 1px solid #daa4bc; */
}

#fpd .work-area .fpd-left {
    width: auto;
}

div#uploacontentdesigner p.precio-grabado {
    margin-bottom: 0px;
}
#fpd .fpd-primary-text-color.active span {
    font-weight: bold;
    color: #d8752a;
}

i.fpd-icon-file-upload:before {
    content: "";
}


#fpd .fpd-btn.fpd-primary-text-color.disenos .fpd-icon-product:before {
    content: "";
    background: url(img/ilutra-disenos.svg) no-repeat;
    width: 31px;
    height: 16px;
    display: inline-block;
}
#fpd section.fpd-sub-bar.fpd-clearfix {
    margin-top: 0px;
}
.contentdesigner .fpd-left {margin-top: 45px;width: 25%;max-width: 112px;padding-left: 15px;}

#fpd .fpd-btn.fpd-primary-text-color:hover {
    color: #d8752a;
}

#fpd .fpd-btn.fpd-primary-text-color.active {
    border-color: #d8752a;
}

#fpd .fpd-btn.fpd-primary-text-color:hover {
    border-color: #d8752a;
}
.fpd-context-dialog.fpd-shadow-2.fpd-columns-4.fpd-right.fpd-fixed {
    position: initial!important;
    width: 100%;
    overflow-y: auto;
    box-shadow: none;
    background: white;
    float: none;
    margin: auto;
    display: block !important;
}

#fpd .fpd-add-design.fpd-btn.fpd-primary-text-color .fpd-icon-design:before {
    content: "";
    background: url(img/ilutra-disenos.svg) no-repeat;
    width: 31px;
    height: 16px;
    display: inline-block;
}
.contentdesigner {
    width: calc(100% - 90px);
    float: left;
    height: 285px !important;
    overflow: hidden;
    /* height: 338px; */
    border: solid 1px #dcdcdc;
    background: white;
}
div#uploacontentdesigner {
    display: none;
    height: 100%;
    padding: 25px;
    overflow-y: auto;
    text-align: left;
    background: white;
    width: 100%;
}
.fpd-product-stage canvas {
    width: 100% !important;
    height: auto !important;
}.fpd-add-image.fpd-btn.fpd-primary-text-color.active:before {
    content: "";
    height: 60px !important;
}

div#mpdDesigner {
    margin-bottom: 15px;
    display: none;
}
div#appendcontentdesigner {
    background: white;
    display: none;
    overflow-y: auto;
    padding: 25px 15px;
    top: 1px;
    width: 75%;
    position: relative;
    height: 100%;
}
.fpd-input-text.fpd-clearfix.fpd-trans {
    padding: 20px 15px;
    overflow-y: auto;
    height: 100%;
    box-shadow: none;
    padding-bottom: 0px;
    width: 75%;
    display: block;
    /* border: 1px solid #daa4bc; */
    /* height: 100%; */
}
#fpd .fpd-sub-bar .fpd-left {
    width: auto;
    display: inline-block;
    width: auto !important;
    margin: auto;
    border: none !important;
}
div#uploacontentdesigner p.h2 {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 3px;
    color: #5f266c;
    line-height: 25px;
}
div#uploacontentdesigner .fakeupload {
    width: 100%;
    height: 36px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 16px;
    border: solid 1px #5f266c;
    text-align: center;
    line-height: 2.25;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #5f266c;
    margin: auto !important;
    margin-bottom: 15px !important;
    display: block;
}
body > .fpd-context-dialog.fpd-shadow-2.fpd-columns-4.fpd-right.fpd-fixed {
    display: none !important;
}
div#uploacontentdesigner p {
    letter-spacing: 1px;
    font-size: 16px;
    color: #5b525b;
}
.contentdesigner.openmobile {
    display: block;
    position: absolute;
}

#fpd .fpd-list-row.fpd-locked {
    display: none !important;
}
.fpd-add-layer {
    display: none !important;
}

@media(max-width: 991px){
    .fpd-mobile-menu {
        display: block;
        margin-top: 5px;
    }
    div#appendcontentdesigner{
        width: 100%;
        height: 100% !important;
    }
    .fpd-columns-4 .fpd-dynamic-columns .fpd-item {
        width: 50% !important;
    }
    #fpd .contenido-producto {
        width: 100%;
    }
    .fpd-context-dialog.fpd-shadow-2.fpd-columns-4.fpd-right.fpd-fixed {
        /* width: 200px; */
    }
    section.fpd-sub-bar.fpd-clearfix{
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .fpd-columns-4 .fpd-dynamic-columns .fpd-item {
        width: 50% !important;
    }
    .category-design-list label {
        font-size: 11px !important;
        padding: 5px !important;
        margin: 5px 5px !important;
    }

    .fpd-dialog-content .fpd-content-head {padding-bottom: 35px !important;}
    .mCustomScrollBox.mCS-light.mCSB_vertical.mCSB_outside{
        height: 100%;   
    }
    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
        height: 100%;
    }
    .fpd-context-dialog.fpd-shadow-2.fpd-columns-4.fpd-right.fpd-fixed {
        height: 100%
    }
}
@media(max-width: 567px){
     .fpd-context-dialog.fpd-shadow-2.fpd-columns-4.fpd-right.fpd-fixed.fpd-mobile {
        /* left: 25% !important; */
    }
}
@media(max-width: 350px){
    .fpd-views-selection>.fpd-item {
        /* width: 80px !important; */
    }
}