.node-preview-container ~ div > #page-wrap #header-wrap {
  padding-top: calc(var(--d-admin-button-padding-tb) + var(--d-admin-font-size) + var(--d-admin-button-padding-tb));
}
.node-preview-container {
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #c0c900;
  padding: 0;
}
.node-preview-container .node-preview-form-select {
  padding-left: var(--left-right-spacing);
  padding-right: var(--left-right-spacing);
  background: url(../images/designit-reverse.svg) no-repeat right var(--left-right-spacing) bottom 8px;
  background-size: 120px 20px;
}
.node-preview-container label,
.node-preview-container select,
.node-preview-backlink {
  padding:var(--d-admin-button-padding-tb) var(--d-button-padding-lr) !important;
  line-height: 1 !important;
  display: inline-block;
  text-align: center;
  margin: 0;
  font-size: var(--d-admin-font-size);
  border: none;
  width: 60%;
}
.node-preview-backlink {
  text-transform: uppercase;
  background: #676c6F;
  color: var(--color-white);
}
.node-preview-backlink:focus,
.node-preview-backlink:hover,
.node-preview-backlink:active {
  background-color: var(--color-white);
  color: #676c6F;
  text-shadow: none;
  text-decoration: none;
}
.node-preview-container .form-item {
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
.node-preview-container label {
  font-weight: normal;
  background: var(--color-white);
  width: 34%;
}
.node-preview-container select {
  width: 30%;
  vertical-align: top;
  border-radius: 0;
  box-shadow: none;
  margin-left: -5%;
  padding: 0 !important;
  height: calc(var(--d-admin-button-padding-tb) + var(--d-admin-font-size) + var(--d-admin-button-padding-tb));
}
/* For cancelling a Preview */
.ui-widget-overlay {
  background: var(--color-grey)/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
  opacity: .7/*{opacityOverlay}*/;
  filter: Alpha(Opacity=70)/*{opacityFilterOverlay}*/;
}
.node-preview-container .form-item-view-mode {
  display: none;
}
/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px), print {
  /* TABLET - Non-Retina - (768px–1024px) */
  .node-preview-container .node-preview-form-select {
    padding-left: var(--d-vw-space-xl);
    padding-right: var(--d-vw-space-xl);
    background: url(../images/designit-reverse.svg) no-repeat right var(--d-vw-space-xl) center;
    background-size: 120px 20px;
  }
  .node-preview-container label,
  .node-preview-container select,
  .node-preview-backlink {
    width: auto;
    margin-bottom: 0;
  }
  .node-preview-container select {
    margin-left: calc(var(--d-font-size-base) * -2);
    padding-left: 0 !important;
  }
  .node-preview-container .form-item,
  .node-preview-container .form-item-view-mode {
    padding: 0 !important;
    margin: 0 !important;
    display: inline;
  }
  
}
@media all and (min-width: 1025px), print {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  .node-preview-container .node-preview-form-select {
    background-size: 160px 24px;
  }
}
@media all and (min-width: 1281px), print {
  /* DESKTOP large - Non-Retina - (1281px & bigger) */
  .node-preview-container .node-preview-form-select {
    max-width: 1280px;
    margin: 0 auto;
  }
  
}