.row-sameheight {
    margin-bottom: 32px; margin-left: 0px; margin-right: 0px;
}

.locker-info{
    margin: 16px 0px 20px 0px;
}

.locker-connection-background{
    min-width: 60px;
    height: 68px;
    line-height: 60px;
    border-radius: 5px;
    display: inline-block;
    color: var(--color-white);
    padding: 8px;
}

.locker-connection-background span {
    font-size: 1.6em;
}


.locker-connection-background.connected{
    background-color: var(--color-primary);
}

.locker-connection-background.disconnected{
    background-color: var(--color-primary);
}

.locker-connection-background .lock-icon{
    font-size: 50px;
}


/***************** LOCK ACTIVITY MODAL *****************/
#lockActivityModal .lock-activity{
    padding: 10px 0px;
    border-bottom: 2px solid var(--color-dark);
    color: var(--color-foreground-text);
    font-size: 14px;
}

#lockActivityModal .lock-activity:first-child{
    border-top: 2px solid var(--color-dark);
}

#lockActivityModal .lock-activity:last-child{
    border-bottom: none;
}

#lockActivityModal .lock-activity svg{
    width: 13px;
    margin-right: 10px;
}

#lockActivityModal .lock-activity .timestamp{
    display: inline-block;
    width: 100%;
    text-align: left;
    color: var(--color-foreground-text);
    margin-left: 27px;
    font-size: 12px;
}