/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

@keyframes moveLeftRight {
  0% {
    transform: translateX(-1%);
  }
  50% {
    transform: translateX(1%);
  }
  100% {
    transform: translateX(-1%);
  }
}

/*@media screen and (min-width: 650px) {*/
/*  /* hide footer docked view when screen is 650px or more */*/
/*  .docked-view.docked-view-bottom .view {*/
/*    display: none;*/
/*  }*/
/*}*/
/* BEGIN STYLE CLASSES */
.psc-Button {
  background-color: #FAFAFA;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000000;
  font-size: 24px;
  text-align: center;
}

.psc-ButtonHover {
}
.psc-ButtonHover:hover {
  background-color: #D5D5D5;
}

.psc-Demo\/Button {
  background-color: #FAFAFA;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000000;
  font-size: 18px;
  text-align: center;
}

.psc-Font {
  font-family: Helvetica;
}

.psc-HmiCard {
  background-color: #FFFFFF;
  border-color: #E5E7EB;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.06);
  padding: 10px;
}

.psc-Selected {
  background-color: #D5D5D5;
}

.psc-Tile {
  border-color: #5B7A91;
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}