.no_results {
    color: white;
}

.hidden {
    display: none;
}

.spinner {
    position: absolute;
    width: 4%;
    right: 0.1rem;
    z-index: 2;
    opacity: 0;
    border-radius: 50%;
    top: 50%;
    transform: translate(0%,-50%);
}


img#load-more-spinner {
  left: 50%;
  top: auto;
  bottom: 5%;
}

.global_spinner {
    position: relative;
    width: 2.5%;
    left: 50%;
    top:35%;
    z-index: 104;
    opacity: 0;
    border-radius:50%
}

.page-load-status {
  display: none; /* hidden by default */
}

.search_page_loader {
    left: 42% !important;
}

.alert.info, .alert.success {
    color: white;
    position:inherit;
    z-index: 1;
    left: 0;
    top: 0;
    margin: 0 auto;
    left: 40%;
    top: 8%;
}
.alert-warning.page-message{
  color: #fff;
  padding: 3rem 0;
}

.alert-warning.page-message a{
  color: #fc087d;
}

.personSpinner{
  right: 2.1rem !important
}

.htmx-indicator.spinner {
  width: 2rem;
}

/* #Register form */
ul.errorlist, .error, .errorlist li, .errorlist_top li  {
    color: #fc087d;
    font-size: .9rem;
    padding: 5px;
}

#addRemove_response, #addRemove_response_pop, #response_error, #response_error_pop {
    position: absolute;
    right: 0;
    top: 50px;
    color: #fc087d;
}

#addRemove_response {
  right: 3.5% !important;
  top: auto;
}

/* Moible media queries*/
@media screen and (max-width:480px){
 #addRemove_response {
  right:11% !important
 }

 .page-head-wrap .personSpinner {
  top:40%
 }

}

#create_board_response{
  position: absolute;
  top: 50px;
  width:100%;
  text-align: left;
  color: #fc087d;
}

.pos_absolute {
  position:absolute
}

.abs_left_top {
    left: 6% !important;
    top: 6% !important;
    right: inherit !important;
    width: 13%;
}

  .errorlist_top {
    position:absolute;
    left:5%;
    top: 5%;
  }

  .global_messages {
    position: absolute;
    left: 37%;
    font-size: 13px;
    top: 10%;
    background-color: gray;
    color: white;
    padding: 7px 50px;
  }

  .empty_div span {
    color: white;
    text-decoration: none;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 0;
  }

  #search-results.htmx-added {
    opacity: 0;
  }
  #search-results {
    opacity: 1;
    transition: opacity 1s ease-out;
  }

  /* Popup Title search Anchor */
  .grid-content-w .title a {
    color: #fc087d;
    text-decoration: inherit;
}