.form-label-group2 { position: relative; margin-bottom: 7px; }
.form-label-group2 > select { font-size: 10pt; height: 45px !important; }
.form-label-group2 > label {
    position: absolute;
    top: -5px;
    left: 5px;
    display: block;
    background:#fff;
    height:10px;
    width: auto;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    pointer-events: none;
    cursor: text; /* Match the input under the label */
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
    font-size: 10pt;
    font-family: Arial, sans-serif;

      height: 1.25rem;
      padding: 0;
      text-align:left;
      font-size:9pt;
      color:#000; /* yazdıktan sonra ımlec gıttıgınde aktıv oluyor */
}



.form-label-group > input{
display: block;
width: 99%;
font-size: 1rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}


.form-label-group2 > select{
display: block;
width: 99%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
background-color: #fff;
color:#474747;
border: 1px solid #ced4da;
}



.form-label-group > input:focus, .form-label-group2 > select:focus { outline: none !important; border: 1.5px solid #3399FF !important; color: #000 !important; box-shadow: none !important; }
.form-label-group { position: relative; margin-bottom: 7px; }
.form-label-group > input,
.form-label-group > label { height: 2.825rem; padding: 0.70rem; text-align: left; font-size: 11pt; color: #000; /* yazdıktan sonra ımlec gıttıgınde aktıv oluyor */ }

.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    height:15px;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #474747;
    cursor:text; 
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 10pt;
    font-family: Arial, sans-serif;
    user-select:none;
}

.form-label-group input::-webkit-input-placeholder { color: transparent; }
.form-label-group input:-ms-input-placeholder { color: transparent; }
.form-label-group input::-ms-input-placeholder { color: transparent; }
.form-label-group input::-moz-placeholder { color: transparent; }
.form-label-group input::placeholder { color: transparent; }
.form-label-group input:not(:placeholder-shown) { padding-top: 1rem; padding-bottom: .25rem; }
.form-label-group input:not(:placeholder-shown) ~ label { padding-top: 0.0rem; padding-bottom: 0.25rem; font-size: 13px; color: #3399FF; /* inputa ilk karakter yazıldıgında rengi --#3399FF mavi */ }

/* Fallback for Edge-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group > label { display: none; }
    .form-label-group input::-ms-input-placeholder { color: #000; }
}
/* Fallback for IE-------------------------------------------------- */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .form-label-group > label { display: none; }
        .form-label-group input:-ms-input-placeholder { color: #000; }
    }

.form-label-group > input:hover + label { color:#3399FF !important; font-size: 11pt; }
.form-label-group > input:hover { color: #000; border: 1px solid #3399FF; }

.form-label-group2 > select:hover + label { color: #3399FF !important; font-size: 11pt; }
.form-label-group2 > select:hover { color: #000; border: 1px solid #3399FF; }


.form-label-group > input:focus + label { color: #3399FF !important; font-size: 10pt; }












/* chrome otomatik form doldurma boz*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active + label { }