:root {
  --green-color: #198754;
  --green-color-rgb: 25, 135, 84;
  --darkgray-color: #212121;
  --orange-color: #f7b957;
  --red-color: #e25748;
}

/* Custom width & height */

.mw-1000 {
max-width: 1000px;
}

.mw-850 {
  max-width: 850px;
}

.mw-780 {
  max-width: 780px;
}

.mw-700 {
  max-width: 700px;
}

.mw-500 {
  max-width: 500px;
}

.h-80 {
  height: 80px;
}

.h-4 {
  height: 4px;
}

/* General */

html {
  font-size: 14px;
  height: 100%;

      overflow-y: scroll
}

body {
  background-color: #000;
  color: #FFF;
  min-height: 100%;
}

/* Home */

.accordion-button {
  background-color: #222;
  color: #FFF
}

.accordion-item {
  color: #FFF
}

.accordion {
  --bs-accordion-active-bg: #666;
  --bs-accordion-active-color: #FFF;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0;
  border: 1px solid #FFF;
}

.accordion-body {
  color: #FFF;
  background-color: #000;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.feature-text {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}

/* Text */

a {
  color: #FFF !important
}
.text-grey,
.text-grey a {
  color: #a4a4a4 !important
}

.text-red {
  color: var(--red-color)
}

.text-orange {
  color: var(--orange-color);
}

.text-green {
  color: var(--green-color);
}

.text-justify {
  text-align: justify;
  text-justify: distribute;
  text-align-last: left;
}

/* Loading page */

.loading-text {
  font-weight: bold;
  text-align: center;
  color: #FFF;
}

/* Navbar */

#gas_price {
    font-size: 16px;
}

.cursor-default {
  cursor: default;
}

.navbar {
  background-color: var(--green-color);
}

.nav-link {
  color: #000;
  border-radius: 5px;
  font-weight: 500;
  transition: none !important;
}

.nav-link.active,
a.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #FFF !important;
}

.nav-link:hover {
  transition: color .3s ease-in-out,
    background-color .3s ease-in-out,
    border-color .3s ease-in-out !important
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.socials svg {
  color: #000;
  margin-left: 5px;
}

.socials svg:hover {
  color: #FFF;
  transition: color .3s ease-in-out;
}

/* Search */

.bg-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--green-color-rgb), var(--bs-bg-opacity)) !important

}

.search-hero {
  background-color: var(--darkgray-color);
}

.search-fields {
  max-width: 430px;
}

.network-field {
  width: 90px !important;
  padding-right: 1rem !important;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  border-color: var(--green-color)
}

/* Error pages */

.red-underline {
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--red-color);
}

/* Token page */ 

.copy-icon {
  cursor: pointer;
}

.card {
  background: linear-gradient(120deg, #000 10%, var(--darkgray-color) 100%);
  color: #dbdbdb;
  border-color: var(--darkgray-color);
  border-radius: 15px;
}

.card-header {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}

.green-underline {
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--green-color);
}

.card a:not(.btn){
  color: var(--green-color);
}

.section-title {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}

.table-header {
  color: var(--green-color);
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.holder-table li {
  background-color: transparent !important;
  border-color: transparent;
}

.holder-table a, .holder-table li {
  color: #dbdbdb;
}

.progress {
  background-color: #5c5c5c;
}

.progress-bar {
  background-color: #a9a9a9;
}

.powered-by {
  font-size: x-small;
  text-align: center;
}

.price sub {
  padding-left: 2px;
  padding-right: 2px;
}
/* Other pages */

.crypto-background {
  background-image: url('/img/container-background.png');
  background-repeat: repeat-y;
  background-position: center;
}

/* Loading dots */

.loading-text:after {
  content: '.';
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {

  0%,
  20% {
    color: rgba(0, 0, 0, 0);
    text-shadow:
      .25em 0 0 rgba(0, 0, 0, 0),
      .5em 0 0 rgba(0, 0, 0, 0);
  }

  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0, 0, 0, 0),
      .5em 0 0 rgba(0, 0, 0, 0);
  }

  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0, 0, 0, 0);
  }

  80%,
  100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;
  }
}

/* input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  margin-right: -0.1rem;
    height: 14px;
      width: 14px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>") !important;
} */