﻿.control-item-container {
  background-color: transparent;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.controls-container {
  display: flex;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  bottom: 3rem;
}

.control-item {
  color: rgba(255,255,255,0.7);
  font-size:27px;
  cursor: pointer;
}

.control-item-inactive {
  color: rgba(255,255,255,0.2);
  font-size: 27px;
  cursor: default;
}

.control-item:hover {
  color: white;
}

.control-item-inactive:hover {
  color: rgba(255,255,255,0.2);
}

.control-tooltip-hidden {
  display: none;
}