.notRegistered {
    background: url(images/notRegistered.png) no-repeat 0 50%;
    background-size: auto 10px;
    padding-left: 12px;
}

.outsource {
    display: inline-block;
    color: #000;
    border: 1px solid #a3e5ff;
    background: #effcff;
    border-radius: 5px;
    padding: 0 3px;
}

.statusIndicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #dedede;
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.3) inset;
}

.statusIndicator.green {
    background-color: #5ae55a;
}

.activeStatus {
    display: inline-block;
    width:15px;
    height:15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.activeStatus.online {
    background-image: url(images/online.png);
}

.activeStatus.offline {
    background-image: url(images/offline.png);
}

div.singleCell {
    font-size: 0.8em;
    border-radius: 5px;
    color: #000;
    margin: 2px;
    display: inline-flex;
}

div.singleCell > span {
    display: inline-flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    height: 12px;
}

div.singleCell > span:first-child {
    background: #ececec;
    border: 1px solid #999;
    border-radius: 5px 0 0 5px;
    padding-right: 15px;
}

div.singleCell > span:last-child {
    margin-left: -10px;
    border: 1px solid #999;
    border-radius: 100%;
    background: white;
    width:12px;
}

a.employeeThumbnail {
    margin: 5px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    border-radius: 25px;
    border: 2px solid #c2c2c2;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0 0 5px 0 #a2d8cb;
    -moz-box-shadow: 0 0 5px 0 #a2d8cb;
    box-shadow: 0 0 5px 0 #a2d8cb;
    overflow: hidden;
}

@media print {
    .print-only {
        display: block;  /* Display the div in print */
    }

    .screen-only {
        display: none;  /* Hide the div in print */
    }
}

@media screen {
    .print-only {
        display: none;  /* Hide the div on screen */
    }

    .screen-only {
        display: block;  /* Display the div on screen */
    }
}