.form-floating>label {
    width: auto;    
    height: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 10px !important;
  transform: translateY(-50%);
  color:#49454F;
  pointer-events: none !important;
  transition: 0.2s ease-out !important;
  font-size: 14px ;  
  padding: 0px !important;
  border: none;

  }

  .form-floating>label.text-area{
    top: 20% !important;

  }
  .form-group.form-floating {
    position: relative;
   margin-bottom: 4px;
  }
  .form-group.form-floating input{ 
    font-size: 14px !important;
  }  .form-group.form-floating .form-select{ 
    font-size: 14px !important;
  }
  .form-group.form-floating .form-control .form-select{
    width: 100%;
  
    background: none;
    /* font-size: 16px;   */
    font-size: 14px;  
        outline: none;
        border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    
    
  
  }
  .form-group.form-floating .form-control:not(:focus) {
  padding: 10px;
  }
  .form-floating > .form-select {
  padding: 10px !important;
  
  }
  .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  /* height: auto !important; */
  height: 38px !important;
  /* line-height: inherit !important; */
  min-height: auto !important;
  }
  .form-floating > .form-control:focus{
  padding: 10px !important;
  }
   
  .form-floating > .form-select ~ label {
   
  
  opacity: 100%;
  color: #49454F ;
  background-color: white;
  transform: translateY(-110%) scale(1.0) translateX(0px)!important;
  border: none;

  top: 10px !important;
  padding: 0px 6px !important;
  font-size: 11px;
  }
   
  .form-group.form-floating .form-control:focus,
  .form-group.form-floating .form-select:focus {
  border: 1px solid #2196F3;
  box-shadow: none;
  
  }
   .form-group.form-floating .form-control:not(:placeholder-shown) + label,
  .form-group.form-floating .form-control.focused + label,
  .form-group.form-floating .form-control:focus + label,
  .form-group.form-floating .form-select:focus ~ label {
  
    opacity: 100%;
  
  
    transform: translateY(-110%) scale(1.0) translateX(0px);
    color: #2196F3;
    top: 10px !important;
    background-color: white;
    border: none;

    padding: 0px 6px !important;
    font-size: 11px;
  }
  
   
  .form-group.form-floating .form-control:not(:focus):not(:placeholder-shown) + label {
    color:#49454F;
  }
  
  .form-group.form-floating .form-select ~ label {
  transition: 0.2s ease-out !important;
  }
  
  .form-group.form-floating .form-select ~ label.centered-label {
  width: auto;    
    height: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 10px !important;
  transform: translateY(-50%) !important;
  color:#49454F;
  
  pointer-events: none !important;
  font-size: 14px ;  
  padding: 0px !important;
  }