.user-list-table {
border: 1px solid lightgrey;
border-collapse: collapse;
border-spacing: 0;
}
.user-name-edit-row {
border: 1px solid lightgrey;
background-color: #ebeffa;
padding: 5px;
}
.user-list-item {
padding: 2px;
}
.user-icon {
border: 1px solid black;
width: 26px;
height: 26px;
}
.user-email-label {
-webkit-margin-start: 10px;
}
.user-name-label {
color: darkgray;
-webkit-margin-start: 10px;
}
.user-email-name-block {
-webkit-box-flex: 1;
max-width: 318px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.remove-user-button {
background-image: url(chrome://theme/IDR_CLOSE_BAR);
width: 16px;
height: 16px;
}
.remove-user-button:hover {
background-image: url(chrome://theme/IDR_CLOSE_BAR_H);
}
#userList {
padding: 5px;
width: 366px;
height: 166px;
}
#userList[disabled],
#userList[disabled] > [selected],
#userList[disabled] > :hover {
border-color: hsl(0, 0%, 85%);
}
#userList[disabled] > [selected],
#userList[disabled] > :hover {
background-color: hsl(0,0%,90%);
}
#userList[disabled] .remove-user-button {
visibility: hidden;
}
#userNameEdit {
border: 1px solid lightgrey;
width: 366px;
}
#ownerOnlyWarning {
margin-bottom: 10px;
padding-bottom: 1px;
-webkit-padding-start: 20px;
background-repeat: no-repeat;
background-image: url('warning.png');
}
input#userNameEdit:invalid {
background-color: #ff6666;
}