.attend-user-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.device-desktop .attend-user-container {
}

.attend-user-footer-container {
    overflow: hidden;
}


.attend-user-search-container {
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.attend-user-loading,
.attend-user-empty,
.attend-user-info {
    text-align: center;
    padding: 80px 40px;
    color: #888;
}

.device-desktop .attend-user-loading,
.device-desktop .attend-user-empty,
.device-desktop .attend-user-info {
    text-align: center;
    padding: 130px 120px;
    font-size: 18px;
}

.device-desktop .attend-user-loading,
.device-desktop .attend-user-empty {
    padding: 190px 120px;
}

.attend-user-row {
    border-bottom: 1px solid #eee;
    padding: 7px 15px;
    cursor: pointer;
}

    .attend-user-row.attend-user-active {
        background-color: #ecf6f0;
    }

    .attend-user-row:not(.attend-user-active):hover {
        background-color: #f9f9f9;
    }

.attend-user-container .user-name {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
}

.attend-user-container .user-info,
.attend-user-container .user-email {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.attend-user-container .user-attend-status,
.attend-user-container .user-attend-no-spots {
    font-size: 12px;
}




@@media screen and (max-width: 399px) {
    .attend-user-footer-container .btn {
        width: 100%;
    }
}