.bar {
  font-size: 1.05em;
  padding: 10px 0px 0px;
  margin: 0px 15px;

  .leftgroup,
  .centergroup,
  .rightgroup {
    background-color: $bar-bg-color;
    border-radius: $bar-module-border-radius;
    &>box:not(.workspaces),
    &>button,
    &>label {
      background-color: $bar-bg-color;
      border-radius: $bar-module-border-radius;
      margin: 0px 5px;
      min-width: $bar-module-width;
      border: 2px solid $bar-module-fg-color;
      background-color: $bar-module-bg-color;
//      padding: 0px 10px;
    }
  }

/*  .workspaces button{
    background-color: green;
  }*/

  .workspaces {
    border-radius: $bar-module-border-radius;
    margin: 0px 5px;
    min-width: $bar-module-width;
    border: 2px solid $bar-module-fg-color;
    background-color: $bar-module-bg-color;

    button {
//      overflow: hidden;
//      border-left: 2px solid blue;
//      background-color: blue;
      &.left {
        border-right: 2px solid $bar-module-fg-color;
      }
      &.center {
//        background-color: red;
        text-shadow: $bar-module-active-shadow;
        color: $bar-module-active-fg-color;
      }
      &.right {
        border-left: 2px solid $bar-module-fg-color;
      }
      label {
        padding: 0px 5px;
        margin-right: -10px;
      }
      .workspace-number {
        margin: 0px;
        margin-left: 6px;
        margin-top: -17px;
        padding: 0px;
        font-size: 0.6em;
      }
    }
  }
  scale trough,
  progressbar>trough {
    background-color: $color9;
    min-width: 50px;
    min-height: 10px;
    border-radius: 4px;
  }
  scale trough highlight,
  progressbar>trough>progress {
    background-color: $color2;
    border-radius: 4px;
    min-height: 10px;
    transition: box-shadow 0.3s;
    &:hover{
      box-shadow: 0px 0px 0px 2px $color2;
    }
  }
  //value graphs
  circular-progress {
    color: $color9;
    background-color: $color2;
  }
//  .revealer-on-hover>widget>
  .revealer-preview {
    padding: 3px 4px;
    min-width: $bar-module-width;
    transition: all 0.3s;
    &:hover {
      text-shadow: $bar-module-hover-shadow;
    }
  }
}