.device-search {
    display: flex;
}

.device-sidebar form {
    display: block;
    width: 100%;
}

.device-sidebar {
    width: 300px;
    float: left;
}

.device-list {
    width: calc(100% - 300px);
    float: right;
}

.device-list .item {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.device-list .item:nth-child(3n+1),
.device-list .item:last-child {
    clear: left;
}

.device-list .item-wrapper {
    padding: 20px;
    box-sizing: border-box;
}

.device-search a {
    display: inline-block;
}

.device-sidebar fieldset ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 160px;
    overflow-y: auto;
}

.device-sidebar fieldset label {
    font-weight: normal;
    cursor: pointer;
}

.device-sidebar fieldset legend {
    font-weight: bold;
    cursor: pointer;
}

.device-sidebar .collapsed ul { display: none; }

.device-sidebar legend::before {
    font-family: FontAwesome;
    padding-right: 5px;
}

.device-sidebar legend::before {
    content: "\f106";
}

.device-sidebar .collapsed legend::before {
    content: "\f107";
}

.device-list-pager-container {
    padding: 20px;
    box-sizing: border-box;
    clear: both;
}