@import '~highlight.js/styles/default.css';

#search-field {
  max-width: none !important;
}

.short-summary p:last-child {
  margin: 0;
}

.thumbnail img {
  transition: filter .25s ease-in-out;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

  &:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }
}

.btn-iconified {
  i {
    margin-right: .5rem;
  }
}

.cc-selector-2 input{
  position:absolute;
  z-index:999;
}

.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
  border: 1px solid black;
}

.drinkcard-cc{
  cursor:pointer;
  background-size:cover;
  background-repeat:no-repeat;
  display:inline-block;
  width:146px;height:106px;
  border: 1px solid #dee2e6;
  padding: 3px;
}

.drinkcard-cc:hover {
  border: 1px solid black;
}

.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }

.panel-tag {
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  border-left: 3px solid #1dc9b7;
  background: #eef7fd;
  opacity: .8;
  font-weight: 400;
  border-radius: 0 8px 8px 0;
}

.select2-results__option--highlighted .keywords {
  color: white !important;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}

.link-hidden-hover .link-hidden {
  display: none;
}

.link-hidden-hover:hover .link-hidden {
  display: unset;
}

.panel .card {
  border: 0 none;
}

.background-dropdown-menu {
  background: #f2f2f2;
}

.document-summary p:last-child {
  margin-bottom: 0;
}

.dataTables_length {
  margin-top: .25rem;
}

.dataTables_length select {
  height: calc(1.2em + 0.75rem + 2px);
  padding-top: calc(0.375rem - 0.3em);
  padding-bottom: 0.375rem;
  padding-left: 0.844rem;
  font-size: 0.8125rem;
  margin: 0 .375rem;
}

.dt-buttons {
  margin-left: 1.5rem;
}

.editorJSON { 
  .card-title {
    display: none !important;
  }
  .card-body {
    margin-top: 0 !important;  
  }
}

// Fixes issue with select2 and append-group
.input-group > .select2-container--default {
  width: auto !important;
  flex: 1 1 auto;
}

.input-group > .select2-container--default .select2-selection--single {
  height: 100%;
  line-height: inherit;
  // padding: 0.5rem 1rem;
}