.searchComponent {
  z-index: 999;
  width: 500px;
  position: fixed;
  top: 45px;
  right: 0px; }

.searchComponent .section {
  position: relative;
  margin-top: 14px;
  margin-bottom: 0px; }

.searchComponent .filterSection, .searchComponent .resultsSection {
  display: none;
  background: rgba(255, 255, 255, 0.82); }

.searchComponent .searchItemsTable {
  background: rgba(255, 255, 255, 0.82); }

.searchComponent .resultsSection {
  width: 415px; }

.searchComponent .search-table-item {
  cursor: pointer;
  padding: 4px;
  margin: 1px;
  width: 456px; }

.nearestDevicesTable tr.current, .nearestDevicesTable tr:hover {
  background: #507AAA;
  color: white; }

.nearestDevicesTable tr:hover {
  background: #5a9ed4; }

.openAddFilterForm, .clearAllFilters {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.searchComponent .filter-body {
  display: inline-block;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-right: 5px; }

.searchComponent .distance-row {
  margin: 1px;
  padding: 5px;
  cursor: pointer; }

.searchComponent .distance-row:hover {
  font-weight: bold;
  background: #eee; }

.searchComponent .distance-row.current {
  font-weight: bold;
  background: #507AAA;
  color: white; }

.searchComponent #mapSearchNearestDeviceCount {
  width: 45px; }

.filterSection.section {
  margin-top: 0; }