body{  }
.pdc-wrap-main{/* height:300%; */}
.pdc-container .scroll-wrapper > .scroll-content{/* max-height:none!important; */}
#pdcwrapper{    }
body.small-popup .iframe-container{overflow: auto; }
.pdc-wrap-main .scroll-wrapper.scrollbar-map{}
.pdc-wrap-main .pdc-area-main{}
.tab-content .toggle-cont{display:none;}
.pdc-design-area{max-width:100%; overflow:auto;}






.block-pdc-customized .content {
  display: block;
}
.block-pdc-customized .title {
  display: none;
}
#pdc_design_list .pdc-svg-preview{width:85px;}
.pdc-area-left .pdc-tabs>ul.nav li a,
.pdc-area-left .tab-content .tab-pane>ul>li,
.pdc-area-main,
.pdc-area-left .pdc-tabs>.tab-content,
a,
.pdc-area-left .pdc-tabs>.tab-content>.tab-pane,
.pdc-area-left .pdc-show-content,
.pdc-scroll,
.pdc-area-left .pdc-tabs>.tab-content {
  transition: none 0s ease 0s;
}

.scrollbar-map>.scroll-element_outer.scroll-scrollx_visible,
.scrollbar-map>.scroll-element_outer.scroll-scrolly_visible {
  display: none;
}

.pdc-area-main {
  height: auto;
}

.pdc-topbar {
  padding:0;
}

.fancybox-wrap {
  width: 90%!important;
}

.topbar-buttons li .tool-btn {
  font-size: 12px;
}

.topbar-buttons li .tool-btn {
  padding: 5px 4px;
}

.fancybox-opened {
  top: 35px!important;
}

.pdc-main-bottom {
  position: relative;
  height: auto;
  bottom: 0;
}

.pdc-area-left {
  position: relative;
}

.pdc-wrapper {
  background: #fff;
}

.pdc-background-color-list li a {
  border-width: 2px;
  margin-right: 2px;
}

.pdc-show-content .items-list li,
.pdc-item-tool .pdc-color-list li a,
.pdc-show-content .items-list li:hover {
  border-width: 2px;
  border-style: solid;
}


/* Ju */

.pdc-area-left .pdc-tabs>ul.nav li a i {
  font-size: 15px;
  display:none;
}

.pdc-area-left .pdc-tabs ul.tabs-left li.active>a::before {
  border-width: 0;
  /* top: 8px;*/
}

.pdc-tabs {
  height: auto;
}


/* .pdc-topbar{background-color:red;} */

.pdc-area-left .pdc-tabs>ul.nav {
  width: 70px;
}

.pdc-area-main.open {
  margin-left: 0px;
}

#apps ul.nav>li a {
  margin-bottom: 5px;
  border-radius: 0px;
}

.pdc-area-left .pdc-tabs>.tab-content>.tab-pane>h3 {
  font-size: 10px;
  line-height: 14px;
}

.pdc-area-left .pdc-tabs>.tab-content>.tab-pane {
  left: -130%;
  background: #fff;
  border: 1px solid #d1d2d4;

}


.pdc-background-color-list li a {
  height: 25px;
  width: 25px;
}

.pdc-area-left label {
  font-weight: normal;
}

div.result {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: 20px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 20px;
}

#pdc_background_color_picker {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: 25px;
  position: relative;
  width: 25px;
}

.pdc-btn {
  /*font-size: 1rem;*/
  /*margin: 0 auto;*/
  padding: 5px 8px;
  width: auto;
  border-radius: 0px;
}

.pdc-upload-area {
  min-height: 50px;
  padding: 10px !important;
}

#pdc_block_layer img {
  width: 30px;
}

.pdc-area-left {
  background: #ffffff none repeat scroll 0 0;
  border-right: 1px solid #dddddd;
  width: 100%;
  z-index: 10;
  float: left;
  overflow: visible;
}

.pdc-area-left.collapse-left .tab-content.expand-main {
  display: none;
}

.pdc-area-left.collapse-left {
  min-width: 100px;
  width: 100%;
  /*margin-bottom: 300px;*/
  /* height: auto; */
  float:left;
}

#productDesign.active .tab-content .tab-pane.active,
#upload.active .tab-content .tab-pane.active,
#apps.active .tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  padding-top: 5px;
}

#productDesign ul.nav>li a span {
  word-wrap: normal;
}

.pdc-area-left .pdc-tabs>.tab-content {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  float: left;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  margin: 0px auto;
  top:52px;
  z-index:10;
}

.topbar-buttons li .tool-btn:hover {
  background-color: transparent;
  color: #44b4aa;
}

.pdc-design-area {
  margin: 5px 0 0 0;
}

.pdc-area-main {
  float: none;
  margin-left: 0;
  padding-bottom: 30px;
  /* max-width: 100% !important; */
  width: auto !important;
  background:#f0e9d4 url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/sprinkles.png") repeat scroll 0 0;
  margin:0px auto;
}

.pdc-area-main.expand-main {
  width: 65%;
  height: auto;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 1px;
}


/*body.small-popup .iframe-container {
  padding: 5px 0 0 0;
}*/

.pdc-area-left .pdc-tabs>ul.nav {
  min-width: 100px;
  padding-bottom: 0;
  width: 100%;
  height: auto;
}

.tabs-left li {
  width: 19%;
  float: none;
  display: inline-block;
  border: 1px solid #44b4aa;
  vertical-align: middle;
}

.pdc-area-left .pdc-tabs>ul.nav li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  padding: 0px 2px;
  transition: none 0s ease 0s;
  word-wrap: break-word;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}

#toggle-app-button>img {
  margin-top: 3px;
  width: 15px;
}

.scroll-wrapper.scrollbar-map {
  max-height: none;
  /* 450px; */
  min-height: 400px;
  height: auto;
}

.pdc-main-bottom {
  height: auto;
  max-height: 68px;
  left: 0;
  position: absolute;
  top: -68px;
  width: 100%;
  display:none !important;
}

.pdc-scroll {
  margin-top: 68px;
}

.sides-tab {
  margin: 0;
  padding: 0px 0;
  float: left;
  background-color: transparent;
  box-shadow: none;
}
#pdc_sides>h3 {
  display: none;
}

.tab-sides li {
  display: inline-block;
  margin: 5px 3px;
}
.tab-sides li a {
  padding: 0px 3px;
  box-shadow: 2px 2px 3px rgba(0,0,0,.25);
}

.pdc-design-view {
  text-align: left;
}


/* Share popup */

.pdc-popup .share-info {
  border: 1px solid #cdcdcd;
  display: block;
  margin: 0 auto 15px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px;
  text-align: center;
}

.share-info .cont-right {
  display: none;
}

.pdc-item-tool .pdc-color-list li a {}

.panel-mst .panel-default h4 a::after {
  font-size: 12px;
  line-height: 20px;
}

.panel-mst .panel-default h4 a {}

.a-text:after,
.a-apps:after,
.a-freedrawing:after,
.a-upload:after {
  padding: 30px 35px;
  left: 13px;
}

.a-upload:after {
  padding: 37px 35px;
}

.pdc-tab-text {
  font-size: 12px;
}

.upper-canvas,
#canvas_side_1,
.canvas-container,
.product-image-wrap,
#product-image-wrap,
#canvas_side_4 {
  /* min-width: 300px !important;
    min-height: 300px !important; */
  /* max-width: 99%;
  max-height: 99%; */
}

.tab-sides li a span {
  font-size: 11px;
}

.scroll-wrapper>.scroll-content {
  padding-left: 0 !important;
}

/*.topbar-buttons li:first-child a, .topbar-buttons li .continue-shopping, .topbar-buttons li .tool-btn, .tool-btn.reset-btn.fancybox
{
      padding: 0 !important;
}*/

.topbar-buttons,
.topbar-buttons li {
  float: none !important;
}

.topbar-buttons {
  width: 100%;
}
.topbar-buttons li:first-child{margin-left:0;}
.topbar-buttons li {
  /*width: 50%;*/
  display: inline-block;
  /* margin: 0 auto;*/
}
.topbar-buttons li.pdc-close-btn {float:right!important;}
.topbar-buttons li:last-child{margin-right:0;}
.topbar-buttons li .tool-btn {
  float: none !important;
}
.topbar-buttons li .tool-btn i{font-size:24px;}
.tab-pane.active h3 {
  width: 93% !important;
  font-size: 14px !important;
  padding: 15px 0px 10px 0px !important;
  margin:0;
}

.pdc-edit-tool-left .title {
  font-size: 14px;
}

.pdc-edit-top {
  position: relative;
  padding-bottom: 1px;
  padding-top: 7px;
  width: 50px;
  float: left;
  margin: 10px 0 0 0;
}
#pdc_text_edit{
  width: 87%;
  clear: none;
  width: calc(100% - 50px);
}
#pdc_text_edit textarea {
  height: 50px;
  border: 1px solid #ccc;
  width:99%;
}
.pdc-area-left .text-effects .dropdown-effects {}
#pdc_block_layer table th {
  text-align: center;
  padding:5px 0;
}
#pdc_block_layer table > tbody > tr > td{padding:5px 0; font-size:14px;}
#pdc_block_layer > div p {
  font-size: 12px;
  text-align: left;
  padding: 3px 0;
  float: left;
  width: 100%;
}
#pdc_block_layer > div{font-size:14px;}
.pdc_edit_text_only {
  margin-top: 0px;
  font-size: 14px;
}

.pdc_edit_text_only select {}

.pdc-fonts-size-2::after {}
.pdc-extra-align{width:60%;}
.pdc-extra-font{width:40%;}
.pdc-extra-font .pdc-extra-item{max-width:48%;}
.pdc-extra-item{max-width:30%;}
.pdc-fonts-size-2::after,
.pdc-fonts-content::after {font-size:15px;}

.pdc-fonts-content {
  padding-left: 0px;
}

.pdc-fonts-size-2 {}

.pdc-show-content .items-list li {
  width: 80px;
  height: 80px;
}

.nav.nav-tabs.tabs-left {
  overflow: auto !important;
}

.scroll-wrapper.items-list {
  max-height: 188px!important;
}

#start-drawing,
#stop-drawing {
  float: none !important;
  text-transform: uppercase;
  padding: 3px 6px;
  margin-top: 12px;
  margin-left: 1px;
  color: #fff;
  background-color: #eaa6b4;
  border: none;
  outline: none;
  min-width: 48%;
}

#drawing-attribute-content {
  padding-top: 4px !important;
}

#drawing-attribute-content .info {
  font-size: 12px !important;
}

.pdc-show-content-detail {}
#u-upload p{font-size:13px;}
.dz-default.dz-message span,
.upload-type p {}

.dropzone .dz-message {
  text-align: center;
  margin: 0em 0;
}

.upload-type {
  margin-top: 0px;
}

.upload-type p {
  margin-bottom: 0px;
}

.list-type-format li {
  font-size: 12px;
}

.upload-type+p {
  padding: 5px 0 !important;
}
#u-upload {}

.pdc-area-left .tab-content .tab-pane ul {}

.pdc-item-tool {
  /* float: none; */
  display:inline-block;
}

select,
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
  -moz-appearance: none;
}

.fa.fa-reply+span {
}

.topbar-buttons li:first-child a,
.topbar-buttons li .continue-shopping,
.topbar-buttons li .tool-btn,
.tool-btn.reset-btn.fancybox {}

.topbar-buttons {
  padding-top: 8px !important;
  padding-bottom: 3px !important;
}

.pdc_edit_text_only {margin: 0 7px 0 0;}
.pdc-list-font ul{padding-bottom:5px;}
.topbar-buttons {
  padding:0!important;
}

.tab-sides li a span {
  font-size: 12px;
}

.scroll-wrapper>.scroll-content {
  padding-top: 0;
}

.topbar-heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

.topbar-heading h2 {
  margin-top: 0;
  padding: 0 40px;
  font-size: 20px;
}

.topbar-heading h4 {
  font-size: 13px;
  padding: 0;
}

.tool-btn.close-btn.fancybox i {
  top: 8px;
  right: 8px;
}
.pdc-main-bottom .pdc-zoom {
  margin: 5px 0;
  float: right;
  width: auto;
  height: 62px;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
  display: flex;
  background-color: transparent;
  box-shadow: none;
}
.pdc-main-bottom .pdc-zoom .btn-zoom {
  padding: 9px 0;
  display: inline-block;
  float: none;
  width: 40px;
  margin: 0 0 0 5px;
  background-color: #f2f2f2;
  box-shadow: 2px 2px 3px rgba(0,0,0,.25);
  font-size: 22px;
}
.pdc-main-bottom .pdc-zoom input{display:none;}
.pdc-area-left .pdc-tabs>.tab-content>.tab-pane#apps{padding: 0}
.tab-sides li img{max-height:40px;}
#pdc_text_curved_control, #pdc_font_curved_control {
  float: left;
  width: 100%;
}
.pdc-text-effect-control {
  border-top: none;
  padding: 0px 0;
  width: 49%;
  display: inline-block;
}
#pdc_text_curved_control div {
  border-top: none;
  padding: 5px 0;
  text-align: left;
}
#pdc_text_curved_control div > input{
  vertical-align: middle;
  margin: 0 0 0 5px;
}
#pdc_text_curved_control {
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 413px) {
  .pdc-extra-align, .pdc-extra-font{width:100%;}
  .pdc-text-effect-control{width:100%;}
  .topbar-buttons li .tool-btn span{display:none;}
}
@media only screen and (max-width: 413px) {
	.pdc-wrap-main .pdc-area-main {
    max-height: 80%;
    overflow: scroll;
}
	#pdcwrapper{
		max-width:350px;
		
	}
}
@media only screen and (max-width: 359px) {
  .topbar-buttons li .tool-btn i{font-size:16px;}
  .pdc-area-left .pdc-tabs > ul.nav li a{font-size:12px;}
  .tabs-left li{width:18%;}
}