div.addui-input-container {
    display: block;
    margin: 0;
    padding: 0px;
    position: relative;
    box-sizing: border-box;

    font-family: 'Roboto', sans-serif;
    margin-top: 18px;

}

div.addui-input-container * {
    box-sizing: border-box
}

div.addui-input-container input.addui-input-input, div.addui-input-container input.addui-input-input:focus {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 16px;
    outline: none;
    font-size: 18px;
    margin: 0;
    box-shadow: 0 0 0 transparent;
    padding-top: 28px;
    padding-bottom: 8px;
    border-radius: 3px;

    font-family: 'Roboto', sans-serif;
}

div.addui-input-container input.addui-input-input:focus, div.addui-input-container input.addui-input-input:focus:focus {
    border: 1px solid #f7fafc;
    background-color: #f7fafc;
    border-bottom: 2px solid #e32124

}

div.addui-input-container div.addui-input-placeholder {
    display: block;
    position: absolute;
    top: 21px;
    left: 16px;
    transition: top 0.5s, left 0.5s, font-size 0.5s;
    color: rgba(0, 0, 0, 0.38);
    font-size: 16px;
    pointer-events: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

div.addui-input-container.addui-input-hasValue .addui-input-placeholder, div.addui-input-container input.addui-input-input:focus + div.addui-input-placeholder {
    top: 10px;
    left: 16px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}