.dropdown-item:hover {
  transition: all 0.25s ease-in-out;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html {
  background: #24292F;
}

body {
  background: #24292F;
  color: #F1F1F1;
  transition: background-color 0.25s ease-in-out;
}

.card, #itemList {
  border: 0px transparent;
  background-color: #33393F !important;
}

.list-group {
  background: transparent;
}

.list-group-item {
  color: #F1F1F1;
  background-color: #33393F;
}

.bg-success {
  background-color: #38c172 !important;
}

.table {
  color: #F1F1F1;
}

.bg-white, .bg-light, .bg-muted {
  background-color: #33393F !important;
}

.table thead th {
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.3);
}

.table-bordered th, .table-bordered td {
  border: 2px solid rgba(0, 0, 0, 0.7);
}

.anchor {
  background-color: #33393F !important;
  border-bottom: 4px solid rgba(0, 0, 0, 0.8);
  color: #F1F1F1 !important;
}

footer.page-footer {
  color: #F1F1F1;
}

.footer-section, .updated {
  color: #F1F1F1;
}

.footer-link {
  color: #488AC7;
}

.text-muted {
  color: #A0A0A0 !important;
}

.btn-unfollow {
  background: #23272b;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}

.btn-unfollow:hover {
  color: #FFFFFF !important;
  background: #363b40;
}

.btn-light {
  color: #FFFFFF;
  background-color: #23272b;
  border-color: #33393F;
}

.btn-light:hover {
  color: #FFFFFF;
  background-color: #13272b;
  border-color: rgba(255, 255, 255, 0.2);
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.text-dark, .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #F1F1F1 !important;
}

.table-hover tbody tr:hover {
  color: #FFF;
  background: rgba(0, 0, 0, 0.3);
}

a.text-dark:hover, a.text-dark:focus, .form-control:focus {
  color: #FFF !important;
}

.form-control, .form-control:focus, .input-group-text {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFF;
}

.breadcrumb-item.active {
  color: #F1F1F1;
}

.page-link {
  background: #33393F !important;
  border: 1px solid rgba(0, 0, 0, 0.7) !important;
}

.dd {
  color: #FFF;
  background-color: #33393F;
  border: none;
  border-bottom: 3px solid #488AC7 !important;
}

.dd::-moz-placeholder {
  color: #FFFFFF !important;
}

.dd::placeholder {
  color: #FFFFFF !important;
}

.dd:focus {
  color: #FFFFFF !important;
  background-color: #33393F;
  border: none;
  border-bottom: 3px solid #488AC7 !important;
}

.glimpse {
  background-color: #212326 !important;
  color: #F1F1F1 !important;
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  padding: 12px 16px;
}

.glimpse a {
  color: #F1F1F1 !important;
  font-weight: bold;
}

.editor-toolbar a {
  color: #FFF !important;
}

.editor-toolbar a:hover {
  color: #33393F !important;
}

.card hr, .card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .nav-link, .navbar-brand {
  color: #F1F1F1 !important;
}

.wiki-stats {
  background: #33393F;
}

.bg-monster {
  background-color: #33393F !important;
}

.crrio-form {
  background-color: #33393F !important;
  color: #F1F1F1 !important;
  box-shadow: none !important;
}

.monster-name {
  background: rgba(29, 33, 36, 0.7);
  color: #FFF;
}

/* Documentation */
.menu-content {
  background: #33393F !important;
}

#docs p, #docs h2, #docs h3, #docs h4, #docs h5, #docs td {
  color: #FFF;
}

#docs td span {
  color: #F1F1F1;
}

#docs .menu-content ul li label span, .editor-toolbar .fa {
  color: #FFF !important;
}

#docs .menu-content ul li label:hover, #docs .menu-content ul li label.active {
  background: #33393F;
}

.CodeMirror {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.editor-toolbar {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
}

.editor-toolbar i.separator {
  border-left: transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.form-select {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
  color: #fff;
}

.glass {
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  background: rgba(0, 0, 0, 0.2);
}

.dropdown-menu {
  background: #33393F;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1;
}

.dropdown-item {
  color: #FFF;
}

.dropdown-item:hover {
  color: #FFF;
  background: rgba(50, 96, 139, 0.85) !important;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}