//Global Styles
.bar {
  background: rgba(40, 31, 30, 0.5);
  font-size: 14px;
  /*padding: 10px;*/
}

.workspaces {
  /*padding-top: 2px;
  padding-left: 16px;
  padding-right: 16px;*/
  transition: none;
  color: #f8f8f2;

  margin-left: 8px;
  border-radius: 13px;
  background: #362a28;
}

.btw {
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
}
.active {
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffaa00;
}

.time_box {
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 8px;
  transition: none;
  color: #ffcc44;

  margin-left: 16px;
  border-radius: 13px 0px 0px 13px;
  background: #362a28;

}

.wifi_box {
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 12px;
  transition: none;
  color: #bd93f9;

  border-radius: 0px 13px 13px 0px;
  background: #362a28;

}

.tray {
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 16px;
  transition: none;
  color: #bd93f9;

  border-radius: 13px 13px 13px 13px;
  background: #362a28;

}

// Styles on classes (see eww.yuck for more information)

.left_pane slider {
  all: unset;
  color: #ffd5cd;
}

.metric scale trough highlight {
  all: unset;
  background-color: #D35D6E;
  color: #000000;
  border-radius: 10px;
}
.metric scale trough {
  all: unset;
  background-color: #4e4e4e;
  border-radius: 50px;
  min-height: 3px;
  min-width: 50px;
  margin-left: 10px;
  margin-right: 20px;
}
.metric scale trough highlight {
  all: unset;
  background-color: #D35D6E;
  color: #000000;
  border-radius: 10px;
}
.metric scale trough {
  all: unset;
  background-color: #4e4e4e;
  border-radius: 50px;
  min-height: 3px;
  min-width: 50px;
  margin-left: 10px;
  margin-right: 20px;
}
.label-ram {
  font-size: large;
}
.workspaces button:hover {
  color: #D35D6E;
}