/* CSS Editions to HTMX library  */
/* These are a set of editions to the CSS code that must come after the import of the BS5 library */

/* EDITIONS TO HTMX INDICATORS */


/* ABSOLUTE POSITIONING CENTERED */

.htmx-abs-display-indicator-centered {
  display:none;
  transition: all 500ms ease-in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
}
.htmx-request .htmx-abs-display-indicator-centered,
.htmx-request.htmx-abs-display-indicator-centered{
  display:inline-block;
}


/* HTMX DELETE INDICATOR */
.htmx-abs-display-indicator{
  display:none;
  transition: all 500ms ease-in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
}
.htmx-request .htmx-abs-display-indicator,
.htmx-request.htmx-abs-display-indicator{
  display:inline-block;
}

/* Hide previously loaded content during HTMX request */
.htmx-request .loaded-content,
.htmx-request.loaded-content,
.htmx-request .loaded-content-modal,
.htmx-request.loaded-content-modal{
  /* display: none; */
  visibility: hidden;
}



/* HTMX INDICATOR */
.htmx-display-indicator{
  display:none !important;
  transition: all 500ms ease-in;
}
.htmx-request .htmx-display-indicator,
.htmx-request.htmx-display-indicator{
  display:inline-block !important;
}

/* For Offcanvas */

.htmx-background {
  background-color: transparent;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100%;
  height: 100%;
  /* border: 1px solid; */
}

.htmx-display-flex-indicator{
  display:none;
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-display-flex-indicator{
  display:flex;
  opacity: 1;
}
.htmx-request.htmx-display-flex-indicator{
  display:flex;
  opacity: 1;
}