/* line 4, app/assets/stylesheets/admin/items.scss */
.new-img {
  width: 200px;
  object-fit: cover;
  margin-left: 1vw;
  margin-bottom: 1rem !important;
}

/* line 11, app/assets/stylesheets/admin/items.scss */
.exist-img {
  width: 200px;
  object-fit: cover;
  margin-left: 1vw;
  margin-bottom: 1rem !important;
}

/* line 18, app/assets/stylesheets/admin/items.scss */
.ck.ck-editor {
  padding: 0 1%;
  width: 100%;
}

/* line 23, app/assets/stylesheets/admin/items.scss */
.ck.ck-editor__editable {
  height: 300px;
}

/* line 27, app/assets/stylesheets/admin/items.scss */
#images {
  display: none;
}

/* line 31, app/assets/stylesheets/admin/items.scss */
#preview {
  display: flex;
}

/* line 35, app/assets/stylesheets/admin/items.scss */
.preview-img-wrap {
  position: relative;
}

/* line 39, app/assets/stylesheets/admin/items.scss */
.preview-trash {
  position: absolute;
  top: 10px;
  right: 15px;
}

/* line 45, app/assets/stylesheets/admin/items.scss */
.exist-preview-img-wrap {
  position: relative;
}

/* line 49, app/assets/stylesheets/admin/items.scss */
.exist-preview-trash {
  position: absolute;
  top: 10px;
  right: 15px;
}

/* line 55, app/assets/stylesheets/admin/items.scss */
.font-7pt {
  font-size: 7pt;
  color: gray;
}

/* line 60, app/assets/stylesheets/admin/items.scss */
.pixel-spinner, .pixel-spinner * {
  box-sizing: border-box;
}

/* line 64, app/assets/stylesheets/admin/items.scss */
.pixel-spinner {
  height: 70px;
  width: 70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 73, app/assets/stylesheets/admin/items.scss */
.pixel-spinner .pixel-spinner-inner {
  width: calc(70px / 7);
  height: calc(70px / 7);
  background-color: #83c3ff;
  color: #83c3ff;
  box-shadow: 15px 15px  0 0, -15px -15px  0 0, 15px -15px  0 0, -15px 15px  0 0, 0 15px  0 0, 15px 0  0 0, -15px 0  0 0, 0 -15px 0 0;
  animation: pixel-spinner-animation 2000ms linear infinite;
}

@keyframes pixel-spinner-animation {
  50% {
    box-shadow: 20px 20px 0px 0px, -20px -20px 0px 0px, 20px -20px 0px 0px, -20px 20px 0px 0px, 0px 10px 0px 0px, 10px 0px 0px 0px, -10px 0px 0px 0px, 0px -10px 0px 0px;
  }
  75% {
    box-shadow: 20px 20px 0px 0px, -20px -20px 0px 0px, 20px -20px 0px 0px, -20px 20px 0px 0px, 0px 10px 0px 0px, 10px 0px 0px 0px, -10px 0px 0px 0px, 0px -10px 0px 0px;
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 4, app/assets/stylesheets/admin/pickup_locations.scss */
.ws-pre-wrap {
  white-space: pre-wrap;
}
/* line 4, app/assets/stylesheets/admin/purchase_orders.scss */
.select2-results__option[aria-selected] {
  height: 4vh;
}
/* line 5, app/assets/stylesheets/admin/shopify_orders.scss */
.field_with_errors label {
  color: #dc3545;
  font-weight: 600;
}

/* line 9, app/assets/stylesheets/admin/shopify_orders.scss */
.field_with_errors input {
  border-color: #dc3545;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/*# sourceMappingURL=application.css-b4e5215683f0f4f75c21293e593ab055f741df9b47de376b1f158becd7dbfac5.map */