@media (max-width: 567px) {
  .navbar-brand {
    font-size: 12px; /* Adjust this value as needed */
  }
  .navbar-toggler {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); /* Scale down to 75% of original size */
  }

  #memberView.row {
    padding: 5px;
    margin: 5px 20px 40px;
  }
}

.counter {
  font-size: 0.65em;
}
.modal_date {
  width: 96%;
}

.top_chevron {
  /* go to top of page chevron */
  /* display: none;  Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 2099; /* Make sure it does not overlap */ /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */ /* Rounded corners */
  font-size: 18px; /* Increase font size */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* following floating CSS can from chatgpt assistance for field inputs */

.form-floating .form-control:not(:-moz-placeholder-shown) ~ label {
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
  /* transform: translateY(0%) translateX(0); 
  transform: translateY(-1.5rem) scale(0.85);
  opacity: 1;
  right: 0.75rem;
  left: auto;
*/
}

.form-floating .form-control:not(:-ms-input-placeholder) ~ label {
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
  /*transform: translateY(-50%) translateX(0);
  opacity: 1;
  left: auto;*/
}

.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label,
.form-floating .form-control:valid ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.75rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
  /*  top: 3%;
  opacity: 1;
  right: 0.5rem;
  left: auto; */
}

.form-floating .form-select:not(:-moz-placeholder-shown) ~ label {
  transform: translateY(-1.75rem) scale(0.85);
  right: 1rem;
  left: auto;
  opacity: 1;
  background: #be0a0a;
}

.form-floating .form-select:not(:-ms-input-placeholder) ~ label {
  transform: translateY(-1.5rem) scale(0.85);
  right: 1rem;
  left: auto;
  opacity: 1;
}

.form-floating .form-select:focus ~ label,
.form-floating .form-select:not(:placeholder-shown) ~ label,
.form-floating .form-select:valid ~ label,
.form-floating .form-select option:checked ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 1rem;
  left: auto;
  opacity: 1;
}

.form-floating textarea.form-control {
  resize: vertical;
  min-height: 100px;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}

.form-floating textarea.form-control:not(:-moz-placeholder-shown) ~ label {
  height: auto;
  right: 1rem;
  left: auto;
  opacity: 1;
}

.form-floating textarea.form-control:not(:-ms-input-placeholder) ~ label {
  height: auto;

  right: 1rem;
  left: auto;
  opacity: 1;
}

.form-floating textarea.form-control:focus ~ label,
.form-floating textarea.form-control:not(:placeholder-shown) ~ label,
.form-floating textarea.form-control:valid ~ label {
  height: auto;

  right: 1rem;
  left: auto;
  opacity: 1;
}

.form-floating textarea.form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 1;
}

.form-floating textarea.form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 1;
}

.form-floating textarea.form-control:focus ~ label,
.form-floating textarea.form-control:not(:placeholder-shown) ~ label {
  opacity: 1;
}

/* for new request  modal date field */

#inp_openDate:not(:-moz-placeholder-shown) ~ label {
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label {
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-moz-placeholder-shown) ~ label,
#file_upload:not(:-moz-placeholder-shown) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:not(:-ms-input-placeholder) ~ label,
#file_upload:not(:-ms-input-placeholder) ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

#inp_openDate:focus ~ label,
#inp_openDate:not(:placeholder-shown) ~ label,
#inp_openDate:valid ~ label,
#file_upload ~ label,
#file_upload:not(:placeholder-shown) ~ label,
#file_upload:valid ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}
/* original from chatgpt affects all of the above */
.form-floating label {
  position: absolute;
  top: 0;
  right: 01.75rem;
  left: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 0 0.75rem; */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: none; /* Prevent label from blocking input field */
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.statute_list_sm {
  font-size: 0.75rem;
  height: 0.25rem;
  padding-bottom: 0px !important;
  padding-top: 5px !important;
}

.counter_right {
  font-size: 0.5rem;
  text-align: right;
  margin-top: 0px;
}

.smaller {
  font-size: 0.75em;
}

.copyright {
  font-size: 8px;
}

.rounded_10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 2px;
}

.rounded_15 {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.rounded_15_top {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.rounded_15_bottom {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.rounded_15_start {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}

.rounded_10_sq_right {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded_10_sq_left {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 10px !important;
}

.rounded_10_start {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-feathered {
  background-color: white;
  border-radius: 15px; /* Rounded corners */
  -webkit-box-shadow: 0 0 15px rgba(85, 85, 246, 0.5);
  box-shadow: 0 0 15px rgba(41, 41, 150, 0.5); /* Feathered blue shadow */
  margin: 50px;
  padding: 20px;
}

.bg_eyes {
  background-color: #e8f0fe !important;
}

.results_tab {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: #0d6efd;
  border-bottom: 2px solid rgba(19, 4, 233, 0.4);
  color: #ffffff;
  text-align: center;
}

.moveup_15 {
  position: relative;
  top: -15px;
}
.results_tab:hover {
  background: #0d6efd;
  color: #ffffff;
}

.small_10 {
  font-size: 10px;
}

.small_text {
  font-size: 0.75em;
}

.btn_no_padding {
  padding: 0 !important;
}

.btn_filter_primary {
  color: #000;
  background-color: #fff;
  border-color: #0d6efd;
}

/* Custom: Make input-group border gray for invites search */
.input-group.ms-4.me-4.w-auto .form-control .input-group.ms-4.me-4.w-auto .btn {
  border-color: #ced4da !important;
}
.input-group.ms-4.me-4.w-auto {
  border-radius: 0.375rem;
}
.version-expanded-row {
  border-top: 2px solid #444;
}

.table {
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
}

.table td {
  display: table-cell !important;
  vertical-align: top !important;
}

.col_version_multiline {
  width: 30%;
  min-width: 120px;
  max-width: 300px;
  overflow: hidden;
  line-height: 1.4;
  max-height: 2.8em; /* ~2 lines */
  word-break: break-word;
  display: table-cell !important; /* Force table-cell */
  vertical-align: top;
}

.col_comment_multiline {
  width: 50%;
  min-width: 100px;
  max-width: 500px;
  overflow: hidden;
  word-break: break-word;
  display: table-cell !important;
  vertical-align: top;
}

.col_status {
  width: 80px;
}

.col_lastupdate {
  width: 110px;
}

.col_actions {
  width: 110px;
}