vn-textfield {
    .mdl-chip__action {
        position: absolute;
        width: auto; 
        top: 0px; 
        right: -6px; 
        margin: 21px 0px; 
        background: white;
        opacity: 1;
        z-index: 1;
        color: #aaa;
    }
    .mdl-textfield {
        width: 100%;
    }
    .mdl-textfield__error {
        visibility: visible;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .mdl-textfield.invalid {
        .mdl-textfield__input {
            border-color: #d50000;
            box-shadow: none;
        }
        .mdl-textfield__label::after {
            background-color: #d50000;
        }
    }
    .mdl-textfield--floating-label.invalid .mdl-textfield__label {
        color: #d50000;
        font-size: 12px;
        top: 4px;
    }
    .material-icons {
        font-size: 18px;  
        float: right;
        margin-right: 5px;
    }
    .material-icons:hover {
        color: rgba(0,0,0, .87);
    }
}