.height-20-vh {
  max-height: 20vh;
} 

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  overflow: auto;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

.sidebar::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar .nav-link {
  color: var(--bs-secondary);
}

.sidebar .nav-link.active {
  color: var(--bs-blue);
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.sidebar .nav-link i {
  padding-right: 2rem;
}

/* LogIn panel */
#logIn.show {
  display: block;
}

/* Tables */
.table.table-shrink-last-td tr td:last-child {
  width: 1px;
  white-space: nowrap;
}

.table.table-shrink-last-two-td tr td:nth-last-of-type(-n+2) {
  width: 1px;
  white-space: nowrap;
}

.dataTables_wrapper {
  margin: 1rem 0 3rem 0;
}

/* alert */
.alert-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/* permissions table */
.middle > .up {
  text-align: right;
}

.middle > .bottom {
  text-align: left;
}

.middle {
  background: linear-gradient(to right top, transparent 49%, #eeeeee 50%, transparent 51%) !important; 
}

/* upload area */
#upload-area {
  padding: 2rem 1rem;
  border: 2px dashed #ccc;
  border-radius: 0.5rem;
}

#upload-area.highlight {
  border-color: red;
}

#upload-area input[type="file"] {
  display: none;
}

.file-list,
.image-list {
  border: 1px solid #ccc;
  min-height: 20rem;
}

.file-list input.file-name,
.image-list input.file-name{
  position: absolute;
  bottom: 0;
  right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  border-top: 1px solid #ccc;
}

.file-list input.file-date {
  position: absolute;
  bottom: 37px;
  right: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid #ccc;
}

.image-list img {
  max-width: 100%;
}

textarea {
  min-height: 35vh !important;
}

/* jquery-sortable */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  width: 50vw;
  opacity: 0.5;
  z-index: 2000;
}

.list-group-item.placeholder {
  padding: 1.25rem 1rem;
  border: 1px solid var(--bs-blue);
}

ul#menu-list.list-group ul.list-group > .list-group-item {
  margin-top: .5rem;
}

/* import news */
#results,
#error-results {
  display: inline-block;
  flex: 0 0 auto;
  width: 100%;
  overflow: auto;
  height: 50vh;
  border: 1px solid #ced4da;
  padding: 1rem;
}

.mce-fullscreen {
  z-index: 1010;
}

iframe {
  width: 100%
}

#live,
#live iframe {
  height: 50vh;
}

@media print {
  .accordion-collapse.collapse:not(.show) {
    display: block;
  }
}

/* gallery */
.image-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  outline: 0;
  width: 100%;
}

.image-checkbox img {
  display: block;
  height: 200px;
  width: 100%;
  object-fit: contain;
  opacity: 0.5;
}

.image-checkbox input[type="checkbox"] {
  display: none;
}

.image-checkbox-checked {
  border-color: var(--bs-gray-500);
}

.image-checkbox-checked img {
  opacity: 1;
}

#images .images-list {
  padding: 1rem .2rem .5rem .2rem;
}

#images button.image-delete {
  position: relative;
  opacity: 0.3;
  top: 31px;
  right: 0;
}

#images .image-delete:hover{
  opacity: 1;
}

#images img {
  height: 200px;
  width: 100%;
  object-fit: contain;
  padding: .5rem;
  border: 1px solid #efefef;
}

/* registers */
.register-file {
  border: 1px solid #cccccc;
  padding: 1rem;
}

/* tinymce */
#tinymce img {
  max-width: 100%;
}

del {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

ins {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.source-code {
  word-wrap: break-word;
  word-break: break-word;
}

[data-repeater-item] {
  border: 1px solid var(--bs-gray-500);
  margin-bottom: var(--bs-gutter-x);
  padding: calc( var(--bs-gutter-x) / 2);
  padding-bottom: 0;
}

[data-repeater-item] [data-repeater-list] {
  border: 1px solid var(--bs-gray-500);
  padding: calc( var(--bs-gutter-x) / 4);
}

[data-repeater-item] [data-repeater-item] {
  border: none;
  padding: 0;
  padding-left: calc( var(--bs-gutter-x) / 4);
  padding-right: calc( var(--bs-gutter-x) / 4);
  margin-bottom: 0;
}