#visualisation-production-line {
    padding: 0;
}

#visualisation-production-line img {
    width: 100%;
}

#visualisation-production-line .production-line {
    position: absolute;
    display: flex;
    flex-direction: row;
    border: 1px solid black;
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
}

#visualisation-production-line .production-line:hover {
    cursor: move;
}

#visualisation-production-line .production-line .dot {
  height: 22px;
  width: 22px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

#visualisation-production-line .production-line .name {
  font-weight: bold;
}

#visualisation-production-line .production-line .remove {
  margin-left: 5px;
}

#visualisation-production-line .production-line .remove:hover {
  color: black;
  cursor: pointer;
}

.visualisation-view-list-element {
    width: 200px;
    height: 200px;
    margin: 40px;
}

.visualisation-view-list-element div {
    width: 165px;
    height: 165px;
    text-align: center;
    display: inline-block;
}

.visualisation-view-list-element div img {
    max-height: 165px;
    max-width: 165px;
}

#visualisation-view-details {
    display: inline-block;
    width: 90%;
    position: relative;
}

#visualisation-view-details img {
    width: 100%;
}

#visualisation-view-details .visualisation-view-details-item {
    position: absolute;
    border: 1px solid black;
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
}

#visualisation-view-details .visualisation-view-details-item:hover {
    z-index: 1000;
}

#visualisation-view-details .visualisation-view-details-item .visualisation-view-details-header {
    display: flex;
    flex-direction: row;
}

#visualisation-view-details .visualisation-view-details-item .visualisation-view-details-workstations {
    display: flex;
    flex-direction: column;
    display: none;
}

#visualisation-view-details .visualisation-view-details-item:hover .visualisation-view-details-workstations {
    display: block;
}

#visualisation-view-details .visualisation-view-details-item .visualisation-view-details-workstations div {
    display: flex;
    flex-direction: row;
}

#visualisation-view-details .visualisation-view-details-item .visualisation-view-details-workstations hr {
  width: 100%;
  margin: 10px;
}

#visualisation-view-details .visualisation-view-details-item div .dot {
  height: 22px;
  width: 22px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

#visualisation-view-details .visualisation-view-details-item div .dot.LOGGED_IN_NOT_ACTIVE {
  background-color: orange;
}

#visualisation-view-details .visualisation-view-details-item div .dot.LOGGED_OUT {
  background-color: red;
}

#visualisation-view-details .visualisation-view-details-item div .name {
  font-weight: bold;
}