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

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

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

.form-floating .form-control:not(:-ms-input-placeholder) ~ label {
  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 {
  top: 3%;
  opacity: 1;
  right: 0.5rem;
  left: auto;
}

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

.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 label {
  position: absolute;
  top: 0%;
  right: 0.75rem;
  left: auto;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  pointer-events: none;  Prevent label from blocking input field */

/* 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:focus ~ label,
#inp_openDate:not(:placeholder-shown) ~ label,
#inp_openDate:valid ~ label {
  -webkit-transform: translateY(-1.5rem) scale(0.85);
  transform: translateY(-1.5rem) scale(0.85);
  right: 0.75rem;
  left: auto;
  opacity: 1;
}

.form-floating label {
  position: absolute;
  top: 0;
  right: 0.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;
}

.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 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-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, 152, 0.5); /* Feathered blue shadow */
  margin: 50px;
  padding: 20px;
}