.action-bar {
  background: #FFFFFF;
  padding: 15px 15px 15px 15px;
  margin: 0;
  border-bottom: 0; }

.breadcrumbs-bar ~ .action-bar, .action-bar ~ .action-bar {
  background: #FFFFFF;
  padding: 5px 15px 5px 15px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #E6E6E6; }

.action-bar {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-shadow: 1px 2px 0px -1px white;
  box-shadow: 1px 2px 0px -1px white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 992px) {
    .action-bar {
      overflow-x: unset;
      overflow-y: unset; } }
  .action-bar input {
    width: auto; }
  .action-bar.action-bar-well {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0; }
  .action-bar > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .action-bar > div.left ~ .right {
      margin-right: 5px; }
    .action-bar > div.left ~ .left {
      margin-left: 10px; }
    .action-bar > div.left > .btn {
      margin-right: 5px; }
    .action-bar > div.left > .btn-group {
      margin-right: 0; }
      .action-bar > div.left > .btn-group ~ .btn-group {
        margin-right: 5px; }
    .action-bar > div.left > input {
      margin-right: 5px; }
      .action-bar > div.left > input ~ input {
        margin-right: 5px; }
    .action-bar > div.left.divider {
      margin: 0 5px 0 0; }
    .action-bar > div.right {
      margin-left: auto; }
      .action-bar > div.right ~ .right {
        margin-left: 5px; }
      .action-bar > div.right > .btn {
        margin-left: 0; }
        .action-bar > div.right > .btn ~ .btn {
          margin-left: 5px; }
      .action-bar > div.right > .btn-group {
        margin-left: 0; }
        .action-bar > div.right > .btn-group ~ .btn-group {
          margin-left: 5px; }
      .action-bar > div.right > input {
        margin-left: 5px; }
        .action-bar > div.right > input ~ input {
          margin-left: 5px; }
      .action-bar > div.right.divider {
        margin: 0 0 0 0; }
    .action-bar > div.center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center; }
  .action-bar .divider {
    background: #E5E5E5;
    display: inline-block;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    width: 1px; }
  .action-bar .title {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px; }
    .action-bar .title.title-big {
      font-size: 25px; }
    .action-bar .title.title-blue {
      background: #40abef;
      border-radius: 2px;
      padding: 5px;
      line-height: 14px;
      color: #FFF;
      font-size: 20px; }
    .action-bar .title.title-red {
      font-size: 16px;
      background: #D30C1E;
      padding: 10px;
      line-height: 6px;
      border-radius: 2px;
      color: #FFF; }
      .action-bar .title.title-red.muted {
        color: #ff8b8a; }
    .action-bar .title.title-green {
      font-size: 16px;
      background: #39A54D;
      padding: 10px;
      line-height: 6px;
      border-radius: 2px;
      color: #FFF; }
      .action-bar .title.title-green.muted {
        color: #8effc4; }
    .action-bar .title.title-orange {
      font-size: 16px;
      background: #F8C300;
      padding: 10px;
      line-height: 6px;
      border-radius: 2px;
      color: #FFF; }
      .action-bar .title.title-orange.muted {
        color: #f8f6b0; }
  .action-bar .txt, .action-bar .name {
    display: inline-block;
    height: 26px;
    line-height: 26px; }