.content-block {
    display: block;
    height: 185px;
    border-radius: 3px;
    padding: 40px 5px 5px;
    text-align: center;
    color: #222;
    border: 1px solid transparent;
}

.content-block img {
    height: 100px;
    width: auto;
    padding-bottom: 10px;
}

.content-block:hover {
    border: 1px solid #007aff;
    cursor: pointer;
    text-decoration: none;
}

html.dark-mode, html.dark-mode .modal-header, html.dark-mode .modal-footer {
  background: #2c3136;
  color: #aaa;
}

.no_case {
  text-transform:none;
}

html.darkmode .container {
  color: #aaa !important;
}

html.dark-mode .card {
  background: #343a40;
  color: #aaa;
  /*border-radius:0;*/
}

html.dark-mode .list-group {
  color: #aaa;
}

html.dark-mode .content-block {
  color: #aaa;
}

html.dark-mode .nav-tabs {
border-bottom: 0;
}

html.dark-mode .nav-tabs .nav-item.show .nav-link, html.dark-mode .nav-tabs .nav-link.active {
  border:0;
  background: #363d48;
  color: #aaa;
}

html.dark-mode .nav-tabs .nav-item .nav-link:hover {
    border:0;
}

html.dark-mode .list-group-item:not(:active) {
  background: #2c3136;
}

html.dark-mode .list-group-item:active {
  background: #363d48;
}

html.dark-mode .card .card-title {
  color: #aaa;
}

.card .card-header {
  color: #444;
}

html.dark-mode .card .card-header {
  color: #aaa;
}

.alert {
    width: 350px;
    max-height: max-content;
    height: auto;
    border-radius: 10px;
    padding: 10px;
}

.alert.alert-success {
  color: #fff;
}

#alerts {
    top: 60px;
    right: 10px;
    /* right: 35%;*/
    position: fixed;
    z-index: 100000000000;
}


#link_code {
  display: block;
  width:100%;
  padding: 10px;
  border-radius:10px;
  border: 1px solid #aaa;
  background: #f5f5f5;
}

code {
  background: #222;
}

/* Hero Search */
.hero-search {
  width:100%;
  display: block;
  padding:20px;
  border: none;
  background: #343a40;
  font-size: 20px;
  color: #aaa;
  box-shadow: 0 5px 13px 0 rgba(0,0,0,.1);
  border-radius:15px;
}

#results {
  display:none;
}