/* Generic selectable list */
ul.selectable {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.selectable li {
    border: 1px solid transparent;
    cursor: pointer;
}

ul.selectable li.selected {
    border: 1px solid #79b8f5!important;
    background-color: #d9e8f3!important;
    border-radius: 4px!important;
}

/* State */
.ui-state {
    text-transform: uppercase;
    color: #000;
}
.ui-state.failed {
    text-transform: none;
    color: #c73939;
}
.ui-state.saving {
    color: #999;
}
.ui-state.saved {
    color: green;
}
.ui-state.change {
    color: orange;
}

/* Toggles */
.nav-toggles {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 7px;
    border-bottom: 1px solid #eee;
}

.nav-toggles li {
    display: inline-block;
    padding: 0px 10px 6px;
    margin: 0;
    background: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    cursor: pointer;
}

.nav-toggles li:not(.active) {
    border-bottom-color: #fff!important;
}

.nav-toggles li a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
}

.nav-toggles li a:hover {
    color: #555;
}

.nav-toggles li.active a {
    color: #555;
}