@import "colors/index";

$toolbar-height: 50px;
$toolbar-bg: $color-bg-med;
$toolbar-color: $color-white;

.swui-toolbar {
  display: block;
  height: $toolbar-height;
  line-height: $toolbar-height;
  color: $toolbar-color;
  background: $toolbar-bg;
  width: 100%;
  font-size: 0.8rem;

  a {
    color: $toolbar-color;
  }

  // grid is overriding this
  padding: 0 20px !important;

  .swui-toolbar-title {
    margin:0;
    font-weight: 500;

    small {
     color: $color-text-med;
     font-size: 0.9rem;
     line-height: 50px;
     vertical-align: top;
    }
  }

  .swui-toolbar-menu {
    button {
      color: $color-text-med-dark;
    }
  }

  .swui-toolbar-content-col {
    text-align: right;
  }

  &.page-toolbar {
    box-shadow: $shadow-2;
  }
}