.uniformRow{
    line-height:1.3;
    font-size: 13px;
    border-bottom:1px solid $gray-light;
    min-height: 49px; // two text lines with padding
    position:relative;
    overflow:hidden;
    &:hover{
        background-color: lighten($blue-light, 15);
    }
    &.archived{
        color:lighten($gray, 30);
        a{
            color:lighten($gray, 30);
        }
    }
    a:visited{
        color:#6738e4;
    }
    .btn.outline{
        background:white !important;
    }
    time{
        display:none;
    }
    .highlight{
        position:absolute;
        right:0;
        top: 0;
        bottom:0;
        width:10px;
        background:$green;
    }
    .details{
        overflow:hidden;
        & > div{
            padding:0;
            overflow:hidden;
            & > .pad {
                display:block;
                padding:8px 0;
            }
            & > a:not(.btn){
                display:block;
                padding:8px 12px;
                text-decoration:none;
            }
        }
    }
    .secondary{
        font-weight:normal;
        display:block;
        font-size:0.9em;
        color:lighten($gray, 30);
    }
    .actions{
        padding-right:10px;
        a:visited{
            color:inherit;
        }
    }
    .title{
        font-weight:bold;
    }
    .avatar{
        vertical-align:top;
        text-align:center;
        position:relative;
        color:darken($background, 30);
        background-color:darken($background, 30);
        a{
            padding:0;
        }
        img{
            min-width:70px;
            background-color: $gray;
            display: inline-block;
        }
        .label{
            min-width:70px;
            min-height:63px;
            display:block;
            padding-top: 26px;
            color:white !important;
            font-size:10px;
        }
    }
    @include media($xs){
        .details{
            & > div > a {
                padding-top:0;
                padding-bottom:8px;
            }
            .title a{
                padding-top:8px;
            }
            .address .unit {
                display:block;
            }
        }
        .avatar{
            width:33%;
            img {
                width: 100%;
                height: auto;
            }
        }
    }
}

.uniformRow-header{
    position:relative;
    overflow:visible !important;
    line-height:1em;
    font-size:0.85em;
    padding:3px !important;
    font-weight:normal;
    border-bottom:2px solid $gray-light;
    .sort-label{
        text-align:right;
        padding:7px 10px;
        padding-bottom:3px;
        text-transform:uppercase;
        color:lighten($gray, 30);
        vertical-align:bottom;
        white-space:nowrap;
    }
    .col-label {
        font-weight:bold;
        text-transform:uppercase;
        color:$gray;
    }
    .fortycon {
        margin-top:-2px;
        margin-right:2px;
        color:darken($background, 20);
        font-size:1.2em;
    }
    .details {
        overflow:hidden;
        & > div{
            padding:0;
            & > * {
                text-decoration:none;
                display:block;
                padding:7px 6px;
                white-space:nowrap;
                border-radius:3px;
            }
            & > a:hover {
                background:lighten($blue-light, 10);
            }
        }
        & > .active {
            background:none !important;
            .fortycon{
                color:black;
            }
            & > * {
                color:black;
                background:darken(white, 10);
            }
        }
    }
}