/* Preview holder */
#preview-holder .inner-dropzone {
  padding: 2px;
}
#preview-holder.in .inner-dropzone {
  border: 2px dashed #9e9e9e;
  padding: 0;
}
#preview-holder.hover .inner-dropzone {
  border: 2px dashed #38ccff;
  padding: 0;
}
#preview-holder.hover .inner-dropzone svg {
  fill: #38ccff !important;
}
#preview-holder.hover .inner-dropzone span {
  color: #38ccff !important;
}
/* Preview */
#live-preview #preview-overlay-all {
  z-index: 109 !important;
}
#live-preview #preview-overlay {
  z-index: 99;
}
#live-preview #preview-slides-hover {
  z-index: 300;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 9996;
}
#live-preview #preview-slides-hover:not(.disabled):hover {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
}
#live-preview #preview-slides-hover.disabled:hover {
  cursor: crosshair;
  cursor: -webkit-crosshair;
  cursor: -moz-crosshair;
}
#live-preview #preview-slides:hover {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
}
#live-preview #preview-slides .preview-slide:not(:first-child) {
  display: none;
}
#live-preview #preview-spine-editor {
  text-align: center;
  width: 100%;
  padding: 7px 0;
  color: white;
  z-index: 9999;
  float: left;
  display: none;
}
#live-preview #preview-spine-editor a {
  display: inline-block;
  border: none;
  color: #4f4f4f;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#live-preview #preview-zoom-loading {
  z-index: 600;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 45%;
  text-align: center;
  width: 40%;
  /* IE fix */
  margin-left: 45%;
  /* IE fix */
}
#live-preview #preview-image-loading {
  display: none;
  z-index: 99;
}
#live-preview #preview-loader {
  float: left;
  width: 100%;
  height: 3px;
  padding: 0 5px;
}
#live-preview #preview-loader #preview-loadbar {
  width: 0;
}
#live-preview #preview-loader #preview-loadbar.load {
  width: 100%;
  background: #4b91cb;
  height: 3px;
  display: block;
  transition: width 0.5s;
  -moz-transition: width 1s;
  /* Firefox 4 */
  -webkit-transition: width 1s;
  /* Safari and Chrome */
  -o-transition: width 1s;
  /* Opera */
  -ms-transition: width 1s;
  /* IE9 (maybe) */
}
#live-preview #preview-loader #preview-loadbar.count3secs {
  width: 100%;
  background: #4b91cb;
  height: 3px;
  display: block;
  transition: width 0.5s;
  -moz-transition: width 1s;
  /* Firefox 4 */
  -webkit-transition: width 1s;
  /* Safari and Chrome */
  -o-transition: width 1s;
  /* Opera */
  -ms-transition: width 1s;
  /* IE9 (maybe) */
}
#live-preview #preview-loader #preview-loadbar.unloadcount3secs {
  width: 0%;
  background: #4b91cb;
  height: 3px;
  display: block;
  transition: none !important;
}
#live-preview #preview-nav {
  text-align: center;
  font-weight: 500;
  width: 100%;
  z-index: 9999;
  padding: 12px 0;
  color: white;
  background: #e3e3e3;
}
#live-preview #preview-nav #preview-page {
  margin-right: 8px;
}
#live-preview #preview-nav #preview-page-total {
  margin-left: 8px;
}
#live-preview #preview-nav svg {
  display: inline-block;
}
#live-preview #preview-nav a {
  display: inline-block;
  border: none;
  width: 30px;
  color: #4f4f4f;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#live-preview #preview-nav a:hover {
  cursor: pointer;
  cursor: -webkit-pointer;
  cursor: -moz-pointer;
  color: #06b6d4;
}
#live-preview #preview-nav a i {
  font-size: 20px;
}
#live-preview #preview-nav p {
  margin: 0;
  padding: 5px 0;
  color: #4f4f4f;
}
#live-preview #preview-nav p input {
  width: 50px;
  display: inline-block;
  text-align: center;
  padding: 0;
  height: 30px;
  border: none;
  border-radius: 5px;
}
@media (max-width: 768px) {
  #live-preview #preview-nav {
    padding: 8px 0px;
  }
  #live-preview #preview-nav svg {
    height: 14px;
  }
  #live-preview #preview-nav p input {
    width: 40px;
    height: 26px;
  }
}
#live-preview #preview-nav a#preview-prev {
  margin-right: 10px;
}
#live-preview #preview-nav a#preview-next {
  margin-left: 10px;
}
#preview-product-high,
#preview-zoom-loading,
#preview-overlay-first-high,
#preview-overlay-second-high,
#preview-overlay-middle-high,
#preview-overlay-second-last-high,
#preview-overlay-last-high,
#preview-overlay-all-high,
#preview-overlay-extra-high,
#preview-overlay-spine-high {
  display: none;
}
#preview-overlay-dimensions {
  visibility: hidden;
}
#preview-overlay-dimensions.preview-overlay-show {
  visibility: visible;
}
.lte-ie9 #preview-holder {
  display: none;
  /* Preview functionality unsupport on IE9 or lower */
}
.mobile-preview-warning {
  border: solid 4px #e21a85;
  padding: 10px;
  background-color: white;
  display: block;
}
@media (min-width: 768px) {
  .mobile-preview-warning {
    display: none;
  }
}


/*# sourceMappingURL=preview.css.map*/