.error-message {
  background-color: white;
  color: #721c24;
  padding: 10px;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--surface-color);
  background-color: var(--accent-color);
}
.nav-pills .nav-link {
  color: var(--accent-color);
  border-radius: 0.375rem;
}
.nav-pills .nav-link:hover {
  color: var(--surface-color);
  background-color: #6d8bb4;
}

.changeing {
  border: 0px solid red;
}
.fixed_header {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_header tbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 350px;
}

.fixed_header thead tr {
  display: block;
}

.fixed_header thead {
  background: black;
  color: #fff;
}

.fixed_header th,
.fixed_header td {
  padding: 5px;
  width: 200px;
}
.bg-dark {
  background-color: var(--accent-color) !important;
}
.docbutton {
  border-radius: 1.25rem;
}
.featureIcon {
  color: var(--accent-color);
  margin-right: 5px;
}
input#bidAmount {
  font-size: xx-large;
  background-color: #f0ffff;
}
@media (max-width: 750px) {
  input#bidAmount {
    font-size: large;
  }
}

.thumbnail-gallery {
  .thumbnails-slider {
    .swiper-wrapper {
      height: auto !important;
    }

    .thumbnail-img {
      height: 80px;
      object-fit: cover;
      border-radius: 10px;
      cursor: pointer;
      transition: all 0.3s ease;
      border: 3px solid transparent;

      &:hover {
        transform: scale(1.05);
      }
    }

    .swiper-slide {
      position: relative;
      opacity: 0.6;
      transition: opacity 0.3s ease;

      &.swiper-slide-thumb-active {
        opacity: 1;

        .thumbnail-img {
          border-color: var(--accent-color);
        }
      }

      .photo-count {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.7);
        color: var(--contrast-color);
        padding: 8px 12px;
        border-radius: 15px;
        font-weight: 600;
        font-size: 14px;
        z-index: 2;
      }
    }
  }
}
.tab-content {
  display: flex;
}

.tab-content > .tab-pane {
  display: block; /* undo "display: none;" */
  visibility: hidden;
  margin-right: -100%;
  width: 100%;
}

.tab-content > .active {
  visibility: visible;
}
.responsiveMap {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  height: 100%;
  width: 100%;
}
.responsiveMap iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}