.command-panel {
  background-color: #e5e5e5;
  border-top: 1px solid #979797;
  color: #ededed;
  padding: 10px;
}

.command-panel .header {
  padding: 5px;
  background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.command-panel .preview-list {
  background-color: #e3e3e3;
  color: #222;
  border: 1px solid #999;
}

.command-panel .preview-count {
  color: #333;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.command-panel .expand-collapse {
  color: #333;
}

.command-panel .expand-collapse li {
  color: #555;
  background: -webkit-linear-gradient(#cbcbcb, #b3b3b3);
  box-shadow:
    inset -1px -1px 0 rgba(255, 255, 255, 0.5),
    inset 1px 1px rgba(0, 0, 0, 0.1);
}

.command-panel .expand-collapse li:hover {
  color: #111;
}

.command-panel .preview-list .path.selected .path-details,
.command-panel .preview-list li.operation.selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.command-panel .preview-list:focus .path.selected .path-details,
.command-panel .preview-list:focus li.operation.selected {
  background-color: rgba(255, 255, 134, 0.34);
}

.command-panel .preview-list .path {
  color: #333;
  border-top: 1px solid #ccc;
}

.command-panel .preview-list .path:hover .path-name {
  color: #333;
}

.command-panel .preview-list .path:before {
  color: #555;
}

.command-panel .preview-list .path:hover:before {
  color: #333;
}

.command-panel .preview-list .path:first-child {
  border-top: none;
}

.command-panel .preview-list .line-number {
  color: #777;
  font-family: monospace;
}

.command-panel .preview-list .path-match-number {
  color: #777;
}

.command-panel .preview-list .preview {
  word-break: break-all;
}

.command-panel .preview-list .preview .match {
  background-color: #0086ca;
  color: #fff;
}

.command-panel .preview-list li.operation {
  color: #777;
}

.command-panel .preview-list li.operation:hover,
.command-panel li.operation.selected .preview {
  color: #333;
}

.error-messages {
  color: #333;
}

.error .error-messages {
  color: white;
}
