a.disabled {
  pointer-events: none;
  cursor: default;
}

.badge-notification {
  margin-left: -1.0em;
  margin-top: -0.3em;
  font-size: 0.6em;
  position: absolute;
}

.table-responsive-horizontal{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}

.compact-table{
    font-size:0.88rem;
    white-space:nowrap;
}
.compact-table td, .compact-table th{ padding:.45rem .6rem; }

.compact-table thead{
    display: table-header-group;
}

/* Visual styling for logically-disabled move buttons while keeping them usable as drag handles */
.is-disabled {
  opacity: 0.5;
  cursor: default !important;
}
.is-disabled i {
  opacity: 0.6;
}

.content-header{ gap:0.5rem; }
.content-header .text-truncate{ max-width: calc(100% - 48px); overflow:hidden; }
.content-header .btn{ white-space:nowrap; }

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  color: rgb(200, 200, 200);
  opacity: 1;
}

#main-div .container {
  width: 75%;
  max-width: 75%;
  padding: 3rem;
  margin: 3rem auto;
}

#main-div .list-group-item {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  #main-div .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem !important;
    margin: 1rem auto !important;
  }
}
@media (max-width: 480px) {
  #main-div .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.5rem !important;
    margin: 0.5rem auto !important;
  }
}