.tab-pane {
  padding: 20px; }

.tab-content {
  border: 1px solid #ddd;
  border-top: none; }

.vertical-container {
  display: table;
  height: 100%;
  width: 100%; }

.vertical-content {
  display: table-cell;
  vertical-align: middle; }

.flow-arrow {
  margin-top: -15px;
  font-size: 15pt; }

.glyphicon-star {
  color: #e67e22; }
  .glyphicon-star.half {
    position: relative; }
    .glyphicon-star.half:before {
      position: relative;
      z-index: 9;
      width: 47%;
      display: block;
      overflow: hidden; }
    .glyphicon-star.half:after {
      content: '\e006';
      position: absolute;
      z-index: 8;
      color: #bdc3c7;
      top: 0;
      left: 0; }

.chat-container {
  margin-top: 20px; }
  .chat-container .chat {
    list-style: none;
    margin: 0;
    padding: 0; }
    .chat-container .chat .header {
      margin-bottom: 4px; }
    .chat-container .chat li {
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 1px dotted #B3A9A9; }
    .chat-container .chat li.left .chat-body {
      margin-left: 60px; }
    .chat-container .chat li.right .chat-body {
      margin-right: 60px; }
    .chat-container .chat li .chat-body p {
      margin: 0;
      color: #777777; }
  .chat-container .slidedown .glyphicon, .chat-container .chat .glyphicon {
    margin-right: 5px; }
  .chat-container .panel-body {
    overflow-y: scroll;
    height: 500px; }
  .chat-container ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5; }
  .chat-container ::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5; }
  .chat-container ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555; }

.audience-filters {
  margin-top: 20px;
  text-align: center; }
  .audience-filters ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .audience-filters .audience-filter {
    width: 70px;
    display: inline-block;
    background: #EEE;
    text-align: center;
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #777;
    cursor: pointer; }
    .audience-filters .audience-filter.filtered {
      background-color: #418642;
      border-color: #3c763d;
      color: white; }
    .audience-filters .audience-filter.active {
      padding-bottom: 12px;
      background-color: #337ab7;
      border-color: #26a;
      border-bottom: solid 1px #337ab7;
      color: white;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomleft: 0;
      -moz-border-radius-bottomright: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .audience-filters .filter-fields > div {
    display: none; }
    .audience-filters .filter-fields > div.active {
      margin-top: -1px;
      display: block;
      padding: 5px 0;
      background-color: #337ab7;
      border: solid 1px #26a;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .audience-filters .filter-fields > div.active select, .audience-filters .filter-fields > div.active input {
        margin-left: auto;
        margin-right: auto;
        width: auto; }