#Toolbar {
  position            : absolute;
  width               : 100%;
  box-sizing          : border-box;
  border-bottom       : 1px solid grey;
  height              : 1cm;
  z-index             : 5;
}

#Toolbar-Logo-Container {
  border-bottom       : 1px solid grey;
  position            : absolute;
  left                : 0cm;
  top                 : 0cm;
  background-color    : white;
  background-position : 2mm center;
  background-size     : auto 45%;
  background-image    : url(../customers/Eleco/img/logo.png);
  background-repeat   : no-repeat;
  z-index             : 6;
  height              : 1cm;
  width               : 3cm;
  box-sizing          : border-box;
}

#Toolbar #Left-Controls {
  transition : opacity 0.3s;
  height     : 1cm;
  position   : absolute;
  left       : 3cm;
}

#Toolbar #Right-Controls {
  transition : opacity 0.3s;
  position   : absolute;
  right      : 0mm;
  height     : 1cm;
}

#Toolbar[disabled] #Left-Controls {
  pointer-events : none;
  opacity        : 0.3;
}

#Toolbar #Toolbar-Button-Viewings[disabled],#Toolbar #Toolbar-Button-Upload[disabled] {
  pointer-events : none;
  opacity        : 0.3;
}

#Left-Controls div, #Left-Controls button, #Right-Controls div, #Right-Controls button {
  float : left;
}

#Left-Controls button, #Right-Controls button {
  height         : 100%;
  text-transform : none;
  font-weight    : bold;
}

#Left-Controls button span, #Right-Controls button span {
  margin-right : 10px;
  margin-left  : 10px;
}