#bidButton, #myBtn {
  width: 30% !important;
  background-color: #39180b;
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin: auto;
  letter-spacing: 2px;
  white-space-collapse: break-spaces; }
  #bidButton a, #myBtn a {
    color: #ffffff;
    letter-spacing: 0px !important;
    pointer-events: all; }

.auction-details {
  justify-content: space-around !important;
  padding: 0px; }

.custom-price-add-auction {
  display: none !important; }

.bid-price {
  text-align: center;
  font-size: 32px;
  color: #39180b;
  font-weight: 700;
  display: flex;
  justify-content: center;
  margin-top: 20px; }
  .bid-price span {
    color: #ae6d34; }

#countdown {
  text-align: center;
  font-size: 16px;
  color: #39180b;
  margin: 0px 0px 10px 0px !important;
  font-weight: 600;
  white-space-collapse: break-spaces;
  word-break: break-all; }

#bid-table {
  width: 46%;
  border-collapse: collapse;
  margin-top: 20px;
  /* Optional styles for header and body */ }
  #bid-table th, #bid-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    font-size: 16px;
    padding: 15px 25px;
    font-weight: 600; }
  #bid-table td:first-child {
    text-align: left; }
  #bid-table td:last-child {
    font-style: italic;
    font-weight: 400; }
  #bid-table thead th {
    background-color: #f2f2f2; }
  #bid-table thead th {
    font-weight: bold;
    font-size: 18px;
    background-color: #eee9e3; }
  #bid-table tbody tr:nth-child(even) {
    background-color: #f2f2f2; }

.auction-infos {
  margin: auto; }
  .auction-infos td:first-child {
    font-size: 18px;
    font-weight: 600;
    padding-right: 20px; }
    .auction-infos td:first-child span {
      font-weight: 400 !important;
      font-style: italic !important; }
  .auction-infos td:last-child {
    font-size: 18px;
    font-weight: 300;
    color: #39180b; }

.reverse-bid-set {
  background-color: gray !important;
  pointer-events: none !important; }

#active-user {
  background-color: #39180b;
  color: #ffffff; }

/* Style for the loader */
.loader {
  border: 4px solid rgba(0, 0, 0, 0.3);
  border-top: 4px solid #007BFF;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 350px; }

/* Animation for the spinner */
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#time-left {
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center; }

/* The Modal (background) */
.modal-auction {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }

.modal-button {
  width: 30% !important;
  background-color: #39180b;
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin: auto;
  letter-spacing: 2px; }

/* Modal Content */
.modal-content-auction {
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  width: 40%;
  height: auto;
  position: relative;
  top: 20%; }
  .modal-content-auction p {
    text-align: center;
    font-size: 20px; }

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

@media screen and (max-width: 1024px) {
  .custom-price-add {
    justify-content: space-around;
    flex-flow: wrap; }
  .custom-product .custom-productView .productView-options .custom-form .form-action .button {
    width: 350px !important;
    margin-top: 15px !important; }
  .auction-infos {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }
    .auction-infos td:first-child {
      font-size: 14px;
      padding-right: 10px; }
    .auction-infos td:last-child {
      font-size: 14px; }
  #bid-table {
    width: 80%;
    margin: auto;
    margin-bottom: 20px; }
    #bid-table th, #bid-table td {
      padding: 10px 15px; }
  #bidButton, #myBtn {
    width: 40% !important;
    font-size: 16px; }
  .modal-content-auction {
    width: 60%; } }

@media screen and (max-width: 550px) {
  #bidButton, #myBtn {
    width: 90% !important;
    font-size: 16px; }
  .auction-infos {
    margin: auto;
    margin-bottom: 20px; }
    .auction-infos td:first-child {
      font-size: 16px;
      padding-right: 10px; }
    .auction-infos td:last-child {
      font-size: 16px; }
  #bid-table {
    width: 90%;
    margin: auto;
    margin-bottom: 40px; }
    #bid-table th, #bid-table td {
      padding: 10px 15px; }
  .modal-content-auction {
    width: 90%; } }

#auctionProduct #backInStock-container {
  display: none !important; }

#auctionProduct {
  margin-bottom: 30px !important; }