.floating-label-group {
    position: relative;
    margin-top: 24px;
    margin-bottom: 24px;
}

.floating-label {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #6E6E6E;
    font-size: 1rem;
    pointer-events: none;
    background: #fff;
    font-family: 'Noto Sans', Arial, sans-serif;
    padding: 0 4px;
    transition: 0.2s ease all;
    z-index: 3;
}

.floating-input {
    width: 100%;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 1rem;
    padding: 16px 12px 8px 16px;
    border: 2px solid #6E6E6E;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #fff;
}

    .floating-input:focus {
        border-color: #0061A0;
        border-width: 3px;
        box-shadow: none;
        outline: none;
    }

        /* When input is focused or has text, float the label */
        .floating-input:focus + .floating-label,
        .floating-input:not(:placeholder-shown) + .floating-label {
            top: -12px;
            left: 10px;
            font-size: 0.75rem;
            color: #6E6E6E;
            /*font-weight: 600;*/
            background: #fff;
            padding: 0 4px;
        }

    .floating-input:disabled {
        background: #e9ecef;
        border-color: #6E6E6E;
        border-width: 2px;
    }


.floating-select {
    width: 100%;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 1rem;
    padding: 10px 12px 8px 16px;
    border: 2px solid #6E6E6E;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #fff;
}

.floating-select-label {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #6E6E6E;
    font-size: 1rem;
    font-family: 'Noto Sans', Arial, sans-serif;
    padding: 0 4px;
    transition: 0.2s ease all;
    pointer-events: none;
    background: transparent;
    z-index: 3;
}

.floating-select:focus {
    border-color: #0061A0;
    border-width: 3px;
    box-shadow: none;
    outline: none;
}

    .floating-select:focus + .floating-select-label,
    .floating-select.selected + .floating-select-label{
        top: -12px;
        left: 10px;
        font-size: 0.75rem;
        color: #6E6E6E;
        /*font-weight: 600;*/
        background: #fff;
        padding: 0 4px;
    }