.search-highlight {
  background-color: #fff0b0;
}

/* columns */
.contracts-list-columns {
  padding-bottom: 6px;
  border-bottom: 1px solid #efefef;
}

.contracts-list-column {
  display: inline-block;
  font-weight: bold;
  padding: 8px;
}

.contracts-list-column.sortable {
  cursor: pointer;
}

.contracts-list-column.sortable:after {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f0dc";
  display: inline;
  vertical-align: middle;
  padding-left: 3px;
  margin-left: 3px;
  opacity: 0.2;
}

.contracts-list-column.sortable.sort-asc:after {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f0de";
  display: inline;
  vertical-align: middle;
  padding-left: 3px;
  margin-left: 3px;
  opacity: 1;
}

.contracts-list-column.sortable.sort-desc:after {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f0dd";
  display: inline;
  vertical-align: middle;
  padding-left: 3px;
  margin-left: 3px;
  opacity: 1;
}

/* articles */
.contracts-list-row {
  border-bottom: 1px solid #f3f3f3;
}

.contracts-list-cell {
  display: inline-block;
  width: 5%;
  padding: 8px;
  font-size: 13px;
}

.contracts-list-editable {
  cursor: pointer;
  display: block;
}

.contracts-list-editable:hover {
  background-color: #efefef;
}

/* sections */
.contracts-list-sections {
  background-color: #ecf0f1;
  padding: 12px 14px;
}

.contract-section {
  font-size: 13px;
  border-radius: 6px;
  background-color: #fff;
  padding: 10px 12px;
  margin-bottom: 20px;
  list-style: none;
}

.contract-section p {
  margin-top: 0;
}

.contract-section .section-label {
  display: inline-block;
  width: 10%;
  font-weight: bold;
  font-size: 13px;
  text-align: right;
  padding: 4px 6px;
  margin-bottom: 1px;
  background-color: #eaeaea;
  border-radius: 3px;
  vertical-align: top;
}

.contract-section .section,
.contract-section .body {
  padding: 4px 6px;
  font-family: helvetica, sans-serif;
  font-size: 13px;
  display: inline-block;
  width: 90%;
  min-height: 30px;
  cursor: pointer;
}

.contract-section .section:hover,
.contract-section .body:hover {
  background-color: #efefef;
}