@media (min-width: 768px) {
  nav:not(.toggled) .active > .collapse,
  nav:not(.toggled) .active > .collapsing {
    display: block !important;
    height: auto !important;
  }
  .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after,
  .sidebar .nav-item.active .nav-link[data-toggle="collapse"]::after {
    content: "\f105";
  }
  .sidebar-dark .nav-item .nav-link {
    max-width: 100%;
  }
  body,
  html {
    height: 100%;
    overflow: hidden;
  }
  #wrapper {
    height: 100%;
  }
  #wrapper #content-wrapper {
    overflow-y: auto;
  }
}
.comma-list {
  display: inline;
  list-style: none;
  padding: 0px;
}
.comma-list li {
  display: inline;
}
.comma-list li::after {
  content: ", ";
}
.comma-list li:last-child::after {
  content: "";
}
.validation-summary-valid ul {
  margin-bottom: 0;
}
.table-title {
  padding-bottom: 10px;
  margin: 0 0 10px;
}
.table-title h2 {
  margin: 6px 0 0;
  font-size: 22px;
}
.table-title .add-new {
  float: right;
  height: 30px;
  font-weight: bold;
  font-size: 12px;
  text-shadow: none;
  min-width: 100px;
  border-radius: 50px;
  line-height: 13px;
}
.table-title .add-new i {
  margin-right: 4px;
}
table.table td a {
  cursor: pointer;
}
table.table td a.delete {
  color: #E34724;
}
table.table td a.scan-finish,
table.table td a.scan-finish:hover {
  color: #27C46B;
}
table.table td a.scan-finish {
  display: none;
}
table.table td a.delete:hover {
  color: #E34724;
}
select.tokenRoleSelect option:disabled {
  background-color: lightgray;
}