html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f6f8fa !important; /* or your site's default grey */
}

.btn-refresh,
.btn-switch {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
}

.text-deposit {
  color: #b7d030 !important;
}

.text-sale {
  color: #ff007f !important;
}

.past-event-card {
  border-radius: 20px;
  width: 280px;
  padding: 1px;
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection,
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus
  .select2-selection {
  background-color: white;
}

.my-blue-sidebar {
  background-color: #007bff !important; /* Bootstrap primary blue */
  color: #fff !important;
}
.my-blue-sidebar .nav-link,
.my-blue-sidebar .nav-header,
.my-blue-sidebar .brand-link {
  color: #fff !important;
}
.my-blue-sidebar .nav-link:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.sidebar-bg-main {
  background-color: #339dff !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #339dff !important;
}

.text-main {
  color: #007bff !important;
}

.search-btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.search-btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.create-btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.create-btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.invite-btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.invite-btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.save-btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.save-btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.btn-outline-main {
  color: #339dff;
  border-color: #339dff;
}

.btn-outline-main:not(:disabled):not(.disabled):active,
.btn-outline-main:not(:disabled):not(.disabled).active,
.show > .btn-outline-main.dropdown-toggle,
.btn-outline-main:hover {
  color: #fff;
  background-color: #339dff;
  border-color: #339dff;
}

.page-item.active .page-link {
  background-color: #339dff !important;
  border-color: #339dff !important;
}

.card-main.card-outline {
  border-top: 3px solid #339dff;
}

.login-btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.login-btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.btn-main {
  background-color: #007bff !important;
  color: #fff !important;
}

.btn-main:hover {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

.answer-box {
    min-height: 38px;
    height: auto;
    overflow: visible;
    resize: none;
}

.content-wrapper, .container-fluid, .content {
    flex: 1 0 auto;
}
.main-footer {
    flex-shrink: 0;
}

[class*="sidebar-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-"] .nav-sidebar > .nav-item:hover > .nav-link {
  background-color: #339dff !important; /* A lighter blue for hover */
  color: #fff !important;
}

@media only screen and (max-width: 360px) {
  .visitor-btn-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .visitor-btn-group .btn {
    width: 100%;
    margin-right: 0 !important;
  }
}

/* Force the sidebar settings menu to use blue, not green */
.sidebar-bg-main,
.nav-item.menu-open > .nav-link.sidebar-bg-main,
.nav-item > .nav-link.sidebar-bg-main {
  background-color: #339dff !important;
  color: #fff !important;
}