.table-screenshot {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  height: auto;
  width: 10em;
  border-radius: 10%;
}

.cut-picture-square {
  max-width: 200px;
  max-height: 200px;
  object-fit: none;
  padding: 0.25rem;
  background-color: #fff;
  border-radius: 0.25rem;
  object-fit: scale-down;
}

.wrapper {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

/* Bootstrap select */
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
  border-color: #cdd4da !important;
}

.tox > .tox-silver-sink > .tox-tinymce-aux { 
  display: none !important;
}


/* Disqus */
.user-avatar {
  border-radius: 2em;
  width: 5em;
  padding: 0.5em;
}

/* Index banner */
.bck-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: hard-light;
  background-position: bottom;
  filter: grayscale(1);
}

.disableSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-banner {
    overflow: hidden;
    object-fit: scale-down;
    background-color: white;
}

.index-banner_square {
    overflow: hidden;
    object-fit: fill;
    background-color: white;
}

.card-img-custom {
    overflow: hidden;
    height: 200px;
    object-fit: cover;
    background-color: black;
}

.soft-pub-cover {
    max-width: 60%;
    height: auto;
}

.soft-remake-screenshot {
    max-width: 70%;
    height: auto;
}

.colour-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: #999797;
}

.equaliser-column {
  width: 50px;
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  height: 200px;
  position: relative;
  list-style-type: none;
}

.equaliser-column:nth-child(1) .colour-bar {
  animation: color-bar 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(2) .colour-bar {
  animation: color-bar 2s 0.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(3) .colour-bar {
  animation: color-bar 2s 1.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(4) .colour-bar {
  animation: color-bar 2s 0.25s ease-out alternate infinite;
}

.equaliser-column:nth-child(5) .colour-bar {
  animation: color-bar 2s 2s ease-out alternate infinite;
}

.equaliser-column:last-child {
  margin-right: 0;
}

@keyframes color-bar {
  0% {
    height: 110px;
    background: #69707a;
  }
  10% {
    height: 130px;
    background: #69707a;
  }
  20% {
    height: 150px;
    background: #69707a;
  }
  30% {
    height: 120px;
    background: #69707a;
  }
  40% {
    height: 170px;
    background: #69707a;
  }
  50% {
    height: 190px;
    background: #69707a;
  }
  60% {
    height: 130px;
    background: #69707a;
  }
  70% {
    height: 180px;
    background: #69707a;
  }
  80% {
    height: 150px;
    background: #69707a;
  }
  90% {
    height: 130px;
    background: #69707a;
  }
  100% {
    height: 150px;
    background: #69707a;
  }
}

.material-icons {
  font-size: 4em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #0061f2 !important;
  border: 1px solid #0061f2;
  background-color: transparent;
}
.dataTables_wrapper .dataTables_length {
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #69707a;
}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 2em;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 2em;
}