.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    background-color: transparent !important;
    border: 0px;
    color: black !important;
}

/* .floating-label-self {
    background-color: transparent !important;
    color: white !important;
    border: 0px; 
    border-bottom: 1px solid var(--color-header) ; 
    border-radius: 0; 
} */

.floating-label-self {
    background-color: transparent !important;
    border: 1px solid var(--color-user) !important;
    color: white !important;
}

label {
    color: #999 !important;
}

label::after {
    color: black !important;
}

.large-textarea {
    height: 116px !important;
}

.floating-label { 
    position:relative; 
    /* margin-bottom:20px;   */
}
  
  .floating-select {
    font-size: 1rem !important;
    padding-left: 8px;
    padding-top: 8px;
    display: block;
    width: 100%;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--color-user) !important;
    border-radius: var(--bs-border-radius);
    color: white;
  }
  
  .floating-select:focus {
       outline:none;
       border-bottom:2px solid var(--color-user) !important;
       font-size: 1rem;
       background-color: var(--color-body-background);
       color: white;
  }
  
  .select-label {
    /* color:#999;  */
    /* font-size:14px; */
    /* font-weight:normal; */
    height: 100%;
    position:absolute;
    pointer-events:none;
    left: 14px;
    top: 16px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
  }
  
  .floating-select:focus ~ .select-label , .floating-select:not([value=""]):valid ~ .select-label {
    top: 2px;
    font-size: 14px;
    /* color: var(--color-user) !important; */
    color: #999 !important;
  }
  
  /* active state */
  .floating-select:focus ~ .floating-select:focus ~  {
    width:50%;
  }
  
  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  /* active state */
   .floating-select:focus ~  {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
  }