.bas-widget-clipart-button {
  padding: 0 30px;
}

.dcl-toolbar-button.active, .dcl-expanding-button.active {
  background-color: #697582 !important;
  color: #fff;
}

.icon-widget-icon {
  float: left;
  padding: 10px;
  cursor: pointer;
  height: 64px;
  border: 1px solid transparent;
}

.modal-footer {
  text-align: center;
}

.bas-widget-clipart-button {
  padding: 0 30px;
}

.pop-up-icon-row-style {
  overflow-y: auto;
  /*height: 40vh;*/
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.icon-widget-icon.selected {
  border: 1px #00b5e2 solid;
}

.modal-content {
  font: normal 14px Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
}

  a:hover,
  a:visited {
    color: inherit;
  }

  a:hover,
  a:visited,
  a:link,
  a:active {
    text-decoration: none;
  }

ol,
ul {
  list-style: none;
}

ol,
ul {
  padding-left: inherit;
  line-height: inherit;
  margin-top: inherit;
  margin-bottom: inherit;
}

body.modal-open .z-index-fix {
  position: unset;
}

body.modal-open .master-column-wrapper {
  position: unset;
}

.bas-clipart-icon {
  width: 64px;
}

.clipartSearch {
  padding-bottom: 10px;
}

  .clipartSearch span {
    color: #666666;
    font-size: 17px;
    padding: 7px 1px 6px 29px;
  }

.clipartSearchBox {
  padding-right: 24px;
  text-align: right;
  display: block;
  padding-top: 4px;
  white-space: nowrap;
  padding-left: 1px;
}

  .clipartSearchTerms,
  .clipartSearchBox .btn-search {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    height: 30px !important;
  }

  .clipartSearchBox .btn-search {
    height: 30px !important;
    padding: 6px 19px !important;
  }

.bas-clipart-icon img {
  vertical-align: bottom;
  max-height: 100%;
}

.clipart-category-menu {
  margin: 4px 10px 10px 10px !important;
  border: 2px solid #e1e6eb !important;
  border-radius: 5px;
  text-align: left !important;
  background-color: #ffffff !important;
}

.clipart-category-menuheading {
  font-weight: bolder !important;
  background-color: whitesmoke !important;
  padding: 8px !important;
}

.clipart-category-menulist {
  overflow-y: scroll !important;
  max-height: 550px !important;
  overflow-x: hidden !important;
}

.clipart-category-menuitem {
  padding: 8px !important;
  border-bottom: thin solid #e1e6eb !important;
  font-weight: bold !important;
  cursor: pointer;
}

.clipart-category-submenuitem {
  padding: 8px 8px 8px 16px !important;
  border-bottom: thin solid #e1e6eb !important;
  color: #004a99 !important;
  cursor: pointer !important;
}

.modal-clipart {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ct-loding-new-style {
  position: fixed;
  top: 50%;
  right: 36%;
  z-index: 999;
  width: 72px;
  height: 72px;
  margin: -16px -16px 0 0;
  background: url("../images/spinner.svg") center no-repeat;
}

.btnViewAll {
  float: right;
  padding-right: 12px;
  padding-top: 22px;
  padding-left: 14px;
}

.clipart-pagination {
  text-align: right !important;
}

.viewPaged {
  text-align: right;
  padding-bottom: 19px;
  padding-top: 12px;
  padding-right: 30px;
}

.modal-image-scrollbar {
  height: 514px !important;
  overflow-y: scroll !important;
}

.category-selected {
  font-weight: bolder !important;
}

.rotate {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

  .rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

.results-header {
  text-align: left;
  font-weight: bold;
  padding-top: 27px;
}

.btnViewPaged {
  padding-top: 8px;
}

.noResultsFound {
  height: 100%;
  width: 100%;
  font-size: 15px;
  font-family: cursive;
}

  .noResultsFound img {
    height: 50%;
  }

  .noResultsFound > p:first-of-type {
    color: darkorange;
  }

  .noResultsFound ul {
    list-style-type: unset;
    text-align: left;
    padding-left: 62px;
  }

.pagination-sm > li > span {
  width: 28px !important;
}

.clipart-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.clipart-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 1000px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  font: normal 14px Arial, Helvetica, sans-serif;
  border-radius: 5px;
}

.save-design-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.save-design-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 1000px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  font: normal 14px Arial, Helvetica, sans-serif;
  border-radius: 5px;
}

.save-my-design-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding-bottom: 10px;
  width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  font: normal 14px Arial, Helvetica, sans-serif;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .save-my-design-content {
    width: auto;
    margin: auto 20px;
  }
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

/* The Close Button */
.clipart-close {
  color: black;
  float: right;
  cursor: pointer;
  font-size: 28px;
  font-weight: bold;
}

  .clipart-close:hover,
  .clipart-close:focus {
    color: #000;
    text-decoration: none;
  }

.save-design-close {
  color: black;
  float: right;
  font-size: 40px;
  font-weight: 500;
  cursor: pointer;
  padding-top: 10px;
}

.save-design:hover,
.save-design:focus {
  color: #000;
  text-decoration: none;
}

.clipart-modal-header {
  padding: 2px 16px;
  background-color: whitesmoke;
  color: black;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.clipart-modal-body {
  padding: 5px 0px 5px 0px;
}

.clipart-modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.save-design-header {
  padding: 2px 16px;
  background-color: whitesmoke;
  color: black;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.save-design-body {
  padding: 5px 0px 5px 0px;
}

.save-design-footer {
  padding: 2px 16px;
  background-color: whitesmoke;
  color: white;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.input-save-design {
  width: 94%;
  font-size: 18px;
  margin: 5px 0px;
  line-height: 1;
  padding-left: 5px;
}

.span-save-design {
  width: 95%;
  display: inline-block;
}

.copy-save-design-button {
  margin: 5px;
}

.cimpress-designer {
  padding-top: 10px;
  padding-bottom: 65px;
}

.desktop-hide {
  display: none;
}

.cimpress-designer .display-mobile {
  display: none;
}

.modal-header .close {
  margin-top: 20px;
}

.save-design-email {
  width: 50%;
}

.save-buttons-container {
  justify-content: flex-end;
  width: 100%;
}

/* Adding side differentiation*/
.dcl-edit-text__canvas-grouping:nth-of-type(1):before {
  content: "Front Side";
  font-weight: 600
}

.dcl-edit-text__canvas-grouping:nth-of-type(2):before {
  content: "Back Side";
  font-weight: 600
}

@media (orientation: landscape) {
  .tabs-panel--hidden {
    left: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  #saveDesignEmail.save-design-email {
    width: 80%;
    height: 50px;
  }

  .tabs__content {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
  }

  #shapesTabButton {
    display: none;
  }

  #textDoneBtn {
    display: block !important;
  }

  .z-index-2000 {
    z-index: 2000 !important;
  }

  .cimpress-designer .mobile-hide {
    display: none;
  }

  .cimpress-designer .tab-item {
    margin: 0 10px 0px !important;
  }

  .cimpress-designer .tab-item__description {
    font-weight: bold;
  }

  .cimpress-designer {
    padding-bottom: 100px;
  }

  .cimpress-designer .mobile-view-tab-items {
    display: inline-flex;
    margin: auto;
    text-align: center;
    white-space: nowrap;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    justify-content: center;
    text-align: center;
    width: 100%;
    background-color: #f0f0f0;
    padding: 8px 15px 2px 15px;
  }

  .mobile-save-buttons-container {
    display: flex;
    margin: auto;
    text-align: center;
    white-space: nowrap;
    position: relative;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-bottom: 2px;
  }

    .mobile-save-buttons-container .btn {
      padding: 10px 12px !important;
      width: 100%;
    }

    .mobile-save-buttons-container > div {
      padding: 4px;
      width: 50%;
    }

  @supports (-webkit-overflow-scrolling: touch) {
    .design-area {
      -webkit-transform: translateZ(1px) !important;
      -moz-transform: translateZ(1px) !important;
      -o-transform: translateZ(1px) !important;
      transform: translateZ(1px) !important;
    }
  }

  .container .header-small__icons {
    display: inline-flex;
  }

  .header-small__icons {
    display: inline-flex !important;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
  }

  .header-small__icons--cart {
    display: none;
  }

  .header-small__icons--help a {
    background-color: #324dce;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 700;
    margin-right: 10px;
  }

  .container .header-small__icons {
    display: none;
  }

  .dcl-widget-tab-mobile,
  .dcl-tool-lock,
  .dcl-tool-background {
    align-self: center;
    margin: 0 15px;
    display: inline-block;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .dcl-tool-background,
  .dcl-tool-lock {
    background-color: #fafafa;
  }

  .cimpress-designer {
    padding: 0px;
  }

    .cimpress-designer .display-mobile {
      display: inline-block;
    }

  .dcl-expanding-button,
  .dcl-canvas-lock-button {
    background-color: #fcfcfc;
  }
}


@media all and (min-width: 769px) {

  .click-and-drag-message {
    padding: 0px 10px 15px 10px;
    text-align: center;
    color: #697582;
    font-size: 12px;
  }

  .container {
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .popup-right-align {
    right: 150px !important;
  }
  .panel--color .dcl-color-picker-button {
    display: none !important;
  }

  .panel--color .dcl-popper__arrow {
    display: none !important;
  }

  .panel--color .dcl-hover-box--color-picker {
    position: unset !important;
    will-change: unset !important;
    transform: translate3d(-8px, 1px, 0px) !important;
    height: 100% !important;
  }

  .panel--color .dcl-button--color-picker__rounded, .panel--color .dcl-hover-box {
    visibility: visible !important;
  }

  .panel--color .dcl-color-picker__color-list {
    max-height: 400px !important;
  }
}

@media only screen and (max-width: 768px) {

  /*to avoid default scrolling of browser on pulling down the toolbar*/
  body {
    position: relative;
    overscroll-behavior-y: contain;
  }

  .click-and-drag-message {
    margin: 0 35px 35px;
    text-align: center;
    color: #697582;
    font-size: 13px;
    display: block !important;
  }

  .image-gallery {
    text-align: left;
  }
}

.click-and-drag-message {
  display: none;
}

.dcl-content-panel__no-content__text {
  display: none;
}


/* start tool-bar at the bottom */

@media only screen and (max-width: 768px) {

  .cimpress-designer .toolbar {
    bottom: 0 !important;
    transition: max-height 0.4s;
    max-height: unset;
    height: unset;
    position: fixed !important;
    max-width: 553px;
    box-shadow: none;
    -webkit-box-shadow: 0px -8px 22px -13px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px -8px 22px -13px rgba(0,0,0,0.50);
    box-shadow: 0px -8px 22px -13px rgba(0,0,0,0.50);
    left: 0;
    right: 0;
  }

  .toolbar .dcl-contextual-toolbar-primary-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 3px 15px 0px 10px;
    min-height: 75px;
  }

  .cimpress-designer #canvases {
    margin-top: -100px;
    padding: 0;
  }

  /*ordering Icons*/
  .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-family {
    order: 1 !important;
  }

  .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-size {
    order: 2 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--toggle.dcl-button--toggle.dcl-button--disableable.dcl-button--bold {
    order: 3 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--toggle.dcl-button--toggle.dcl-button--disableable.dcl-button--italic {
    order: 4 !important;
  }

  .dcl-tool.dcl-button--expandable.dcl-button--color-picker.dcl-button--color-picker__rounded {
    order: 5 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--delete {
    order: 6 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--crop {
    order: 7 !important;
  }

  .dcl-tool.dcl-button--expandable.dcl-button--color-picker {
    order: 8 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--duplicate {
    order: 9 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--lock.dcl-button--lock {
    order: 10 !important;
  }

  .cimpress-designer .dcl-tool.rotate-button {
    order: 11 !important;
  }

  /*more button */
  .dcl-tool.dcl-button--expandable {
    order: 14 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--restrict {
    order: 1 !important;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--knockout {
    order: 15;
  }

  .select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid rgba(0,0,0,0.30);
  }
  /*Adding Icon border bottom */
  .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-family, .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-size, .dcl-tool.dcl-button--expandable.dcl-button--color-picker.dcl-button--color-picker__rounded {
    border-bottom: 1px solid #c9c9c9;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--toggle.dcl-button--toggle.dcl-button--disableable.dcl-button--bold {
    border-bottom: 1px solid #c9c9c9;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--toggle.dcl-button--toggle.dcl-button--disableable.dcl-button--italic {
    border-bottom: 1px solid #c9c9c9;
  }

  .dcl-tool.dcl-button--toolbar.dcl-button--duplicate {
    border-bottom: 1px solid #c9c9c9;
  }

  .cimpress-designer .toolbar .dcl-toolbar-button, .cimpress-designer .toolbar .dcl-expanding-button {
    border-bottom: 1px solid #c9c9c9;
  }

  .cimpress-designer .dcl-tool.dcl-button--toolbar.dcl-button--delete {
    border-bottom: 1px solid #c9c9c9;
  }

  .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-family {
    min-width: 290px;
  }

    .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-family span.select2-selection.select2-selection--single {
      min-width: 230px;
    }

  .dcl-tool.dcl-dropdown-list.dcl-dropdown-list--text-size {
    min-width: 110px;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: inherit;
  }

  .cimpress-designer .toolbar .dcl-tool {
    margin: 0px 0px;
  }

  .cimpress-designer .dcl-tool {
    position: unset;
  }

  .cimpress-designer .toolbar .dcl-contextual-toolbar {
    width: 100%;
  }

  .select2-container--open .select2-dropdown {
    left: 0px;
    top: -22px;
  }

  .dcl-toolbar-button, .dcl-expanding-button {
    border: none;
    padding: 0 13px;
  }

  .cimpress-designer .design-area {
    z-index: initial;
  }

  span.select2-container.select2-container--default.select2-container--open input {
    display: none;
  }

  .select2-container--default .select2-results > .select2-results__options {
    max-height: 220px;
    overflow-y: auto;
  }

  button.dcl-expanding-button.dcl-more-button {
    padding-top: 12px;
  }

  .cimpress-designer .toolbar .dcl-contextual-toolbar .resize {
    border-top: 2px solid #131414;
    border-bottom: 2px solid #131414;
    border-left: 0px;
    border-right: 0px;
    background-color: transparent;
    cursor: grab;
    height: 0.35rem;
    width: 5%;
    margin-left: 26px;
    overscroll-behavior-y: none;
    touch-action: none;
    overflow: hidden;
  }

  .cimpress-designer .toolbar .dcl-contextual-toolbar .draggable {
    overscroll-behavior-y: none;
    touch-action: none;
    overflow: hidden;
  }

  button#close-toolbar {
    margin-right: 21px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
  }

  @supports (-webkit-overflow-scrolling: touch) {
    .translateZ-1 {
      -webkit-transform: translateZ(1px) !important;
      -moz-transform: translateZ(1px) !important;
      -o-transform: translateZ(1px) !important;
      transform: translateZ(1px) !important;
    }

    .dcl-toolbar-button:hover:not(.dcl-toolbar-button--disabled):not(.active):not([disabled]), .dcl-expanding-button:hover:not(.dcl-toolbar-button--disabled):not(.active):not([disabled]) {
      background-color: #28323c;
    }

    .dcl-tool.dcl-button--toolbar.dcl-button--async:hover {
      color: #3a414c;
      background-color: #28323c;
    }

    .dcl-toolbar-button.active, .dcl-expanding-button.active {
      background-color: #28323c !important;
      color: #fff;
    }

    .dcl-tool.dcl-button--toolbar .dcl-action-btn-group:hover {
      background-color: #28323c;
    }

    .dcl-action-btn:hover {
      background-color: #28323c !important;
      color: #3a414c;
    }

    .dcl-toolbar-button, .dcl-expanding-button {
      padding: 0 15px;
    }
  }
}

@media all and (max-width: 1000px) {
  #designarea-infobar {
    display: block;
  }

  .desktop-save-buttons-container .btn {
    margin-top: -42px;
    margin-bottom: 7px;
    float: right;
  }

  #show-overflow {
    overflow: visible;
  }

  .save-buttons-container {
    gap: 7px;
  }

  .save-buttons-container .btn {
    padding: 10px;
  }
}

@media all and (min-width: 1001px) {
  #designarea-infobar {
    display: none;
  }

  .desktop-save-buttons-container .btn{
    float: right;
    margin-top: -40px;
    margin-bottom: 1rem;
  }

  .save-buttons-container {
      gap: 10px;
  }

  #show-overflow {
      overflow: visible;
  }
}


@media only screen and (max-width: 768px) {
  .dcl-widget-tab-mobile, .dcl-tool-lock, .dcl-tool-background {
    margin: 0 0px;
  }

  .cimpress-designer .hide-button__icon {
    width: 15px;
    height: 15px;
  }

  .cimpress-designer .tab-item__description {
    font-weight: normal;
  }

  .cimpress-designer .dcl-widget-preview-document {
    align-self: center;
    margin: 0 0px;
  }

  .cimpress-designer .tab-item {
    margin: 3px 0px 0px !important;
    padding: 5px;
  }

  .cimpress-designer .dcl-action-btn--undo, .cimpress-designer .dcl-action-btn--redo {
    padding: 5px 5px;
  }

  .cimpress-designer .tab-item__description {
    font-size: 10px;
  }

  .dcl-action-btn__description {
    min-width: 46px;
    padding-top: 4px;
  }

  span.tab-item__description {
    min-width: 46px;
  }

  .dcl-action-btn.js-zoom-in, .dcl-action-btn.js-zoom-out, .dcl-tool.dcl-button--toolbar.dcl-button--async.dcl-preview-button {
    padding: 7px 9px;
  }

  .dcl-action-btn-group {
    display: inline-table;
    margin: 0;
  }

  .cimpress-designer .dcl-action-btn-group .dcl-action-btn {
    margin: 0 0px;
  }

  .cimpress-designer .dcl-action-btn--undo, .cimpress-designer .dcl-action-btn--redo {
    padding: 7px 5px;
  }

  .dcl-action-btn {
    padding: 0px;
  }

  .footer-right-arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #00b5e2;
    position: absolute;
    float: right;
    right: 1px;
    bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {

  ul#mainClipart .col-md-1 {
    display: none;
  }

  .clipart-category-submenuitem {
    padding: 8px 8px 8px 16px !important;
    border-bottom: thin solid #e1e6eb !important;
    color: #004a99 !important;
    cursor: pointer !important;
    font-size: 12px;
  }

  .clipart-category-menuitem {
    padding: 6px !important;
    border-bottom: thin solid #e1e6eb !important;
    font-weight: bold !important;
    cursor: pointer;
    font-size: 13px;
  }

  .clipart-category-menuheading {
    font-weight: bolder !important;
    background-color: #0088a9 !important;
    padding: 8px !important;
    color: #fff;
  }

  .clipart-category-menulist {
    overflow-y: scroll !important;
    max-height: 200px !important;
    overflow-x: hidden !important;
    padding: 0px 20px 10px 5px;
  }

  .modal-image-scrollbar {
    overflow-y: scroll !important;
  }

  .clipartSearchBox {
    padding-right: 24px;
    display: block;
    padding-top: 4px;
    white-space: nowrap;
    padding-left: 1px;
  }

  .clipart-category-menu {
    margin: 4px 10px 10px 10px !important;
    border: 2px solid #e1e6eb !important;
    border-radius: 5px;
    text-align: left !important;
  }

  .clipart-modal-content {
    width: 100% !important;
  }

  .clipart-modal {
    position: fixed;
    z-index: 2000;
    padding-top: 0px;
    left: 0;
    top: 0;
  }

  .results-header {
    text-align: left;
    font-weight: bold;
    padding: 10px 10px 0px 30px;
  }
}

@media only screen and (max-width: 768px) {


  .ajax-loading-block-image {
    animation: zoominoutsinglefeatured 1s infinite;
  }

  @keyframes zoominoutsinglefeatured {

    0% {
      transform: scale(1,1);
    }

    50% {
      transform: scale(1.2,1.2);
    }

    100% {
      transform: scale(1,1);
    }
  }
}

.cd-save-icon {
  margin-left: 1px;
  margin-right: 1px;
  font-size: 21px;
}

.btn i {
  padding-right: 4px;
}

.nameAndNumberIcon_desktop {
  width: 20px !important;
}

.nameAndNumberIcon_mobile {
  width: 20px !important;
  height: 20px !important;
  margin-top: 6px !important;
}

.namesandphotos_description {
  max-width: 50px;
  font-size: 11px !important;
}

.nameandphotocheckbox {
  margin-top: 30px;
  margin-left: 20px;
  margin-bottom: 30px;
}

.checkbox-label {
  vertical-align: unset !important;
}

.nameandphoto-input {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 2px !important;
  margin-left: 0px !important;
}

.bas-name-photos-button {
  padding: 0 15px !important;
}


@media only screen and (max-width : 768px) {
  .nameandphotocheckbox {
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 30px;
    padding-right: 185px;
  }

  .bas-name-photos-button {
    padding: 0 30px !important;
  }
}

.nnp-checkboxes {
  width: 65%;
}

#add-back-side-btn {
  display: block;
  margin-left: 15px;
  margin-bottom: 15px;
}


.remove-back-side-text {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: underline;
}

.remove-back-side-text:hover {
  cursor: pointer;
}

#back-side-text {
  padding: 13px 10px 4px;
  color: #697582;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}


.single-to-double-dialog-class {
  color: #000;
  font-size: 16px
}

.single-to-double-dialog-class .design-desc {
  color: #222;
  font-style: italic;
  font-family: Verdana,Arial,sans-serif;
}

.single-to-double-dialog-class .design-desc-frame {
  text-align: center;
  padding: 20px;
}

.single-to-double-dialog-class a {
  color: #336bd8
}

.single-to-double-dialog-class .padding-left-5 {
  padding-left: 5px
}

.single-to-double-dialog-class .review-btn-div {
  font-family: Verdana,Arial,sans-serif;
  padding-top: 20px;
  color: #222;
  text-align: center
}

.single-to-double-dialog-class .review-btn-div .preview-add-to-cart-button {
  height: 35px;
  border: none;
  background-color: rgb(228, 137, 90);
  padding: 0 35px;
  font-size: 16px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  top: 2px
}

.single-to-double-dialog-class .preview-box {
  text-align: center
}

.single-to-double-dialog-class .preview-box .cd-image-preview-div {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px
}

.single-to-double-dialog-class .preview-box .cd-image-preview-div .cd-image-preview {
  border: 1px solid #ccc;
  padding: 5px;
  max-height: 400px
}