h1,
h2 {
  padding: 0.5em;
}
.onEditMode,
.onEditMode2 {
  display: none !important;
}
.available {
}
.unavailable td {
  color: gainsboro;
}

button.btn:hover {
  text-decoration: underline;
}

h1.blacklist {
  background-color: red;
  color: black;
  text-decoration: line-through;
}

.img-outter {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 356px;
}
.img-outter img,
.img-outter video {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}

/* loading-indicator */

.loading-indicator {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  color: #ff0000;
  background-color: #77ff33;
  font-weight: 700;
  font-size: 10px;
  padding: 3px;
}

/* full */

.full {
  text-align: center;
}
.copy-url-actions {
  padding: 12px 12px 0;
}
.copy-url-actions .btn {
  font-size: 0.75em;
}
.full .img-outter {
  width: 800px;
  height: 1200px;
}

/* shot, shotwrap */

.shotwrap {
  display: inline-block;
}
.shot,
.product,
.link {
  display: inline-block;
  font-size: 0.75em;
  padding: 6px;
  margin: 6px;
}
.shot-detail,
.product-detail,
.link-detail {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* report */

.report .tools {
  display: none;
}

.shotreportwrap {
  display: inline-block;
}

.reportid {
  font-size: 0.5em;
  color: #999999;
}

/* shot.blocked */

.shot.blocked .img-outter {
  background-color: #ffeeee;
  color: #ff0000;
  text-align: center;
  height: 250px;
}
.shot.blocked .img-outter span {
  font-size: 2em;
}
.shot.blocked .img-outter img {
  display: none;
}
.shot.blocked .tools button {
  display: none;
}

/* block/unblock button */

.shot .tools .block {
  display: inline-block;
}
.shot .tools .unblock {
  display: none;
}
.shot.blocked .tools .block {
  display: none;
}
.shot.blocked .tools .unblock {
  display: inline-block;
}

.block,
.unblock {
  font-size: 0.75em;
  background-color: #ffffff;
  border-color: #ffffff;
}
.block {
  color: #ff0000;
}
.block:hover {
  background-color: #ff0000;
  color: #ffffff;
}
.unblock {
  color: #009900;
}
.unblock:hover {
  background-color: #009900;
  color: #ffffff;
}

/** */

.btn.sm {
  padding: 2px;
}

/* blacklist */

.blacklist table th,
.blacklist table td {
  font-size: 0.75em;
  padding: 0.1em 0.2em;
  border: 1px solid #eeeeee;
  min-width: 175px;
}

.add-to-blacklist {
  font-size: 0.75em;
  background-color: #ffff00;
  color: #ff0000;
}

.remove-from-blacklist {
  font-size: 0.75em;
  background-color: #ffff00;
  color: #009900;
}

/* delete user */

.delete-account {
  float: right;
  font-size: 0.75em;
  color: #ff0000;
  text-decoration: underline;
}

/* user */

.user table {
  display: inline-block;
  vertical-align: top;
  padding: 0.2em;
}
.user table caption {
  caption-side: top;
}
.user table th,
.user table td {
  font-size: 0.5em;
  padding: 0.1em 0.2em;
  border: 1px solid #eeeeee;
  min-width: 175px;
}
.user table th {
  text-align: right;
  min-width: 50px;
}
.user .profile-image {
  float: right;
}
.user .profile-image img {
  width: 100px;
}
.user .bio {
  padding: 1em;
  background-color: #eeeeee;
}
.user .copy-url-actions {
  padding-left: 0;
}

/* userlist */

.userlist table th,
.userlist table td {
  padding: 0.1em 0.2em;
  border: 1px solid #eeeeee;
  max-width: 200px;
  font-size: 0.75em;
}

.userlist table caption {
  caption-side: top;
}

.userlist .profile-image {
  text-align: center;
}
.userlist .profile-image img {
  display: inline-block;
  height: 34px;
}

/* search */

.search {
  margin: 50px;
  padding: 50px;
}

.search-results table th,
.search-results table td {
  padding: 0.25em;
  border: 1px solid #eeeeee;
  font-size: 0.85em;
}

/* curation */

.shot .curation-btn {
  display: none;
}

.curation-pool .shot .curation-btn {
  display: inline-block;
  width: 50px;
}

.skip-outter {
  padding: 50px 0;
}
button.skip {
  width: 90%;
  margin: 0 auto;
  display: block;
  background-color: #bbbbbb;
  border-color: #77ff33;
}
button.skip:hover {
  background-color: #77ff33;
  border-color: #ff0000;
}

.curation-pool .shot .curation-btn.a {
  background-color: #6666ff;
  border-color: #6666ff;
}
.curation-pool .shot .curation-btn.a:hover {
  border-color: #77ff33;
}
.curation-pool .shot .curation-btn.b {
  background-color: #aaaaff;
  border-color: #aaaaff;
}
.curation-pool .shot .curation-btn.b:hover {
  border-color: #77ff33;
}

.curation-pool .tools .feed-btn.normal,
.curation-pool .tools .feed-btn.top {
  display: none;
}

/* feed */

.empty-shot {
  background: #eeeeee;
  padding: 5px;
  color: #bbbbbb;
  margin: 5px;
}

.feeditem {
  display: inline-block;
}

.feed-done-sent {
  opacity: 0.2;
}

.feed-btn.pool {
  color: white;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.feed-btn.normal {
  color: white;
  background-color: darkorange;
  border-color: darkorange;
}
.feed-btn.top {
  color: white;
  background-color: orangered;
  border-color: orangered;
}
.feed-btn:disabled {
  color: whitesmoke;
  background-color: lightgray;
  border-color: lightgray;
}

.nextOffset {
  display: none;
}

.horizontal-list {
  padding: 0;
  margin: 0;
}
.horizontal-list li {
  padding: 2px;
  margin: 2px;
  display: inline;
}

/* .single .feeditem */

.single.container {
  text-align: center;
}
.single .feeditem .img-outter {
  width: 500px;
  height: auto;
}
.single .feeditem .img-outter img {
  position: relative;
}

/* filterpack_product_item */

.filterpack_product_item_list {
  text-align: left;
}

.filterpack_product_item {
  display: inline-block;
  font-size: 9px;
  border: 3px solid white;
  width: 75px;
  padding: 5px 1px;
}
.filterpack_product_item p {
  margin: 0;
}
.filterpack_product_item.to-add {
  opacity: 1;
}
.filterpack_product_item .img-outter {
  width: 100%;
  height: 70px;
}
.filterpack_product_item .img-outter img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.filterpack_product_item.over-to-add {
  border: 3px solid aqua;
  cursor: pointer;
  opacity: 1;
}
.filterpack_product_item.over-to-remove {
  border: 3px solid red;
  cursor: pointer;
}

.filterpack_product_item .filter-colors {
  width: 100%;
}

/* acl */

.edit-form {
  display: none;
}
.show-edit-form .edit-form {
  display: inline-block;
}
.non-edit-form {
  display: inline-block;
}
.show-edit-form .non-edit-form {
  display: none;
}

/* public */

.public .shot-detail,
.public .link-detail,
.public .product-detail {
  display: none;
}

@media (max-width: 500px) {
  .public .img-outter {
    width: auto;
    height: auto;
  }

  .public .img-outter img {
    position: relative;
  }
}

/* studio */

.template {
  display: inline-block;
  margin: 0.5em;
  padding: 0.5em;
  width: 200px;
  background-color: #f8f8f8;
  font-size: 0.8em;
}
.template .thumbnail img {
  /* width: 200px; */
  max-width: 100%;
  max-height: 100%;
}
.template .canvas-json {
  height: 5em;
  overflow: scroll;
  background-color: #ffffff;
}
.template input[type="text"] {
  width: 145px;
}

.content {
  display: inline-block;
  font-size: 0.75em;
  border: 1px solid #eee;
  margin: 0.5em;
  padding: 0.5em;
}
/*
.content img {
  width: 9rem;
}
*/
.file-uploader {
  width: 200px;
  height: 100px;
  background: #eee;
}
.content .tags {
  display: block;
}
.content .edit-tags-input {
  display: none;
}
.content .edit-tags-button {
  display: inline-block;
}

.content.edit-tags .tags {
  display: none;
}
.content.edit-tags .edit-tags-input {
  display: block;
}

.content.edit-tags .buttons {
  display: none;
}

/* etc */

.checker-background {
  background-image:
    linear-gradient(45deg, #d0d0d0 25%, transparent 25%),
    linear-gradient(-45deg, #d0d0d0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #d0d0d0 75%),
    linear-gradient(-45deg, transparent 75%, #d0d0d0 75%);
  background-size: 20px 20px;
  background-position:
    0 0,
    0 10px,
    10px -10px,
    -10px 0px;
}