.uniform-row{
    line-height:1.3;
    font-size: 13px;
    border:1px solid $gray-light;
    border-bottom:none;
    min-height: 49px; // two text lines with padding
    position:relative;
    overflow:hidden;
    display:block;
    color: $gray;
    &:hover{
        background-color: lighten($blue-light, 15);
    }
    a:visited{
        color:#6738e4;
    }
    &:last-of-type{
        border-bottom:1px solid $gray-light;
    }
    .uniform-row-container{
        overflow:hidden;
        display: block;
        & > *{
            display:block;
            padding: 8px 12px;
            overflow:hidden;
            & > .pad {
                display:block;
                padding:8px 0;
            }
        }
    }
    .uniform-row-secondary{
        font-weight:normal;
        display:block;
        font-size:0.9em;
        color:lighten($gray, 30);
        display: block;
    }
    .uniform-row-avatar{
        vertical-align:top;
        text-align:center;
        position:relative;
        color:darken($background, 30);
        background-color:darken($background, 30);
        float:left;
        img{
            min-width:70px;
            background-color: $gray;
            display: block;
        }
    }
    @include media($xs){
        .uniform-row-container{
            & > div > a {
                padding-top:0;
                padding-bottom:8px;
            }
        }
        .uniform-row-avatar{
            width:33%;
            img {
                width: 100%;
                height: auto;
            }
        }
    }
}

.uniform-row-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);
            }
        }
    }
}