/* ####################################
   Users List

   - Critical Rendering Path: Recommended
   ################################## */

.usersList {
}

    .usersList .content-filter {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        margin: 0 !important;
        padding: var(--site-padding-thinner) var(--site-padding) !important;
        background: #eae8e7;
    }

        .usersList .content-filter label {
        }

        .usersList .content-filter input {
        }

    .usersList .usersListTable {
    }

        .usersList .usersListTable tr[onclick] {
            cursor: pointer;
        }

            .usersList .usersListTable tr[onclick]:hover td {
                background: var(--site-color-1-lighter);
            }

            .usersList .usersListTable td {
            }

            .usersList .usersListTable td:empty::before {
                content: "-";
            }

            .usersList td.editablegrid-photo {
                width: 65px;
            }

                .usersList .usersListTable td .avatar.default {
                    display: block;
                    width: 65px;
                    height: 65px;
                    background-color: #484038;
                    background-image: url("/images/users/avatars_library/user-generic-w.png");
                    background-size: 60% 60%;
                    background-position: center center;
                    background-repeat: no-repeat;
                    border-radius: 100%;
                }

                .usersList .usersListTable td .photo {
                    position: relative;
                    display: block;
                    width: 65px;
                    height: 65px;
                    border-radius: 100%;
                    overflow: hidden;
                }

                    .usersList .usersListTable td .photo img {
                        position: absolute;
                        top: -50%;
                        right: -50%;
                        left: -50%;
                        bottom: -50%;
                        min-width: 100%;
                        min-height: 100%;
                        margin: auto;
                    }