.float-label-custom {
    position: relative;
}
.float-label-custom label {
    position: absolute;
    font-size: 0.85rem;
    pointer-events: none;
    left: 10px;
    top: 7px;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all .3s cubic-bezier(0.4,0,0.2,1);
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property: color,bottom,transform;
    transition-property: color,bottom,transform;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    max-width: -webkit-calc(100% - (2*10px));
    max-width: calc(100% - (2*10px));
    -webkit-transform: scale(1) translateY(0px) translateX(10px);
    transform: scale(1) translateY(0px) translateX(10px);
    padding: 0px 5px;
    font-weight: 600 !important;
    color: #233245 !important;
    z-index: 11;
}

.float-label-custom .input-usability-icon ~ label{
    padding-left: 35px;
}

.float-label-custom .form-control {
    border-radius: 0px;
    background-color: transparent;
    padding-left: 5px;
    box-shadow: none;
}

.float-label-custom .form-control[type=file] {
    padding-top: 9px;
    height: 41px;
}

.float-label-custom .select2-container--open ~ label, .float-label-custom .form-control:focus ~ label, .float-label-custom .form-control:hover ~ label, .float-label-custom select.form-control[value] ~ label, .float-label-custom .form-control[value]:not([value=""]) ~ label, .float-label-custom .form-control[type=file] ~ label {
    font-weight: 400;
    -webkit-transform: scale(0.88) translateY(-19px) translateX(10px);
    transform: scale(0.88) translateY(-19px) translateX(10px);
    background-color: #f9f8f6;
    color: #6e8ca6 !important;
}

.float-label-custom.float-label-white .select2-container--open ~ label, .float-label-custom.float-label-white .form-control:focus ~ label, .float-label-custom.float-label-white .form-control:hover ~ label, .float-label-custom.float-label-white select.form-control[value] ~ label, .float-label-custom.float-label-white .form-control[value]:not([value=""]) ~ label, .float-label-custom.float-label-white .form-control[type=file] ~ label {
    font-weight: 400;
    -webkit-transform: scale(0.88) translateY(-19px) translateX(10px);
    transform: scale(0.88) translateY(-19px) translateX(10px);
    background-color: #ffffff;
    color: #6e8ca6 !important;
}

.float-label-custom .input-usability-icon.form-control:focus ~ label, .float-label-custom .input-usability-icon.form-control:hover ~ label, .float-label-custom select.input-usability-icon.form-control[value] ~ label, .float-label-custom .input-usability-icon.form-control[value]:not([value=""]) ~ label, .float-label-custom .input-usability-icon.form-control[type=file] ~ label {
    padding-left: 5px;
}

.float-label-custom .form-control:focus.invalid, .float-label-custom .form-control.invalid {
    border-bottom-color: #dc3545;
}
.float-label-custom .form-control:focus.invalid ~ label, .float-label-custom .form-control.invalid ~ label, .float-label-custom .form-control:focus.parsley-error ~ label {
    color: #dc3545;
}