af83/chouette-core

//----------//
//  Panels  //
//----------//

.panel {
  &.panel-default {
    border-color: rgba($grey, 0.5);
    border-radius: 0;
    box-shadow: none;

    .panel-heading {
      font-size: $h2-size;
      font-weight: 700;
      color: $darkgrey;
      background-color: transparent;
      border-radius: 0;
      border-bottom: 2px solid $darkgrey;
      padding: 5px 15px;

      .badge {
        color: #fff;
        background-color: $grey;
      }
      > h3,
      > h4 {
        margin: 0;
      }
      > .panel-title.with_actions {
        display: table;
        width: 100%;

        .badge {
          vertical-align: top;
        }
        > div {
          display: table-cell;
          vertical-align: middle;
        }
      }
    }
    // Panel sections
    .list-group {      // items
      .list-group-item {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .panel-footer {
      padding: 5px 15px;
      background-color: transparent;
      border-radius: 0;
      border: none;
    }
  }
  p {
    hyphens: auto;
    word-wrap: break-word;
  }
}