/* ===================================================
 * style.media.clickable.css
 * ===================================================
 * Adds an additional to the bootstrap media element.
 * The elements in a media list are clickable and can
 * be selected. They are highlighted in the primary
 * bootstrap color.
 * =================================================== */

/* Creates a clickable media object */
.media.clickable {
    border-bottom: 1px solid #eee;
    padding: 15px;
    margin: 0px;
    color: #949494;
    cursor: pointer;
}
.media.clickable img {
    background-color: #fff;
}
.media.clickable:hover {
    background-color: #F5F5F5;
    color: #CC00CC;
}
.media.clickable.active {
    background-color: #CC00CC;
    color: #fff;
}

/* Creates a clickable table row */
tr.clickable {
    cursor: pointer;
}

/* Creates a clickable list */
.listitem.clickable {
    padding: 8px 5px 2px 15px;
    margin: 0px;
    color: #949494;
    cursor: pointer;
}
.listitem.clickable:hover {
    background-color: #F5F5F5;
    color: #0088D1;
}