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;
}
.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: 1.0em;
  background-color: #eeeeee;
}

/* 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.0;
}
.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.0;
}
.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;
}