.team-member-container { background: white; /* margin-top: 2px; */ font-family: WorkSans-Regular; border: 1px solid #ccc; border-radius: 15px; padding-bottom: 5px; margin-bottom: 15px; box-shadow: 0px 1px 5px #cdcdcd; } .user-image { img { width: 60px; height: 60px; border-radius: 30px; margin: 5px; } } .employee-name { display: inline-block; width: 80%; .name { font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: -10px; margin-top: -5px; text-align: left; font-weight: bold; line-height: 25px; letter-spacing: -0.64px; color: #2B353E; opacity: 1; font-family: 'Inter' !important; } .title { font-family: "Inter" !important; letter-spacing: -0.56px; color: #575757; opacity: 1; font-size: 14px; width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block; margin-left: -10px; margin-top: -15px; overflow: hidden; } } .employee-name-ar { display: inline-block; width: 80%; .name { font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: -10px; margin-top: -5px; text-align: right; font-family: 'Inter' !important; line-height: 25px; letter-spacing: -0.64px; color: #2B353E; opacity: 1; font-weight: bold; } .title { font-family: "Inter" !important; line-height: 12px; letter-spacing: -0.56px; color: #575757; opacity: 1; font-size: 14px; width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block; margin-left: -10px; margin-top: -10px; overflow: hidden; } } .image-container { width: 20%; display: inline-block; text-align: center; vertical-align: top; margin-top: 5px; position: relative; top: 12px; } .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; } } .numberEmp { color: white; font-size: 11px; font-weight: bolder; margin-left: 13px; width: 22px; height: 22px; border-radius: 100%; background-color: #29B5BF; z-index: 9; text-align: center; padding: 4px 2px 2px; position: absolute; right: 10px; top: -8px; } .numberEmp-ar { color: white; font-size: 11px; font-weight: bolder; margin-left: 13px; width: 22px; height: 22px; border-radius: 100%; background-color: #29B5BF; z-index: 9; text-align: center; padding: 4px 2px 2px; position: absolute; left: 10px; top: -8px; }