.control-label {
    position: absolute;
    left: 8px;
    padding-left: 3px;
    padding-right: 3px;
    top: 0.4em;
    transition: transform 200ms 50ms ease, font-size 200ms 50ms ease;
    pointer-events: none;
    background-color: #ffffff;
    border-radius: 3px;
    z-index: 100;
}

label:not(.form-check-label):not(.custom-file-label){
    font-weight: 500;
}

.toggle + label.control-label {
    position: relative;
    transition: none;
    left: 0;
    top: 0;
}

.toggle + label.control-label.freeze {
    position: relative;
    font-size: inherit;
    transform: none;
    left: 0;
    top: 0;
}

input:focus + label.control-label, textarea:focus + label.control-label, label.control-label.freeze {
    font-size: 0.8em;
    transform: translateY(-1.2em);
    transition: transform 200ms ease, font-size 200ms ease;
    font-weight: bold;
}

input:focus + label.control-label, textarea:focus + label.control-label {
    color: #007bff;
}

.form-group {
    position: relative;
}