.splitAssignmentCard-container {
    box-shadow: 0px 0px 2px rgba(70, 89, 191, 0.3), 0px 2px 4px rgba(0, 41, 199, 0.2);
    border-radius: 4px;
    background-color: #FFFFFF;
    width: 510px;
    display: block;
}
.splitAssignmentCard-container .splitAssignmentCard-container-wrapper {
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
    height: 78px;
}

.splitAssignmentCard-container:first-child {
    margin-top: 3px;
}

.splitAssignmentCard-container:last-child {
    margin-bottom: 3px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container {
    display: flex;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-avatar {
    align-self: center;
    height: 42px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-avatar .assignUnits {
    width: 20px;
    height: 20px;
    background-color: #f4f5fc;
    border: solid 2px #ffffff;
    border-radius: 100%;
    font-family: GlowSemibold;
    font-size: 11px;
    text-align: center;
    color: #4a4a4a;
    position: relative;
    top: -20px;
    left: 22px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo {
    padding-left: 8px;
    font-family: GlowRegular;
    align-self: center;
}
.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-genericIcon {
    position: relative;
    left: 4px;
    top: 3px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-notAssigned {
    color: #5774E7;
    cursor: pointer;
    padding-left: 4px;
    display: flex;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-notAssigned .existingAssignmentIcon {
    margin-left: 6px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-userNameAndInfo {
    display: flex;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-userNameAndInfo .existingAssignmentIcon {
    margin-left: 3px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-userNameAndInfo .assignmentInfo-userName {
    font-size: 14px;
    cursor: pointer;
    padding: 1px 4px;
    border-radius: 4px;
    display: inline-block;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-userNameAndInfo .assignmentInfo-userName:hover {
    background-color: #f5f5f5;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-group {
    display: flex;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-group .groupName {
    font-size: 13px;
    opacity: .5;
    padding-left: 4px;
}
.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-group .groupSpecificIcon img {
    vertical-align: top;
    margin-top: 1px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .assignmentInfo-container .assignmentInfo-userInfo .assignmentInfo-group:has(.groupSpecificIcon):has(img) .groupName {
    padding-left: 0;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper {
    display: flex;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .hoursAndPercentages-container {
    display: flex;
    align-items: center;
    padding-top: 2px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .rightIcons-container {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}
.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .rightIcons-container .lockerIcon {
    cursor: pointer;
    margin-left: 49px;
    padding-bottom: 1px;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .rightIcons-container .lockerIcon.disabled,
.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .rightIcons-container .removeIcon.disabled{
    cursor: default;
    pointer-events: none;
    opacity: .4;
}

.splitAssignmentCard-container .splitAssignmentCard-container-wrapper .rightSideContent-wrapper .rightIcons-container .removeIcon {
    cursor: pointer;
    margin-left: 20px;
}