.csl-outer {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 1em;
}
.csl-title {
  color: #667998;
  padding: 8px 15px;
  cursor: pointer;
}
.csl-title:hover {
  background-color: #eee;
  color: #1f496e;
  text-decoration: none;
}
.csl-title-open {
  background-color: #f8f8f8;
}
.csl-content {
  display: none;
  padding: 8px 15px;
  border-top: 1px solid #e5e5e5;
}
.csl-content-open {
  display: block !important;
  /* height is animated via inline styles in JS */
}

.csl-outer.blue {
  border-top: 5px solid #74b4e8;
}
.csl-outer.blue:hover {
  border-top-color: #2384d3;
}
.csl-outer.blue.solid .csl-title {
  background-color: #74b4e8;
  color: white;
}
.csl-outer.blue.solid .csl-title:hover {
  background-color: #2384d3;
}
.csl-outer.blue.solid.color_content .csl-content {
  background-color: #edf7ff;
}

.csl-outer.green {
  border-top: 5px solid #62bc62;
}
.csl-outer.green:hover {
  border-top-color: #378137;
}
.csl-outer.green.solid .csl-title {
  background-color: #62bc62;
  color: white;
}
.csl-outer.green.solid .csl-title:hover {
  background-color: #378137;
}
.csl-outer.green.solid.color_content .csl-content {
  background-color: #cdeacd;
}

.csl-outer.orange {
  border-top: 5px solid #faa937;
}
.csl-outer.orange:hover {
  border-top-color: #c67605;
}
.csl-outer.orange.solid .csl-title {
  background-color: #faa937;
  color: white;
}
.csl-outer.orange.solid .csl-title:hover {
  background-color: #c67605;
}
.csl-outer.orange.solid.color_content .csl-content {
  background-color: #fdecd5;
}

.csl-outer.red {
  border-top: 5px solid #d3534c;
}
.csl-outer.red:hover {
  border-top-color: #942a25;
}
.csl-outer.red.solid .csl-title {
  background-color: #d3534c;
  color: white;
}
.csl-outer.red.solid .csl-title:hover {
  background-color: #942a25;
}
.csl-outer.red.solid.color_content .csl-content {
  background-color: #ffe9e8;
}

.csl-outer.grey {
  border-top: 5px solid #b3b3b3;
}
.csl-outer.grey:hover {
  border-top-color: grey;
}
.csl-outer.grey.solid .csl-title {
  background-color: #b3b3b3;
  color: white;
}
.csl-outer.grey.solid .csl-title:hover {
  background-color: grey;
}
.csl-outer.grey.solid.color_content .csl-content {
  background-color: #f7f7f7;
}
