@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,700,700italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,cyrillic,latin-ext);

#usf-list {
    font-family: Roboto, Arial, sans-serif;
}

.search {
    border:solid 1px #ccc;
    border-radius: 5px;
    padding:7px 14px;
    margin-bottom:10px
}
.search:focus {
    outline:none;
    border-color:#aaa;
}

/*
    Sorting buttons
*/
.btn-sort-by-name,
.btn-sort-by-searched-term,
.btn-sort-by-page,
.btn-sort-by-ip,
.btn-sort-by-date {
    display: inline-block;
    padding: 6px;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    background: #0080FF;
    text-align: center;
    max-width: 150px;
    margin: 15px;
    opacity: 0.7;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    text-shadow: 0 1px 3px #385E0F;
}

.btn-sort-by-name:hover,
.btn-sort-by-searched-term:hover,
.btn-sort-by-page:hover,
.btn-sort-by-ip:hover,
.btn-sort-by-date:hover {
    opacity: 1;
    cursor: pointer;
    cursor: hand;
}

/*
    Table display
*/
.list {}

.sort-by-name,
.sort-by-searched-term,
.sort-by-page,
.sort-by-ip,
.sort-by-date {
    /*width: 100px;*/
    text-wrap: normal;
    word-wrap: break-word;
    /* border-width border-style border-color */
    /*border-top: 1px solid #ddd;*/
    padding: 5px;

}


/*
    USF TABLE
*/
.usf-table {
    vertical-align: middle;
    text-align: center;
    /*min-width: 60%;*/
}

.usf-table-title {
    font-weight: bold;
}

.usf-table-body {
    background-color: #f9f9f9;
}
.usf-table-body:hover {
    background-color: #f7f7f7;
}

.pagination li {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
}