/* Zebra striping */
.user-input-table tr:nth-of-type(odd) {
    background: transparent;
}
.user-input-table th {
    background: transparent;
}
.user-input-table td, th {
    border-bottom: none;
}
.user-input-table .actions,
.user-table .actions{
    width: 80px;
}

.user-input-table .roles,
.user-table .roles{
    width: 120px;
}

.user-input-table .email,
.user-table .email{
    width: 30%;
}

.user-input-table md-chips md-input-container input{
    position: absolute;
    top: -7px;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .user-table td {
        border-bottom: none;
    }
    .user-input-table .actions,
    .user-table .actions{
        width: 100%;
    }

    .user-input-table .roles,
    .user-table .roles{
        width: 100%;
    }

    .user-input-table .email,
    .user-table .email{
        width: 100%;
    }
}