body {
}
.inputlogon {
    position: relative;
    margin-bottom: 20px;
    width:100%;
    color:red
}
.inputlogon.x70{
    width:69%
}
    .inputlogon.x60 {
        width: 59%
    }
    .inputlogon.x30 {
        width: 28%
    }
    .inputlogon.x20 {
        width: 20%
    }
    .inputlogon.x15 {
        width: 15%
    }
    .inputlogon.x10 {
        width: 9%
    }
    .inputlogon.x50 {
        width: 45%
    }
.field-label {
    /*position: absolute;
    top: -18px;
    left: 0;*/
    font-size: 14px;
    transition: opacity 0.2s;
    font-size: 0.9rem;
    margin-bottom: 6px;
    display: none;
}


    .field-label.visible {
        opacity: 1;
    }

.input-text {
    width: Calc(100% - 24px);
    font-size: 16px;
    padding: 10px 12px;
    border: none;
    font-size: 0.95rem;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
}

input:focus {
    outline: none;
    box-shadow: none;
}
.note {
    font-size: 0.8rem;
    margin-bottom: 14px;
    color: #777;
}