.team-member-container{
    background: white;
    border-radius: 100px 20px 20px 100px;
    margin-top: 15px;
    font-family: WorkSans-Regular;
}

.user-image-container{
    position: relative;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
//     &:before{
//       position: absolute;
//       content: "";
//       width: 20px;
//       height: 20px;
//       border-radius: 20px;
//       border: 1px solid white;
//       top: 0;
//       right: 0;
//       background-color: red;
//       z-index: 9;
//   }
//   &.present:before{
//       background-color: green !important;
//   }
}
.user-image{
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 80px;
    border: 1px solid #ccc;
    margin: 0px auto 6px;
    img {
        width: 100%;
        max-height: 100%;
    }
}

.employee-name{
    display: inline-block;
    width: 80%;
    .name{
        font-size: 16px;
        color: black;
        margin: 0;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .title{
        font-size: 13px;
        color: #888;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
}
.image-container{
    width: 20%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: 5px;
}
.swipe-information{
    color: #888;
    font-size: 12px;
    border-top: 1px solid #ccc;
    padding-top: 6px;
    margin-top: 6px;
    .check-in {
        font-size: 12px;
                margin-right: 15px;
    }
}