@import url("../../../../../tshirtecommerce/assets/plugins/icon/flaticon.css");

body.dg_screen {
  overflow: hidden;
}

.tshirt-hiden {
  display: none !important;
}

.tshirtecommerce-full-width {
  width: 100% !important;
}

.tshirtecommerce-full-width .summary {
  width: 100% !important;
}

.designer-attributes {
  border-bottom: 1px dashed #ddd;
  border-top: 1px dashed #ddd;
  clear: both;
  display: block;
  float: left;
  margin: 16px 0;
  padding: 10px 0;
  width: 100%
}

.designer-attributes .list-colors {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.designer-attributes .list-colors>a {
  float: left;
  height: 24px;
  margin: 4px;
  border: 1px solid #fff;
  cursor: pointer;
  outline: 1px solid #ccc
}

.designer-attributes .list-colors>a:first-child {
  margin-left: 0px
}

.designer-attributes .list-colors>a.active {
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ccc;
  outline: none
}

.designer-attributes .list-colors>a:hover {
  outline: 3px solid #7BCD40
}

.designer-attributes .list-colors>a.active:hover {
  outline: 0
}

.designer-attributes .list-colors>a span {
  float: left;
  height: 24px
}

.product-attributes {
  clear: both;
  display: block;
  float: left;
  padding-top: 15px;
  width: 100%
}

.form-group.product-fields {
  clear: both;
  display: block;
  float: left;
  padding-bottom: 15px
}

.p-color-sizes.list-number {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.p-color-sizes.list-number>li {
  float: left;
  margin: 0 6px;
  text-align: center
}

.p-color-sizes.list-number>li:first-child {
  margin-left: 0
}

.p-color-sizes.list-number>li label {
  clear: both;
  display: block;
  font-size: 12px
}

.p-color-sizes.list-number>li>input {
  clear: both;
  display: block;
  float: left;
  padding: 4px;
  text-align: center;
  width: 40px
}

.dg-poduct-fields {
  clear: both;
  display: block;
  width: 100%
}

.dg-poduct-fields .checkbox-inline, .dg-poduct-fields .radio-inline {
  float: left;
  padding-right: 15px
}

.cart .woocommerce_msrp {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0
}

.campaign_end {
  background-color: #c2c9cc;
  border-radius: 4px 0 4px 0;
  color: #666;
  font-family: arial;
  font-size: 11px;
  left: 0;
  padding: 1px 8px;
  position: absolute;
  line-height: 20px;
  top: 0
}

.tshirt_campaign {
  clear: both;
  display: block;
  padding-top: 15px
}

.campaign_available {
  font-size: 22px;
  padding-top: 10px
}

.campaign_help {
  font-size: 14px
}

.campaign_available span {
  color: #000
}

div#campaign_timer {
  clear: both;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 15px 0
}

.table-cell {
  float: left;
  border: 1px solid #ccc;
  text-align: center;
  padding: 8px 10px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 22px;
  color: #333;
  margin: 4px;
  width: 80px
}

.tab-metr {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  text-align: center;
  clear: both;
  display: block
}

.e-selling-price {
  clear: both;
  width: 100%
}

.campaign_store {
  clear: both;
  display: block;
  width: 100%;
  float: left;
  padding: 10px 0
}

.campaign_store .campaign_store_left {
  float: left
}

.campaign_store .campaign_store_left img {
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 2px
}

.campaign_store .campaign_store_right {
  float: left;
  padding-left: 10px
}

.campaign_store .campaign_store_right a {
  clear: both;
  display: block
}

.post-type-archive-product .product .onsale, .e-product-store .product .onsale {
  right: 10px;
  width: 40px;
  height: 40px;
  left: auto;
  font-size: 11px;
  line-height: 35px
}

.woocommerce .product .project-list-media .buttons-on-img {
  border: 1px solid #ccc;
  border-radius: 4px
}

.dg-poduct-fields .p-color-sizes li {
  list-style: none;
}

.type-product .images {
  position: relative;
}

.type-product .images .mask-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/loading.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
}

.app-designer .wapper-designer {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
  float: left;
  outline: 1px solid #f1f1f1;
  margin: 4px;
  border-radius: 4px
}

.app-designer .wapper-designer.active {
  outline-color: #363636;
}

.wapper-designer .thumb-product-design {
  position: absolute
}

.product_design {
  border: 1px solid #f1f1f1;
  display: inline-block;
  position: relative
}

.product_design .thumb-product-design {
  position: absolute
}

span.icon-zoom {
  width: 30px;
  height: 30px;
  float: left;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMS45OTcgNjExLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjExLjk5NyA2MTEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTYwMS40NDQsNTM1Ljc4NUw0MzMuNjYzLDM2OC4zOWMxLjUxMi0yLjI3LDIuNjQ2LTYuMDMzLDMuNzcyLTEwLjkzOWMxNy43MTktMjkuNzg1LDI4LjY4Mi02Mi4yMDcsMzIuMDUyLTk2LjUxOSAgICBjMC43NzItNy45MTUsMS4xMjYtMTYuMjA4LDEuMTI2LTI0LjEzYzAtMjYuMDEyLTQuMzQzLTUyLjA4OC0xMy4xOS03Ny42NjVjLTExLjUxLTMzLjI0My0yOS45MDUtNjIuODQyLTU1LjQyNi04OC4yMTggICAgYy00NS4zNjQtNDUuMTMtMTA1LjE4OS02OC42MjUtMTY2LjY0LTY4LjYyNWMtNjAuNzAyLDAtMTIwLjgwMSwyMy42MDctMTY2LjI2OSw2OC42MjUgICAgYy0zMC4zMTUsMzAuMDA5LTUwLjM5MSw2NS42MzMtNjEuMDgsMTA1LjkzOGMtMTAuODAyLDQwLjc1NS0xMC41NTMsODAuNjgxLDAsMTIxLjAyNmMxMC41NjEsNDAuMzQ2LDMwLjY1Miw3NS42Nyw2MS4wOCwxMDUuOTQ1ICAgIGM0NS4zNTUsNDUuMTMxLDEwNS41NjcsNjguNjE3LDE2Ni4yNjksNjguNjE3YzQ3LjEyNSwwLDg5Ljk2NC0xMy42MjUsMTI5LjY4OC0zOC40NTVsNi4wMzMtMy43NzFsMTY4LjUyOSwxNjguMTUgICAgYzYuNDE4LDYuNDAyLDEzLjE5OSwxMC4xNzYsMTkuNjA5LDEwLjkzMmMxLjUwNCwwLjM3NywyLjYzOCwwLjQ0OSwzLjc2NCwwLjM3N2M0LjUzNy0wLjI5Nyw4LjY5NS0xLjQ2MywxMi4wNjUtMy4zOTUgICAgYzQuNTUyLTIuNTk4LDkuNDI3LTYuNDEsMTQuNzAzLTExLjY4Nmw3LjU0NC03LjUzN2M1LjI3Ni01LjI4NSw5LjA4OS0xMC4xNTgsMTEuNjg4LTE0LjcwM2MxLjkyMi0zLjM2OSwzLjAxNi03LjkyMiwzLjAxNi0xMy41NzYgICAgdi0zLjAxOEM2MTEuOTk3LDU0OS4zNDUsNjA4LjA0OCw1NDIuMzczLDYwMS40NDQsNTM1Ljc4NXogTTQyMi4zNTQsMjg3LjMzYy04Ljg0OCwzMy4xMzEtMjUuNjM0LDYyLjIwNy01MC41Miw4Ny4wOTIgICAgYy0zNi4xOTQsMzYuMTg4LTg0LjgzMiw1Ni41NTMtMTM2LjQ3OCw1Ni41NTNjLTUwLjkwNSwwLTk5LjIyMS0yMC42OTUtMTM2Ljg2My01Ni41NTNjLTczLjk1Ny03MC40NjYtNzMuNjUxLTIwMi4xOTgsMC0yNzMuMzQgICAgYzM3LjItMzUuOTM3LDg1LjU4OC01Ni45MywxMzYuODYzLTU2LjkzYzUzLjkxNCwwLDk4Ljg5MiwxOS4xMSwxMzYuNDc4LDU2LjkzYzI0LjYyLDI0Ljc2NSw0MS44NDksNTMuNTM2LDUwLjUyLDg2LjcxNCAgICBDNDMxLjAyNCwyMjAuOTczLDQzMS4yMjYsMjU0LjEwMyw0MjIuMzU0LDI4Ny4zM3oiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cG9seWdvbiBwb2ludHM9IjI1OC4zNTMsMTM4LjQwMSAyMTIuNzMyLDEzOC40MDEgMjEyLjczMiwyMTQuNTYzIDEzNi41NzEsMjE0LjU2MyAxMzYuNTcxLDI2MC4xODQgMjEyLjczMiwyNjAuMTg0ICAgICAyMTIuNzMyLDMzNi43MTQgMjU4LjM1MywzMzYuNzE0IDI1OC4zNTMsMjYwLjE4NCAzMzQuODg1LDI2MC4xODQgMzM0Ljg4NSwyMTQuNTYzIDI1OC4zNTMsMjE0LjU2MyAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
  cursor: pointer;
  z-index: 10000
}

.design-zoom .icon-zoom {
  display: none
}

.design-zoom .product_design .thumb-product-design {
  cursor: move
}

.design-zoom {
  position: fixed !important;
  z-index: 100001;
  background-color: #fff;
  width: 100% !important;
  max-width: 650px;
  margin: auto !important;
  float: left;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 15px;
  border-radius: 5px;
  height: 100%;
  max-height: 670px;
  box-shadow: 0px 0px 6px 1px #ccc;
}

.design-zoom .thumbnails {
  display: none
}

.design-zoom .product_design {
  border: 0
}

.mask-design-zoom {
  width: 100%;
  position: fixed !important;
  z-index: 10000;
  height: 100%;
  background: #000;
  opacity: .5;
  top: 0;
  left: 0;
  display: none
}

span.view-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100000;
  font-size: 18px;
  color: #666;
  cursor: pointer;
  display: none
}

.wapper-designer .area-design, .product_design .area-design {
  position: absolute
}

.design-zoom .view-close {
  display: block
}

.design-items {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10
}

.design-items .drag-item {
  position: absolute;
  float: left
}

.design-items .drag-item svg {
  float: left;
  overflow: hidden
}

.custom-row {
  clear: both;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 12px
}

.custom-row .input-group {
  clear: both;
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f1f1f1
}

.group-left {
  float: left
}

.custom-row .input-group .input-edit {
  float: left;
  border: 0;
  height: 30px;
  margin: 0px;
  padding: 4px 6px;
  outline: 0;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #ccc;
  clear: both;
  display: block
}

.custom-row .input-group .color {
  float: left;
  border-radius: 0;
  border: 1px solid #ccc;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
  margin: 3px 4px;
  position: relative
}

.custom-row .input-group .btn-apply {
  background-color: #428BCA;
  border-top: 0;
  height: 32px;
  font-size: 12px;
  border-radius: 0 3px 3px 0;
  border-right: 0;
  padding: 0 10px;
  border: 0px;
  display: none;
  color: #fff;
}

label.custom-label {
  clear: both;
  display: block;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 6px
}

.custom-col {
  float: left
}

.input-group>.sp-replacer {
  border: 0
}

.custom-image {
  border: 1px dashed #29a6e5;
  float: left;
  padding: 6px;
  width: 114px;
  height: 114px;
  text-align: center;
  position: relative;
  background-color: #f1f1f1
}

.custom-action {
  float: left;
  clear: both;
  display: block;
  text-align: center;
  width: 100%;
  padding-top: 4px
}

.custom-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  bottom: 0;
  cursor: pointer;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

#files-upload-form {
  display: none
}

.design-upload {
  margin: auto;
  position: fixed;
  width: 265px;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 1000;
  bottom: 0;
  right: 0;
  display: inline-block
}

.design-upload .text-loading {
  float: left;
  font-size: 28px;
  color: #fff
}

.store-ideas {
  float: left;
  width: 100%
}

.store-idea {
  float: left;
  width: 220px;
  height: 220px;
  border: 1px solid #ddd;
  margin: 5px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  background-color: #f1f1f1;
}

.store-idea-thumb {
  float: left;
  width: 100%;
  height: 100%;
  position: relative
}

.store-idea-thumb .store-idea-title {
  position: absolute;
  font-size: 12px;
  bottom: 0;
  height: 32px;
  width: 100%;
  left: 0;
  white-space: nowrap;
  text-align: left;
  text-indent: 6px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 32px
}

.store-idea a {
  position: relative;
  float: left;
  width: 100%;
  height: 100%
}

.store-ideas .store-idea .store-idea-thumb img {
  position: absolute;
  max-width: 100%;
  margin: auto;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.store-idea-product {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.store-idea-product img {
  position: absolute
}

.store-idea-product .item-design {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0
}

.imag-loading {
  background: url(../images/loading.svg) no-repeat center center
}

.box-search {
  float: left;
  padding-right: 30px
}

.box-search label {
  clear: both;
  display: block;
  font-weight: 700;
  width: 100%;
  padding-bottom: 4px
}

.box-search input {
  width: 100%;
  height: 30px;
  padding: 2px 4px
}

.box-search select {
  width: 100%;
  height: 32px;
  border-radius: 4px
}

.store-search-color {
  float: left
}

.store-search-categories, .store-search-keyword {
  float: right
}

.dg_screen .row-designer-tool {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10000000;
  overflow: auto;
  left: 0;
}

.woocommerce ul.products li.product a.image-load {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.woocommerce ul.products li.product a.image-load img {
  background: url(../images/default.png) no-repeat center center;
}

/* product gallery */
.design-mobile.row-designer-tool {
  position: fixed;
  top: 0;
  left: 0 !important;
  right: 0;
  bottom: 0;
  z-index: 10000000;
  height: 100%;
  overflow: hidden;
  max-width: 100%;
}

.store-products {
  display: inline-block;
  width: 100%;
  height: 236px;
  overflow: auto;
}

.store-products {
  display: inline-block;
  width: 100%;
  height: 236px;
  overflow-y: hidden;
  overflow-x: auto;
}

.design-mobile.row-designer-tool #tshirtecommerce-designer {
  max-height: 100%;
}

.design-gallery {
  display: inline-block;
  position: relative;
}

.design-gallery canvas {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.product-gallery-map {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* button */
.product-gallery-map .btn-layer-action {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  text-decoration: none;
  outline: none;
}

.btn-layer-action.btn-layer-xs {
  padding: 1px 5px;
  font-size: 12px;
}

.btn-layer-action.btn-layer-small {
  font-size: 14px;
  padding: 5px 10px;
}

.btn-layer-action.btn-layer-default {
  font-size: 14px;
  padding: 6px 12px;
}

.btn-layer-action.btn-layer-lg {
  padding: 10px 16px;
  font-size: 18px;
}

.btn-layer-action.btn-layer-style-default {
  border-radius: 3px;
}

.btn-layer-action.btn-layer-style-rounded {
  border-radius: 50%;
  padding: 0px;
}

.btn-layer-action i.icon-position-left {
  margin-right: 4px;
}

.btn-layer-action i.icon-position-right {
  margin-left: 4px;
}

.btn-layer-action.btn-layer-style-rounded i {
  margin: 0;
  padding: 0;
}

.btn-layer-action.btn-layer-style-rounded.btn-layer-xs {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.btn-layer-action.btn-layer-style-rounded.btn-layer-small {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.btn-layer-action.btn-layer-style-rounded.btn-layer-default {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.btn-layer-action.btn-layer-style-rounded.btn-layer-lg {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
}

.btn-layer-view {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 1000000;
  width: 360px;
  box-shadow: 0px 0px 6px 1px #ccc;
  top: 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
  max-width: 100%;
}

.btn-layer-view-head {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 8px 12px;
  text-transform: capitalize;
  background-color: #f1f1f1;
  border-radius: 3px 3px 0 0;
  display: inline-block;
  color: #333;
}

.btn-layer-view-content {
  clear: both;
  display: block;
  padding: 6px 12px;
  overflow: hidden;
  color: #666;
  font-weight: normal;
  line-height: 22px;
}

.btn-layer-view-right {
  float: right;
  width: 200px;
  text-align: left;
}

.btn-layer-view-left {
  float: left;
  width: 100px;
  text-align: left;
}

.btn-layer-view-footer {
  clear: both;
  display: block;
  border-top: 1px solid #ddd;
  padding: 12px;
  overflow: hidden;
  margin-top: 8px;
}

.btn-layer-view-full {
  clear: both;
  display: block;
  width: 100%;
}

.btn-layer-view-left img {
  max-width: 90%;
  display: block;
  clear: both;
}

.layer-map-arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 100;
  border-width: 10px 15px 10px 0;
  border-style: solid;
}

.layer-map-arrow.map-arrow-left {
  border-width: 10px 15px 10px 0;
  left: -20px !important;
  border-color: transparent rgb(255, 255, 255) transparent transparent;
  top: 47px;
}

.layer-map-arrow.map-arrow-right {
  border-color: transparent transparent transparent rgb(255, 255, 255);
  border-width: 10px 0 10px 15px;
  right: -20px;
}

.layer-map-arrow.map-arrow-top {
  border-color: transparent transparent rgb(255, 255, 255);
  border-width: 0 10px 15px 10px;
  top: -20px !important;
}

.layer-map-arrow.map-arrow-bottom {
  border-color: rgb(255, 255, 255) transparent rgb(255, 255, 255);
  border-width: 15px 10px 0 15px;
  bottom: -20px !important;
}

.btn-layer-view-head span.close {
  float: right;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
}

.dg_tooltip {
  position: absolute;
  padding: 6px 15px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  box-shadow: 0px 0px 7px 1px #ccc;
  animation-duration: 350ms;
  transition-duration: 350ms;
  border: 1px solid #ccc;
}

.dg_tooltip:after, .dg_tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.dg_tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.dg_tooltip:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 9px;
  margin-left: -9px;
}

.store-full {
  display: inline-block;
  clear: both;
  width: 100%;
}

div#dg-secondary {
  width: 200px;
  float: left;
  display: block;
}

.dg-content {
  float: left;
  width: calc(100% - 200px);
}

.dg-body-left {
  padding-right: 15px;
}

.dg-body-right {
  padding-left: 15px;
}

.dg-box {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

h3.box-title {
  font-size: 16px;
  padding-bottom: 15px;
  margin-bottom: 0;
  text-transform: capitalize;
}

ul.list-product {
  padding: 0;
  margin: 0;
  list-style: none;
}

.box-content.designer-attributes {
  border: 0;
  margin: 0;
  padding: 0;
}

.box-content input[type="text"], .box-content select {
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
  padding: 4px 6px;
  display: inline-block;
  height: 36px;
}

.store-ideas .store-idea .store-idea-thumb canvas {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  display: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.store-ideas .store-idea .store-idea-thumb canvas.active {
  display: block;
}

.store-idea a.item-carousel.item-control.item-control-left {
  position: absolute;
  left: -1px;
  top: 45%;
  width: 15px;
  height: 28px;
  font-size: 24px;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.43);
  text-align: center;
  display: none;
}

.store-idea a.item-carousel.item-control.item-control-right {
  position: absolute;
  right: -1px;
  top: 45%;
  width: 15px;
  height: 28px;
  font-size: 24px;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.43);
  text-align: center;
  display: none;
}

.store-ideas .item-slideshow:hover a.item-carousel.item-control {
  display: block;
}

ol.item-carousel.item-indicators {
  position: absolute;
  padding: 0;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  text-align: center;
}

ol.item-carousel.item-indicators li {
  width: 10px;
  height: 10px;
  background-color: #9E9E9E;
  display: inline-block;
  border-radius: 50%;
  margin: 0 2px;
}

ol.item-carousel.item-indicators li.active {
  background-color: #4CAF50;
}

.store-ideas .store-idea .store-idea-thumb img.active {
  display: block;
}

.product-box.store-idea {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}

ul.products li.product .store-idea img {
  max-width: 100%;
}

.store-idea.dg-image-load {
  width: 200px;
  height: 200px;
}

.store-idea .dg-iconshare {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 2px 6px;
  height: auto;
}

.store-idea a.remove {
  position: absolute;
  top: 2px;
  z-index: 100;
  left: 2px;
}

.store-idea .dg-iconshare {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 2px 6px;
  height: auto;
  background-color: #fff;
  border-radius: 0 0 0 3px;
  display: none;
}

.store-idea:hover .dg-iconshare {
  display: block;
}

.dg-iconshare .fa-facebook-official {
  color: #43609C;
}

.dg-iconshare .fa-twitter-square {
  color: #55acee;
}

.dg-iconshare .fa-pinterest-square {
  color: #D11E16;
}

.store-idea .dg-iconshare a {
  float: left;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 100%;
  padding: 2px 4px;
}

.dg-image-load img.loading {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#form-store-search .dg-box:last-child {
  border-bottom: 0;
}

.store-full .dg-finter {
  display: none;
  text-align: center;
  border-radius: 3px;
  padding: 10px 0;
  margin-bottom: 15px;
  cursor: pointer;
  width: 100%;
}

.dg-finter-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 18px;
  color: #666;
  font-weight: normal;
  display: none;
  cursor: pointer;
}

@media (max-width:768px) {
  .store-full #dg-secondary {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 1000000;
    background: #fff;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 0px 6px 7px #666;
    display: none;
  }

  .store-full .dg-content {
    width: 100%;
  }

  .dg-content .dg-body-right {
    padding: 0
  }

  .store-full .dg-finter, .dg-finter-close {
    display: block;
  }

  .store-idea a.item-carousel.item-control {
    display: block !important;
  }
}

.variation-title {
  float: left;
  font-weight: bold;
  padding-right: 6px;
}

.store-idea.gallery-none .store-idea-thumb {
  display: none;
}

.store-idea.gallery-none:hover .store-idea-thumb {
  display: block;
}

.store-idea.gallery-none .store-idea-product .item-design {
  bottom: auto;
}