.no-underline {
  text-decoration: none;
  color: black;
  }

  .text-custom-green {
  color: #4eaf0a;
  }

  .text-custom-black {
  color: black;
  }

  .text-custom-grey {
  color: grey;
  }

  /*
  #coinsTable td,
  #coinsTable th {
      text-align: right;
  }
  */

  .text-left {
      text-align: left;
  }

  .text-right {
      text-align: right;
  }

  @media (max-width: 768px) {
  .table-hide-on-mobile {
      display: none;
  }
  }
  .custom-pagination .page-item.active .page-link,
  .custom-pagination .page-link:hover {

      border-color: #212529;
  color: #fff;
  background-color: #212529;
  }
  .custom-pagination .page-link {

  color: #212529;
  background-color: #fff;
  border-color: #212529;
  }

/* Change the background color of the selected accordion header */
.accordion-item:not(.collapsed) .accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: #242323; /* Set the text color to white */
  }
      
  .small-font {
    font-size: 0.8rem; /* Adjust this value as needed */
}


mark {
  padding: 1;
  margin: 0;
  line-height: normal;
}

.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 7px;  /* Add some space between the circles */
  /* flex-shrink: 3;  Prevent flex items from shrinking */
}

.mx-1{
  margin-right:.25rem !important;
  margin-left:.25rem !important;
  /* padding-top: 10px !important; */
}
.text-muted{color:#8c9db5 !important}
.fixed-width {
  width: 90px; 
}

/* @media (min-width: 768px) {
  .fixed-width {
    width: 90px; 
  }

} */

.custom-btn {
  font-size: 2rem; /* This will make the button text larger. Adjust as needed. */
  padding: 1rem; /* This will make the button itself larger. Adjust as needed. */
}

.custom-icon {
  font-size: 1rem; /* This will make the icon larger. Adjust as needed. */
}




@media (max-width: 768px) {
  .circle {
    width: 20px; /* adjust as needed */
    height: 20px; /* adjust as needed */
    margin-right: 7px; /* adjust as needed */
}
  .exchangeimage {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 2px; 
  }

  .btn-responsive {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.7;
  }

  h1 {
    font-size: 1.45rem;  /* Adjust as needed */
  }

  h2 {
    font-size: 1.35rem;  
  }
  h4 {
    font-size: 1.0rem;  
  }

  h3 {
    font-size: 1.3rem;  
  }



  h5 {
    font-size: 1.0rem;  
  }

  .message-mobile {
    font-size: 0.9rem;  
  }

  .fixed-column {
    min-width: 130px !important;
    max-width: 130px !important;
    width: 130px !important;
  }

}


/* sign-in.css -> I copy it here, because it doesn't load it for some reason... 
  html,
  body {
    height: 100%;
  } 
  
  body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
  }
  
  .form-signin {
    max-width: 330px;
    padding: 15px;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
*/