
/* Add this to your CSS file */
.loading-spinner {
  position: fixed; /* position the spinner in the center of the screen */
  top: 0;
  left: 0;
  width: 100%; /* make the spinner take up the full width and height of the screen */
  height: 100%;
  background-color: rgba(1, 1, 1, 0.5); /* make the background semi-transparent */
  z-index: 99999999; /* make sure the spinner is on top of all other elements */
}
/*  background-color: rgba(255, 255, 255, 0.8); /* make the background semi-transparent */
.spinner-border {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
}
.dropdown-menu.show
{
  top: 56px!important;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.condition-radio-btn, .condition-radio-btn input[type="radio"]{
  cursor: pointer;
}


/*profile picture*/
.profile-pic {
   color: transparent;
   transition: all 0.3s ease;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   transition: all 0.3s ease;
}
 .profile-pic input {
   display: none;
}
 .profile-pic img {
   position: absolute;
   object-fit: cover;
   width: 165px;
   height: 165px;
   border-radius: 100px;
   z-index: 0;
}
 .profile-pic .-label {
   cursor: pointer;
   height: 165px;
   width: 165px;
}
 .profile-pic.file:hover .-label {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(0, 0, 0, .8);
   z-index: 10000;
   color: #fafafa;
   transition: background-color 0.2s ease-in-out;
   border-radius: 100px;
   margin-bottom: 0;
}
 .profile-pic span {
   display: inline-flex;
   padding: 0.2em;
   height: 2em;
}
 


 /*datatable search*/
 .search-head input, .search-head .select2-container--default .select2-selection--single .select2-selection__rendered {
  width:100%;
  font-size: initial;
  border-radius: 10px;
 }


 .form-common .form-control.max-bid, .form-common .form-control.max-bid::placeholder
{
  padding: 10px 5px;
  height: auto;
  font-size: auto;
 }

 .swal2-container.swal2-top-end.swal2-backdrop-show{
  z-index: 999999;
 }



 .blink_me {
  font-weight: 900;
  animation: blinker 0.8s linear infinite;
  color: #fff;

}

/* .blink_me_green .blink_me,.blink_me_red .blink_me{color: #fff;} */

.blink_me_green {
  /* color: #04BB03; */

}
.blink_me_red {
  /* color: red; */

}
.blink_me::after {
  font-size: 15px;
  content: '\f0aa';
  font-family: FontAwesome;
  margin-left: 7px;
 
}

@keyframes blinker {
  50% {
    /* opacity: 0; */
    color: rgba(0, 0, 0, 0);
  }
}



.bid-price-sections{
  display: flex;
}

.dataTables_wrapper .btn{
  margin-bottom: 3px;
}



.dot-paragraph{
  line-height: 20px;
    color: #fff;
    list-style-type: disc;
    padding-left: 15px
}


