/* Thermometer   */
.thermometerWidget .firstColumn {
  margin-right: -8px; }

.thermometerWidget .firstColumn .scaleFirstColumn {
  text-align: right;
  margin-right: 5px; }

.thermometerWidget .firstColumn .scaleValues {
  font-family: 'DigitalClock';
  font-size: 16px; }

.thermometerWidget .firstColumn .scaleSecondColumnWithValue {
  width: 20px;
  margin-top: 8px; }

.thermometerWidget .firstColumn .scaleSecondColumnWithoutValue {
  width: 10px; }

.thermometerWidget .firstColumn .scaleTick {
  border-bottom: 1px solid black; }

.thermometerWidget .secondColumn {
  width: 48px;
  text-align: center; }

.thermometerWidget .secondColumn .thermometerContainer {
  margin: 0 auto; }

.thermometerWidget .secondColumn .thermometerBackground {
  width: 20px;
  background-color: #A6C8E2;
  border: 4px solid #E8E8E8;
  border-bottom: none; }

.thermometerWidget .secondColumn .thermometerMercury {
  background-color: #E61E00;
  position: relative;
  z-index: 2; }

@keyframes alertThermometer {
  50% {
    background-color: #3f100f; } }

.thermometerWidget .secondColumn .thermometerMercury.warned {
  animation-name: alertThermometer;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.thermometerWidget .secondColumn .thermometerMercuryBall.warned {
  animation-name: alertThermometer;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.thermometerWidget .secondColumn .thermometerMercuryBall {
  margin: -2px auto 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #E61E00;
  border: 4px solid #E8E8E8; }

.thermometerWidget .secondColumn .emptyThermometer {
  height: 8px;
  background-color: #A6C8E2;
  position: relative;
  z-index: 4; }

.thermometerWidget .thermometerValues {
  font-family: 'DigitalClock';
  font-size: 42px; }