/**
 * @file
 * Panel styling. Panels are used to visually group items together.
 */

.panel {
  margin: 10px 0;
  padding: 0 5px 5px;
  border: 1px solid #ccc;
  background: #fbfbfb;
}
.panel__title {
  margin: 16px 7px;
}
.panel__content {
  padding: 0 4px 2px 8px; /* LTR */
}
[dir="rtl"] .panel__content {
  padding-right: 8px;
  padding-left: 4px;
}

.panel-heading
{
  padding:20px 15px;
  background-color: #4E81C1;
  color: #FFF;
}

.panel-heading h4.panel-title{
  padding:0px;
  font-family: sans-serif;
  font-size: 17.5px;
}

.panel-heading .accordion-toggle::before{
  display: inline;
  content: '▼';
  color: #c5c5c5;
  font-size: 10px;
}