
/*===============================================================*/
/* TEXTINPUTS STYLES */
/*===============================================================*/

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    height: 40px;
    text-transform: none;
    color: $white;
    appearance: none;
    border-radius: 0;
    background-color: transparent;
    /* IE8 hack - make input field click-able */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    border: none;
    box-shadow: none;
    padding: 0 0 0 0;
    border-bottom: 1px solid $white;
    &:focus {
        box-shadow: none;
        border-color: $white;
    }
    &:disabled {
        background-color: transparent;
        border-color: $midGray;
    }

    &.form-control {
        padding-right: 40px;
    }

}
textarea {
    height: auto;
}

input#token,
input#mfa_token {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

&#login {
    label,
    button {
        text-transform: uppercase;
    }
}
