html, body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
* {
  font-family: 'Roboto', sans-serif;
}
body {
  display: flex;
  flex-direction: column;
}
._ad {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #cccccc;
  font-weight: bold;
}
._ad:hover {
  background: #dfdfdf;
  cursor: pointer;
}
._ad.active {
  z-index: 3;
}
._control {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*color: #ffffff;*/
  font-weight: bold;
}
._control:not(:last-child) {
  border-right: 2px solid #ffffff;
}
._control:hover {
  background: #1565c0;
  cursor: pointer;
}
.language {
  text-transform: uppercase;
  margin: 0 !important;
  color: #777;
  /*text-shadow: 1px 1px 0px #000;*/
  font-size: 18px;
  text-align: center;
}
.language:nth-child(2) {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.language:nth-child(3) {
  border-right: 1px solid #bbb;
}
.language:hover {
  text-decoration: underline;
  cursor: pointer;
}
.language.active {
  text-decoration: underline !important;
  font-weight: bold;
}
.pulsating {
  border: 3px solid #999;
  -webkit-border-radius: 30px;
  height: 24px;
  width: 24px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0
}
@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.angular-lightbox.hidden { display: none; }
section.angular-lightbox {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.angular-lightbox .shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: ;*/
}
section.angular-lightbox article { color: white; }
section.angular-lightbox article > header a.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 3em;
  cursor: pointer;
  color: #DDD;
}
section.angular-lightboxarticle > header a.close-btn:hover, section.angular-lightbox article > header a.close-btn:focus { color: white;  }
section.angular-lightbox article > content {
  margin: 0;
  position: absolute;
  top: 0;
  padding: 0 !important;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
section.angular-lightbox article > content > iframe {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
._kioskId {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
  from {left: 50%; width: 0;z-index:100;}
  33.3333% {left: 0; width: 100%;z-index: 10;}
  to {left: 0; width: 100%;}
}
.weather * {
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}
.weather-unit.active {
  border-color: #99FFFF !important;
}
.icon-camera:before {
  content: "\e07f" !important;
}
.border-right { border-right: 2px solid #ffffff; }
.border-bottom { border-bottom: 2px solid #ffffff; }
.border-left { border-left: 2px solid #ffffff; }