﻿.floating-label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    transition: 0.2s ease all;
    font-size: 15px;
    color: #958F9B; /*#999*/
    top: 9px;
    font-family: 'Avenir Light';
}


select:focus ~ .floating-label,
select:not(:focus):valid ~ .floating-label,
textarea:focus ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label,
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label,
.floating-label-disabled {
    top: 2px;
    bottom: 14px;
    left: 4px;
    font-size: 11px;
    opacity: 1;
    color: #999;
}

.inputText {
    font-size: 13px;
    width: 100%;
    height: 40px;
    padding-top: 15px;
    padding-bottom: 3px;
    padding-left: 8px;
    border-radius: 0;
}

input:focus ~ .role,
input:not(:focus):valid ~ .role {
    left: 5px !important;
}

textarea {
    resize: none;
}